*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{background:#0000;display:none;height:0;width:0}#root,body,html{-webkit-overflow-scrolling:auto;height:100%;overscroll-behavior:none;overscroll-behavior-x:none;overscroll-behavior-y:none;width:100%}html{overflow:hidden}body{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100%;margin:0;overflow:auto;overscroll-behavior:none;scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app{background-color:#fff;display:flex;flex-direction:column;min-height:100vh}.header{background-color:#2e6f40;box-shadow:0 2px 4px #0000001a;color:#fff;padding:1rem;text-align:center}.header h1{font-size:1.5rem;font-weight:600}.main{padding:1.5rem}.main p{color:#333;font-size:1rem;line-height:1.5}@media (min-width:768px){.header h1{font-size:2rem}.main{padding:2rem}}@media (min-width:1024px){.main{margin:0 auto;max-width:1000px;padding:2.5rem}}:root[data-theme=dark] body{background-color:#1a1f1b}:root[data-theme=dark] .app{background-color:initial}:root[data-theme=dark] .furniture-note .note-label,:root[data-theme=dark] .inspection-notes h4,:root[data-theme=dark] .item-note strong,:root[data-theme=dark] .item-notes h4,:root[data-theme=dark] .note-label{color:#cfffdc}.login-screen{--color-primary:#2e6f40;--color-primary-dark:#253d2c;--color-accent:#68ba7f;--color-surface:#cfffdc;--color-text:#1f2b20;--color-muted:#4f6b57;--color-border:#253d2c14;background:linear-gradient(135deg,#2e6f40,#253d2c);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;position:relative}.login-hero{background-position:50%;background-repeat:no-repeat;background-size:cover;flex-shrink:0;height:260px;position:relative}.hero-overlay{background:linear-gradient(180deg,#253d2c4d 0,#253d2cbf);bottom:0;left:0;position:absolute;right:0;top:0}.login-header{align-items:flex-start;display:flex;justify-content:space-between;padding:1.25rem 1.5rem;position:relative;z-index:10}.login-branding{display:flex;flex-direction:column;gap:.35rem}.app-title{color:#fff;font-size:2rem;font-weight:800;letter-spacing:-.5px;margin:0;text-shadow:0 2px 8px #00000040}.app-tagline{color:#ffffffe6;font-size:.8rem;font-weight:500;letter-spacing:.3px;margin:0;opacity:1;transition:opacity .4s ease}.app-tagline.fading{opacity:0}.auth-toggle-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:.5rem 0;transition:opacity .25s ease}.auth-toggle-btn:hover{opacity:.8}.login-modal{background:linear-gradient(145deg,#fff,#f5faf7);border-radius:24px 24px 0 0;box-shadow:0 -8px 24px #253d2c26,8px 0 16px #253d2c14,-8px 0 16px #253d2c14,inset 0 2px 4px #fff,inset 2px 0 4px #fffc,inset -2px 0 4px #fffc;flex:1 1;margin-top:-32px;overflow-y:auto;padding:2rem 1.5rem 3rem;position:relative;z-index:20}.form{margin:0 auto;max-width:380px;width:100%}.form h2{color:var(--color-primary-dark);font-size:1.75rem;font-weight:700;letter-spacing:-.3px;margin-bottom:.5rem;text-align:center}.form-subtitle{color:var(--color-muted);font-size:.9rem;font-weight:400;margin-bottom:2rem;text-align:center}.form-section{border-bottom:none;margin-bottom:1.25rem;padding-bottom:0}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{color:var(--color-muted);display:block;font-size:.75rem;font-weight:700;letter-spacing:1px;margin-bottom:.75rem;margin-top:.25rem;text-transform:uppercase}.form-group{margin-bottom:1rem}.form-section .form-group{margin-bottom:.75rem}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:var(--color-primary);font-size:1.25rem;left:1rem;pointer-events:none;position:absolute;z-index:1}.form-group .input-with-icon input,.form-group .input-with-icon select{background-color:#f5f9f6;border:1.5px solid #253d2c1f;border-radius:12px;color:var(--color-text);font-family:inherit;font-size:.95rem;font-weight:500;padding:1rem 1rem 1rem 2.75rem;transition:all .2s ease;width:100%}.form-group .input-with-icon input::placeholder{color:var(--color-text);font-weight:500;opacity:.7}.form-group .input-with-icon input:focus,.form-group .input-with-icon select:focus{background-color:#fff;border-color:var(--color-primary);box-shadow:0 0 0 4px #2e6f401a;outline:none}.form-group .input-with-icon select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e6f40' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.125rem;color:var(--color-text);cursor:pointer;padding-right:2.75rem}.form-group .input-with-icon select option{background-color:#fff;color:var(--color-text);padding:.75rem}.form-group .input-with-icon select option:first-child{color:var(--color-muted)}.form-group .input-with-icon select option[value=""],.form-group .input-with-icon select:invalid{color:var(--color-text);opacity:.7}.room-type-toggle{background:linear-gradient(145deg,#e8efe9,#f5faf7);border-radius:50px;box-shadow:inset 3px 3px 6px #253d2c1a,inset -3px -3px 6px #ffffffe6;display:flex;padding:5px;position:relative}.room-type-slider{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:50px;box-shadow:4px 4px 8px #253d2c40,-2px -2px 4px #ffffff4d;height:calc(100% - 10px);left:5px;position:absolute;top:5px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:calc(50% - 5px)}.room-type-slider.sharing{transform:translateX(100%)}.room-type-option{align-items:center;background:#0000;border:none;border-radius:50px;color:var(--color-primary-dark);cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:center;padding:.85rem 1rem;position:relative;transition:color .3s ease;z-index:1}.room-type-option.active{color:#e8f0e9;text-shadow:0 1px 2px #0003}.room-type-option svg{font-size:1.1rem;transition:color .3s ease}.form-group label{color:var(--color-text);font-size:.8rem;letter-spacing:.2px;margin-bottom:.6rem}.form-group input,.form-group select{background-color:#f5f9f6;border:1.5px solid #253d2c1f;border-radius:50px;color:var(--color-text);font-family:inherit;font-size:.95rem;font-weight:500;padding:1rem 1.125rem;transition:all .2s ease;width:100%}.form-group select{-moz-appearance:none}.form-group>select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e6f40' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.125rem;cursor:pointer;padding-right:2.75rem}.form-group input::placeholder{color:var(--color-text);font-weight:500;opacity:.6}.form-group input:focus,.form-group select:focus{background-color:#fff;border-color:var(--color-primary);box-shadow:0 0 0 4px #2e6f401a}.role-toggle{background:linear-gradient(145deg,#e8efe9,#f5faf7);border-radius:50px;box-shadow:inset 3px 3px 6px #253d2c1a,inset -3px -3px 6px #ffffffe6;display:flex;gap:0;padding:5px;position:relative}.role-slider{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:50px;box-shadow:4px 4px 8px #253d2c40,-2px -2px 4px #ffffff4d;height:calc(100% - 10px);left:5px;position:absolute;top:5px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:calc(50% - 5px)}.role-slider.staff{transform:translateX(100%)}.role-option{background:#0000;border:none;border-radius:50px;color:var(--color-primary-dark);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:1rem 1.5rem;position:relative;transition:color .3s ease;z-index:1}.role-option.active{color:#e8f0e9;text-shadow:0 1px 2px #0003}.role-option:hover:not(.active){color:var(--color-primary)}.login-screen .btn-primary,.login-screen .form-group .btn-primary{background:linear-gradient(145deg,#358a4d,#2a6438);border:none;border-radius:12px;box-shadow:6px 6px 12px #253d2c33,-6px -6px 12px #ffffffb3,inset 1px 1px 2px #68ba7f4d,inset -1px -1px 2px #253d2c33;box-sizing:border-box;color:#fff;cursor:pointer;display:block;font-size:.95rem;font-weight:700;letter-spacing:.3px;margin:2rem auto 0;max-width:100%;padding:1.1rem 1.5rem;transition:all .1s ease;width:100%}.login-screen .btn-primary:hover:not(:disabled){background:linear-gradient(145deg,#3d9956,#2e7040);box-shadow:8px 8px 16px #253d2c38,-8px -8px 16px #ffffffbf,inset 1px 1px 2px #68ba7f59,inset -1px -1px 2px #253d2c26}.login-screen .btn-primary:active:not(:disabled){background:linear-gradient(145deg,#2a6438,#358a4d);box-shadow:2px 2px 5px #253d2c26,-2px -2px 5px #fff9,inset 3px 3px 6px #253d2c33,inset -2px -2px 4px #68ba7f33;transform:scale(.98)}.login-screen .btn-primary:disabled{background:linear-gradient(145deg,#b8c4ba,#9aa89c);box-shadow:3px 3px 6px #253d2c1a,-3px -3px 6px #ffffff80;cursor:not-allowed;opacity:.7}.login-modal .message{border-radius:12px;font-size:.85rem;font-weight:500;margin-bottom:1.25rem;margin-left:auto;margin-right:auto;max-width:380px;padding:.875rem 1rem;text-align:center}.error-message{background-color:#ff3b3014;border:1px solid #ff3b301f;color:#c41e3a}.success-message{background-color:#68ba7f1f;border:1px solid #68ba7f40;color:var(--color-primary-dark)}@media (min-width:768px){.login-hero{height:300px}.login-header{padding:2rem 3rem}.app-title{font-size:2.5rem}.app-tagline{font-size:.9rem}.login-modal{border-radius:36px 36px 0 0;margin-top:-50px;padding:2.5rem 2rem 3.5rem}.form{max-width:420px}.form h2{font-size:2rem;margin-bottom:.5rem}}@media (min-width:1024px){.login-hero{height:340px}}:root[data-theme=dark] .login-screen{background:linear-gradient(135deg,#2a5535,#1e3d28)}:root[data-theme=dark] .login-modal{background:linear-gradient(145deg,#1e2420,#1a1f1b);box-shadow:0 -2px 8px #00000026,inset 0 1px 2px #3c4b3f14}:root[data-theme=dark] .form h2{color:#e8f0e9}:root[data-theme=dark] .form-subtitle{color:#c8dccbb3}:root[data-theme=dark] .section-title{color:#c8dccb99}:root[data-theme=dark] .form-group label{color:#c8dccb}:root[data-theme=dark] .form-group .input-with-icon input,:root[data-theme=dark] .form-group .input-with-icon select,:root[data-theme=dark] .form-group input,:root[data-theme=dark] .form-group select{background-color:#252b26;border-color:#68ba7f26;color:#e8f0e9}:root[data-theme=dark] .form-group .input-with-icon input::placeholder,:root[data-theme=dark] .form-group input::placeholder{color:#c8dccb80}:root[data-theme=dark] .form-group .input-with-icon input:focus,:root[data-theme=dark] .form-group .input-with-icon select:focus,:root[data-theme=dark] .form-group input:focus,:root[data-theme=dark] .form-group select:focus{background-color:#2a312b;border-color:#68ba7f;box-shadow:0 0 0 4px #68ba7f26}:root[data-theme=dark] .input-icon{color:#68ba7f}:root[data-theme=dark] .form-group .input-with-icon select,:root[data-theme=dark] .form-group>select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2368ba7f' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}:root[data-theme=dark] .role-toggle{background:linear-gradient(145deg,#1a1f1b,#252b26);box-shadow:inset 3px 3px 6px #00000040,inset -3px -3px 6px #3c4b3f14}:root[data-theme=dark] .role-slider{box-shadow:4px 4px 8px #0000004d,-2px -2px 4px #3c4b3f1a}:root[data-theme=dark] .role-option{color:#c8dccb99}:root[data-theme=dark] .role-option.active{color:#e8f0e9}:root[data-theme=dark] .role-option:hover:not(.active){color:#68ba7f}:root[data-theme=dark] .room-type-toggle{background:linear-gradient(145deg,#1a1f1b,#252b26);box-shadow:inset 3px 3px 6px #00000040,inset -3px -3px 6px #3c4b3f14}:root[data-theme=dark] .room-type-slider{box-shadow:4px 4px 8px #0000004d,-2px -2px 4px #3c4b3f1a}:root[data-theme=dark] .room-type-option{color:#c8dccb99}:root[data-theme=dark] .room-type-option.active{color:#e8f0e9}:root[data-theme=dark] .login-screen .btn-primary{background:linear-gradient(145deg,#2e7040,#245632);box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #3c4b3f1a,inset 1px 1px 2px #68ba7f33,inset -1px -1px 2px #0003}:root[data-theme=dark] .login-screen .btn-primary:hover:not(:disabled){background:linear-gradient(145deg,#358a4d,#2a6438);box-shadow:8px 8px 16px #00000059,-8px -8px 16px #3c4b3f1f,inset 1px 1px 2px #68ba7f40,inset -1px -1px 2px #00000026}:root[data-theme=dark] .login-screen .btn-primary:active:not(:disabled){background:linear-gradient(145deg,#245632,#2e7040);box-shadow:2px 2px 5px #00000040,-2px -2px 5px #3c4b3f14,inset 3px 3px 6px #0000004d,inset -2px -2px 4px #3c4b3f1a}:root[data-theme=dark] .login-screen .btn-primary:disabled{background:linear-gradient(145deg,#3a443b,#2d352e);box-shadow:3px 3px 6px #0003,-3px -3px 6px #3c4b3f0d}:root[data-theme=dark] .error-message{background-color:#ff3b301f;border-color:#ff3b3033;color:#ff6b6b}:root[data-theme=dark] .success-message{background-color:#68ba7f26;border-color:#68ba7f4d;color:#68ba7f}:root[data-theme=dark] .auth-toggle-btn{color:#e8f0e9}.loading-indicator-overlay{align-items:center;animation:fade-in .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#253d2c99;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9999}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.loading-indicator-container{animation:modalSlideIn .25s ease-out;background:linear-gradient(135deg,#2e6f40,#253d2c)!important;border:none!important;border-radius:16px!important;box-shadow:0 24px 60px #253d2c59!important;display:flex;flex-direction:column;max-width:280px;overflow:hidden;width:100%}.indicator-body{align-items:center;gap:1rem;padding:2rem}.indicator-body,.indicator-text{display:flex;flex-direction:column}.indicator-text{gap:.35rem;text-align:center}.indicator-title{color:#fff;font-size:1.125rem;font-weight:600;margin:0}.indicator-message{color:#ffffffd9;font-size:.95rem;margin:0;min-height:1.5rem}.loading-spinner{align-items:center;display:flex;height:64px;justify-content:center;width:64px}.spinner-circle{animation:spin .85s linear infinite;border:3px solid #0000;border-radius:50%;border-top-color:#fff;box-sizing:border-box;height:100%;width:100%}.success-indicator{align-items:center;display:flex;height:72px;justify-content:center;position:relative;width:72px}.success-ring{border:3px solid #ffffff4d;border-radius:50%;inset:0;position:absolute}.checkmark{stroke-width:3;stroke:#fff;stroke-miterlimit:10;animation:pulse .8s ease;border-radius:50%;height:48px;width:48px}.checkmark-check,.checkmark-circle{stroke:#fff;stroke-linecap:round;stroke-linejoin:round}.checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;fill:none;animation:draw .5s ease forwards}.checkmark-check{stroke-dasharray:48;stroke-dashoffset:48;fill:none;animation:draw .4s ease .3s forwards}@keyframes draw{to{stroke-dashoffset:0}}@media (max-width:480px){.loading-indicator-container{max-width:260px}.indicator-body{padding:1.5rem}.indicator-title{font-size:1rem}.indicator-message{font-size:.85rem}.loading-spinner,.success-indicator{height:56px;width:56px}.checkmark{height:42px;width:42px}}.pending-approval-screen{--color-primary:#2e6f40;--color-primary-dark:#253d2c;--color-accent:#68ba7f;--color-surface:#cfffdc;--color-text:#1f2b20;--color-muted:#4f6b57;--color-border:#253d2c14;align-items:center;background:radial-gradient(circle at 20% 20%,#68ba7f1f,#0000 45%),radial-gradient(circle at 80% 0,#cfffdc66,#0000 45%),#f7fff8;color:var(--color-text);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;justify-content:center;min-height:100vh;padding:2rem 1rem}.pending-approval-screen .verification-container{animation:modalSlideIn .25s ease-out;border-radius:16px;box-shadow:0 24px 60px #253d2c59;max-width:420px;overflow:hidden;width:100%}.pending-approval-screen .modal-header{align-items:center;background:linear-gradient(135deg,#2e6f40,#253d2c);display:flex;justify-content:center;padding:1.25rem 1.5rem 2rem}.pending-approval-screen .modal-header h1{color:#fff!important;font-size:1.35rem;font-weight:700;letter-spacing:.3px;margin:0;text-align:center;width:100%}.pending-approval-screen .icon-container{align-items:center;display:flex;justify-content:center;margin-bottom:1rem}.pending-approval-screen .clock-icon,.pending-approval-screen .signed-out-icon{animation:pulse 2.2s infinite;background:radial-gradient(circle at 30% 30%,#68ba7f26,#0000 50%);border-radius:50%;color:#2e6f40!important;font-size:4rem;padding:.5rem}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.04)}}.pending-approval-screen .modal-body{background:linear-gradient(145deg,#fff,#f5faf7);border-radius:16px 16px 0 0;box-shadow:inset 1px 1px 2px #ffffffe6,inset -1px -1px 2px #253d2c08;margin-top:-16px;padding:1.75rem 1.5rem;position:relative;z-index:1}.pending-approval-screen .user-details{background:#0000;border:none;box-shadow:none;margin-bottom:1.25rem;padding:0;text-align:center}.pending-approval-screen .user-details h2{color:#253d2c!important;font-size:1.15rem;font-weight:700;margin:0 0 .25rem}.pending-approval-screen .room-info{color:#4f6b57!important;font-size:.9rem;font-weight:600;margin:0}.pending-approval-screen .info-box{align-items:flex-start;background:linear-gradient(145deg,#fff,#f2faf1);border:none;border-radius:14px;box-shadow:4px 4px 10px #253d2c14,-4px -4px 10px #ffffffe6,inset 1px 1px 2px #fffc,inset -1px -1px 2px #253d2c08;display:flex;gap:.75rem;margin-bottom:0;padding:1rem}.pending-approval-screen .info-box .check-icon,.pending-approval-screen .info-box .warning-icon{color:#2e6f40!important;flex-shrink:0;font-size:1.5rem;margin-top:2px}.pending-approval-screen .info-content{flex:1 1}.pending-approval-screen .info-content h3{color:#253d2c!important;font-size:.95rem;font-weight:700;margin:0 0 .35rem}.pending-approval-screen .verification-message{color:#4f6b57!important;font-size:.9rem;line-height:1.5;margin:0}.pending-approval-screen .verification-message.signed-out{color:#9a3030!important;display:block;font-weight:600;margin:0;text-align:center}.pending-approval-screen .modal-actions{background:linear-gradient(145deg,#f5faf7,#fff);border-radius:0 0 16px 16px;display:flex;flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem}.pending-approval-screen .button-group{display:flex;flex-wrap:wrap;gap:.75rem}.pending-approval-screen .btn-primary{align-items:center;background:linear-gradient(135deg,#2e6f40,#253d2c)!important;border:none!important;border-radius:10px;box-shadow:0 8px 20px #253d2c33;color:#fff!important;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1rem;transition:all .2s ease}.pending-approval-screen .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2f7c49,#253d2c)!important;box-shadow:0 14px 28px #253d2c3d;transform:translateY(-1px)}.pending-approval-screen .btn-primary:disabled{cursor:not-allowed;opacity:.6}.pending-approval-screen .btn-secondary{align-items:center;background-color:#fff!important;border:1px solid #253d2c1f!important;border-radius:10px;color:#253d2c!important;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1rem;transition:all .2s ease}.pending-approval-screen .btn-secondary:hover{background-color:#edf7f1!important;border-color:#2e6f40!important;box-shadow:0 10px 20px #253d2c1f}@media (max-width:480px){.pending-approval-screen{padding:1rem}.pending-approval-screen .verification-container{max-width:100%}.pending-approval-screen .modal-header{padding:1.25rem 1rem}.pending-approval-screen .modal-body{padding:1.5rem 1rem}.pending-approval-screen .modal-actions{padding:1rem}.pending-approval-screen .clock-icon,.pending-approval-screen .signed-out-icon{font-size:3.25rem}}:root[data-theme=dark] .pending-approval-screen{background:radial-gradient(circle at 20% 20%,#68ba7f14,#0000 45%),radial-gradient(circle at 80% 0,#253d2c4d,#0000 45%),#1a1f1b}:root[data-theme=dark] .pending-approval-screen .verification-container{box-shadow:0 24px 60px #00000080}:root[data-theme=dark] .pending-approval-screen .modal-body{background:linear-gradient(145deg,#252b26,#1e2420);box-shadow:0 -4px 20px #0003,inset 1px 1px 2px #3c4b3f26,inset -1px -1px 2px #0003}:root[data-theme=dark] .pending-approval-screen .user-details h2{color:#e8f0e9!important}:root[data-theme=dark] .pending-approval-screen .room-info{color:#9ab8a0!important}:root[data-theme=dark] .pending-approval-screen .info-box{background:linear-gradient(145deg,#2a312b,#1e2420);box-shadow:4px 4px 8px #00000040,-4px -4px 8px #3c4b3f14,inset 1px 1px 2px #3c4b3f1a,inset -1px -1px 2px #00000026}:root[data-theme=dark] .pending-approval-screen .info-box .check-icon,:root[data-theme=dark] .pending-approval-screen .info-box .warning-icon{color:#68ba7f!important}:root[data-theme=dark] .pending-approval-screen .info-content h3{color:#cfffdc!important}:root[data-theme=dark] .pending-approval-screen .verification-message{color:#9ab8a0!important}:root[data-theme=dark] .pending-approval-screen .verification-message.signed-out{color:#ff8a8a!important}:root[data-theme=dark] .pending-approval-screen .modal-actions{background:linear-gradient(145deg,#1e2420,#252b26)}:root[data-theme=dark] .pending-approval-screen .btn-primary{background:linear-gradient(135deg,#2e6f40,#253d2c)!important;color:#fff!important}:root[data-theme=dark] .pending-approval-screen .btn-secondary{background-color:#2a312b!important;border-color:#68ba7f33!important;color:#c8dccb!important}:root[data-theme=dark] .pending-approval-screen .btn-secondary:hover{background-color:#323b33!important;border-color:#68ba7f59!important}.modal-overlay{animation:modalFadeIn .2s ease-out;background:#0009}.admin-inspections-screen .modal-overlay,.inspector-room-screen .modal-overlay{all:unset}.popup-overlay{animation:modalFadeIn .2s ease-out;background:#0009}.modal,.modal-content,.popup-content{animation:modalSlideIn .3s ease-out;background:#2e6f40;border:none;border-radius:0;box-shadow:0 4px 8px #0000001f;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.admin-inspections-screen .modal,.admin-inspections-screen .modal-content,.admin-inspections-screen .popup-content,.inspector-room-screen .modal,.inspector-room-screen .modal-content,.inspector-room-screen .popup-content{all:unset}.modal-header,.popup-header{align-items:center;background:#2e6f40;border-bottom:none;border-radius:0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px 16px}.admin-inspections-screen .modal-header,.admin-inspections-screen .popup-header,.inspector-room-screen .modal-header,.inspector-room-screen .popup-header{all:unset}.modal-header h2,.modal-header h3,.popup-header h2,.popup-header h3{color:#fff!important;font-size:1.5rem;font-weight:600;margin:0}.modal-header.success{background:#2e6f40}.modal-header .success-icon{color:#34c759;font-size:2rem;margin-right:12px}.modal-close{background:none}.modal-close:hover{background:#253d2c}.admin-inspections-screen .modal-close,.inspector-room-screen .modal-close{all:unset}.modal-header-actions{gap:8px}.modal-body,.popup-body{background:#fff;border-radius:0;color:#333;padding:24px}.admin-inspections-screen .modal-body,.admin-inspections-screen .popup-body,.inspector-room-screen .modal-body,.inspector-room-screen .popup-body{all:unset}.modal-text{color:#333;font-size:1rem;line-height:1.5;margin:0 0 12px}.modal-subtext{color:#666;font-size:.875rem;margin:0}.user-details-header{margin-bottom:24px}.user-details-header h4{color:#333;font-weight:600;margin:0 0 12px}.badges{flex-wrap:wrap;gap:8px}.edit-form{gap:24px}.edit-form,.form-section{display:flex;flex-direction:column}.form-section{gap:16px}.form-section h4{border-bottom:none;color:#333;font-size:1.1rem;font-weight:600;margin:0;padding-bottom:8px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:500}.form-group input,.form-group select{background:#f5f5f5;border:none;border-bottom:1px solid #e0e0e0;border-radius:0;font-size:.875rem;padding:10px 12px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus{background:#fff;border-bottom-color:#2e6f40;box-shadow:none;outline:none}.radio-group{display:flex;gap:16px}.radio-label{align-items:center;cursor:pointer;display:flex;font-size:.875rem;gap:6px}.modal-actions,.popup-actions{background:#fff;border-radius:0;border-top:none;display:flex;gap:12px;padding:20px 24px}.admin-inspections-screen .modal-actions,.admin-inspections-screen .popup-actions,.inspector-room-screen .modal-actions,.inspector-room-screen .popup-actions{all:unset}.modal-actions.single-button,.popup-actions.single-button{justify-content:center}.modal-actions.three-buttons,.popup-actions.three-buttons{flex-direction:column;gap:12px}.modal-actions.three-buttons .button-row,.popup-actions.three-buttons .button-row{display:flex;gap:12px;justify-content:flex-end}.btn-approve,.btn-cancel,.btn-confirm,.btn-decline,.btn-delete,.btn-primary,.btn-secondary,.btn-signout{align-items:center;border:none;border-radius:0;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:6px;justify-content:center;min-width:100px;padding:.75rem 1rem;transition:background-color .2s ease}.btn-primary{background:#2e6f40}.btn-primary:hover{background:#253d2c}.btn-secondary{background:#f5f5f5}.btn-secondary:hover{background:#e0e0e0}.btn-cancel{background:#fff;color:#666}.btn-cancel:hover{background:#f5f5f5}.btn-confirm{background:#ff3b30}.btn-confirm:hover{background:#cc2e26}.btn-approve{background:#34c759}.btn-approve:hover{background:#2aa047}.btn-decline{background:#ff3b30}.btn-decline:hover{background:#cc2e26}.btn-delete{background:#ff3b30;color:#fff}.btn-delete:hover{background:#cc2e26}.btn-signout{background:#ff9500}.btn-signout:hover{background:#c70}.full-width{flex:1 1}.btn-approve:disabled,.btn-cancel:disabled,.btn-confirm:disabled,.btn-decline:disabled,.btn-delete:disabled,.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn-loading{cursor:wait;opacity:.8}.btn-loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:12px;margin-left:6px;width:12px}.options-menu-button{background:none;border-radius:6px;color:#fff;font-size:1.2rem;transition:all .2s}.options-menu-button:hover{background:#253d2c}.options-menu{background:#fff;border:none;border-radius:0;box-shadow:0 4px 8px #0000001f;min-width:120px;z-index:1001}.option-item{background:none;color:#333;font-size:.875rem;gap:8px;padding:12px 16px}.option-item:hover{background:#f5f5f5}.option-item.delete{color:#ff3b30}.option-item.delete:hover{background:#f5f5f5}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:640px){.modal,.modal-content,.popup-content{margin:1rem;width:95%}.modal-header,.popup-header{padding:1rem 1.25rem .75rem}.modal-header h2,.modal-header h3,.popup-header h2,.popup-header h3{font-size:1.25rem}.modal-body,.popup-body{padding:1.25rem}.modal-actions,.popup-actions{flex-direction:column;padding:1rem 1.25rem}.modal-actions.dual-buttons,.popup-actions.dual-buttons{flex-direction:row}.btn-approve,.btn-cancel,.btn-confirm,.btn-decline,.btn-delete,.btn-primary,.btn-secondary{flex:1 1;min-width:auto}.radio-group{flex-direction:column;gap:8px}}.modal-overlay:before,.popup-overlay:before{background:#0006;bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:-1}.modal-body *,.popup-body *{color:#333}.verifications-screen .modal-body *,.verifications-screen .popup-body *{color:inherit}.modal-body .btn-approve,.modal-body .btn-approve *,.modal-body .btn-confirm,.modal-body .btn-confirm *,.modal-body .btn-decline,.modal-body .btn-decline *,.modal-body .btn-delete,.modal-body .btn-delete *,.modal-body .btn-primary,.modal-body .btn-primary *,.modal-body .btn-signout,.modal-body .btn-signout *,.popup-body .btn-approve,.popup-body .btn-approve *,.popup-body .btn-confirm,.popup-body .btn-confirm *,.popup-body .btn-decline,.popup-body .btn-decline *,.popup-body .btn-delete,.popup-body .btn-delete *,.popup-body .btn-primary,.popup-body .btn-primary *,.popup-body .btn-signout,.popup-body .btn-signout *{color:#fff!important}:root[data-theme=dark] .profile-screen .modal-body *,:root[data-theme=dark] .profile-screen .popup-body *{color:#cfffdce6}.user-management-screen{--color-primary:#2e6f40;--color-primary-dark:#253d2c;--color-accent:#68ba7f;--color-surface:#cfffdc;--color-text:#1f2b20;--color-muted:#4f6b57;--color-border:#253d2c14;--color-shadow:0 12px 30px #253d2c1f;background:radial-gradient(circle at 20% 20%,#68ba7f1f,#0000 45%),radial-gradient(circle at 80% 0,#cfffdc66,#0000 45%),#f7fff8;display:flex;flex-direction:column;min-height:100vh}.user-management-screen .accounts-header{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));box-shadow:0 4px 12px #253d2c26;color:#fff;display:flex;justify-content:center;min-height:56px;padding:1rem 1.25rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.user-management-screen .accounts-header .back-button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;left:1rem;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:40px}.user-management-screen .accounts-header .header-center{align-items:center;display:flex;flex:1 1;justify-content:center;max-width:100%;min-width:0;overflow:hidden;pointer-events:none;position:relative}.user-management-screen .accounts-header .filter-toggle{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;position:absolute;right:4rem;top:50%;transform:translateY(-50%);transition:background-color .2s ease,box-shadow .2s ease;width:40px}.user-management-screen .accounts-header .filter-toggle:hover{background-color:#ffffff4d}.user-management-screen .accounts-header .filter-toggle.active{background-color:#ffffff59}.user-management-screen .accounts-header .filter-toggle svg{font-size:1.25rem}.user-management-screen .accounts-header .refresh-button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:background-color .2s ease,box-shadow .2s ease;width:40px}.user-management-screen .accounts-header .back-button:hover,.user-management-screen .accounts-header .refresh-button:hover{background-color:#ffffff4d}.user-management-screen .accounts-header .back-button:disabled,.user-management-screen .accounts-header .refresh-button:disabled{cursor:not-allowed;opacity:.55}.user-management-screen .accounts-header .back-button:not(:disabled):active,.user-management-screen .accounts-header .filter-toggle:not(:disabled):active,.user-management-screen .accounts-header .refresh-button:not(:disabled):active{transform:translateY(-50%)}.user-management-screen .accounts-header .back-button svg,.user-management-screen .accounts-header .refresh-button svg{font-size:1.25rem}.user-management-screen .accounts-header h1{font-size:1.25rem;font-weight:700;justify-self:center;letter-spacing:-.3px;margin:0;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.user-management-screen .accounts-header .refresh-button .spinning{animation:spin 1s linear infinite}.user-management-screen .main{background:linear-gradient(145deg,#f5f7f5,#eef2ef);flex:1 1;overflow-y:auto;padding:0}.error-banner{background-color:#ff3b3014;border:1px solid #ff3b3029;border-radius:8px;color:#c41e3a;text-align:center}.loading-container{font-size:1rem;min-height:300px}.empty-state{min-height:400px;padding:2rem}.empty-icon{font-size:5rem}.empty-state h2{font-weight:700}.empty-state p{max-width:400px}.users-list{border:none;border-radius:0;box-shadow:none;margin:0;overflow:hidden;padding-top:1rem;width:100%}.list-header,.users-list{background:linear-gradient(145deg,#fff,#f0f7f2)}.list-header{border:none;border-radius:16px;box-shadow:6px 6px 12px #253d2c1f,-6px -6px 12px #ffffffe6,inset 1px 1px 2px #fffc,inset -1px -1px 2px #253d2c0d;margin-bottom:.4rem;margin-top:.5rem;padding:1.25rem;position:static;text-align:center}.list-search{margin:.5rem 0 .75rem}.list-search input[type=search]{background-color:#f5f9f6;border:1.5px solid #253d2c1f;border-radius:10px;color:var(--color-text);font-size:.95rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.list-search input[type=search]::placeholder{color:var(--color-muted);opacity:.7}.list-search input[type=search]:focus{background-color:#fff;border-color:var(--color-primary);box-shadow:0 0 0 4px #2e6f401a;outline:none}.list-header p{color:var(--color-primary-dark);font-size:.875rem;font-weight:600;margin:0}.user-management-screen .status-tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;background:linear-gradient(145deg,#fff,#f5faf7);border-bottom:1px solid #253d2c14;box-shadow:none;display:flex;margin:0;overflow-x:auto;position:-webkit-sticky;position:sticky;scrollbar-width:none;top:56px;width:100%;z-index:9}.user-management-screen .status-tabs::-webkit-scrollbar{display:none}.user-management-screen .occupation-tabs{border-bottom:none;box-shadow:0 4px 12px #253d2c14;top:105px}.user-management-screen .status-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--color-muted);cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:600;gap:.4rem;justify-content:center;min-width:-webkit-fit-content;min-width:fit-content;padding:.85rem 1rem;transition:all .2s;white-space:nowrap}.user-management-screen .status-tab:hover{color:var(--color-primary)}.user-management-screen .status-tab.active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.user-management-screen .tab-count{background:linear-gradient(135deg,#2e6f40,#253d2c);border-radius:10px;color:#fff;font-size:.65rem;font-weight:700;min-width:18px;padding:.2rem .5rem}.user-management-screen .status-tab:not(.active) .tab-count{background:#253d2c26;color:var(--color-muted)}.user-management-screen .filters-section{background:linear-gradient(145deg,#fff,#f5faf7);border-bottom:1px solid #253d2c14;box-shadow:0 4px 12px #253d2c14;display:flex;gap:.75rem;padding:.85rem 1rem;position:-webkit-sticky;position:sticky;top:105px;z-index:8}.user-management-screen .search-box{align-items:center;background:#f5f9f6;border:1.5px solid #253d2c1a;border-radius:10px;display:flex;flex:1 1;gap:.5rem;padding:.6rem .85rem;transition:all .2s}.user-management-screen .search-box:focus-within{background:#fff;border-color:var(--color-primary)}.user-management-screen .search-box svg{color:var(--color-muted);font-size:1.15rem}.user-management-screen .search-box input{background:none;border:none;color:var(--color-text);flex:1 1;font-size:.9rem}.user-management-screen .search-box input:focus{outline:none}.user-management-screen .search-box input::placeholder{color:var(--color-muted);opacity:.7}.user-management-screen .role-filter{position:relative}.user-management-screen .role-filter select{-webkit-appearance:none;appearance:none;background:#f5f9f6;border:1.5px solid #253d2c1a;border-radius:10px;color:var(--color-text);cursor:pointer;font-size:.9rem;padding:.6rem 2rem .6rem .85rem;transition:all .2s}.user-management-screen .role-filter select:focus{border-color:var(--color-primary);outline:none}.user-management-screen .role-filter .select-icon{color:var(--color-muted);font-size:1.15rem;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.occupation-counts{margin-top:.35rem}.status-counts::-webkit-scrollbar{display:none}.status-count{align-items:center;background:#0000;border:none;color:var(--color-muted);cursor:pointer;display:flex;flex:0 0 auto;flex-direction:column;font-size:.78rem;font-weight:700;gap:.15rem;letter-spacing:.35px;padding:.3rem .65rem;position:relative;scroll-snap-align:center;text-transform:uppercase}.status-count+.status-count:before{background:var(--color-border);box-shadow:1px 1px 2px #253d2c1f,-1px -1px 2px #ffffffd9;content:"";height:1.25rem;left:-.5rem;position:absolute;top:50%;transform:translateY(-50%);width:1px}.status-count.approved,.status-count.declined,.status-count.pending,.status-count.signed-out{color:var(--color-muted)}.status-count:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.status-count.active{background:#2e6f401f;border-radius:12px}.status-count.active.approved .count-label,.status-count.active.approved .count-number,.status-count.active.pending .count-label,.status-count.active.pending .count-number,.status-count.active.signed-out .count-label,.status-count.active.signed-out .count-number{color:var(--color-primary);text-shadow:0 0 10px #2e6f4059}.status-count.active.declined .count-label,.status-count.active.declined .count-number{color:#c41e3a;text-shadow:0 0 10px #c41e3a59}.count-number{font-size:1rem;font-weight:800;line-height:1.1}.sort-info{color:var(--color-muted)!important;font-size:.75rem;font-style:italic;font-weight:400!important;margin:.5rem 0 0!important}.user-card{background-color:initial;border:none;border-radius:0;box-shadow:none;margin:0;padding:1.25rem 1.5rem;position:relative;transition:background-color .2s ease,border-color .2s ease}.user-card.compact{align-items:center;cursor:pointer;display:flex;min-height:70px;padding:1rem 1.25rem;text-align:left;width:100%}.user-card.compact .user-info{grid-column-gap:.75rem;grid-row-gap:.35rem;align-items:center;column-gap:.75rem;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;row-gap:.35rem;width:100%}.user-card.compact:hover{background-color:#68ba7f0f}.user-card:after{background:linear-gradient(90deg,#fffc,#253d2c1a,#fffc);bottom:0;box-shadow:1px 1px 2px #253d2c14,-1px -1px 2px #fff9;content:"";height:1px;left:1rem;position:absolute;right:1rem}.user-card:last-child:after{display:none}.user-header{align-items:center;border-bottom:1px solid #253d2c1a;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.user-header h3{color:var(--color-primary-dark);font-size:1.125rem;font-weight:700;margin:0}.role-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.35rem .85rem;text-transform:uppercase}.role-badge.student{background:#68ba7f26;border:1px solid #68ba7f59;color:var(--color-primary-dark)}.role-badge.staff{background:#2e6f401f;border:1px solid #2e6f4040;color:var(--color-primary)}.badges{align-items:center;display:flex;gap:.5rem}.status-badge{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:18px;color:var(--color-primary-dark);display:inline-flex;font-size:.72rem;font-weight:600;justify-content:center;letter-spacing:.35px;padding:.32rem .8rem;text-transform:uppercase}.status-badge.pending{background:#ffc10726;border-color:#ffc10759;color:#856404}.status-badge.approved{background:#68ba7f26;border-color:#68ba7f59;color:var(--color-primary-dark)}.status-badge.declined{background:#ff3b301f;border-color:#ff3b303d;color:#c41e3a}.status-badge.signed_out{background:#253d2c14;border-color:#253d2c29;color:var(--color-muted)}.status-badge.occupation.student{background:#68ba7f2e;border-color:#68ba7f52;color:var(--color-primary-dark)}.status-badge.occupation.admin{background:#c41e3a24;border-color:#c41e3a42;color:#a01830}.status-badge.occupation.security{background:#2e6f4029;border-color:#2e6f4047;color:#1e4a2c}.status-badge.occupation.cleaner{background:#17a2b824;border-color:#17a2b842;color:#117a8b}.status-badge.occupation.maintenance{background:#85640429;border-color:#85640447;color:#6b5003}.status-badge.occupation.supervisor{background:#6f42c129;border-color:#6f42c147;color:#5a32a3}.status-badge.occupation.floor-representative{background:#68ba7f29;border-color:#68ba7f47;color:#2e6f40}.status-badge.occupation.staff{background:#4f6b5729;border-color:#4f6b5747;color:#3d5344}:root[data-theme=dark] .user-management-screen{background:radial-gradient(circle at 20% 20%,#68ba7f14,#0000 45%),radial-gradient(circle at 80% 0,#78b48c38,#0000 45%),linear-gradient(145deg,#1e2420,#1a1f1b);color:#cfffdce6}:root[data-theme=dark] .user-management-screen .accounts-header{background:linear-gradient(135deg,#2a5535,#1e3d28);box-shadow:0 6px 14px #00000059}:root[data-theme=dark] .user-management-screen .accounts-header h1{color:#e8f0e9}:root[data-theme=dark] .user-management-screen .main{background:linear-gradient(145deg,#1e2420,#1a1f1b)}:root[data-theme=dark] .list-header,:root[data-theme=dark] .users-list{background:linear-gradient(145deg,#252b26,#1e2420);border:none;box-shadow:6px 6px 12px #00000059,-6px -6px 12px #3c4b3f1f,inset 1px 1px 2px #3c4b3f26,inset -1px -1px 2px #0003;color:#cfffdce6}:root[data-theme=dark] .count-label,:root[data-theme=dark] .count-number,:root[data-theme=dark] .list-header p{color:#cfffdce6}:root[data-theme=dark] .list-search input[type=search]{background-color:#1f2521;border:1.5px solid #3c4b3f59;color:#cfffdce6}:root[data-theme=dark] .list-search input[type=search]:focus{background-color:#262d28;border-color:#68ba7f;box-shadow:0 0 0 4px #68ba7f1f}:root[data-theme=dark] .user-management-screen .status-tabs{background:linear-gradient(145deg,#1e2420,#252b26);border-bottom-color:#68ba7f1f;box-shadow:0 2px 8px #0003}:root[data-theme=dark] .user-management-screen .filters-section{background:linear-gradient(145deg,#1e2420,#252b26);border-bottom-color:#68ba7f1f;box-shadow:0 4px 12px #00000040}:root[data-theme=dark] .user-management-screen .search-box{background:#262d28;border-color:#68ba7f26}:root[data-theme=dark] .user-management-screen .search-box:focus-within{background:#2a322d;border-color:#68ba7f}:root[data-theme=dark] .user-management-screen .search-box svg{color:#e8f0e999}:root[data-theme=dark] .user-management-screen .search-box input{color:#e8f0e9e6}:root[data-theme=dark] .user-management-screen .search-box input::placeholder{color:#e8f0e980}:root[data-theme=dark] .user-management-screen .role-filter select{background:#262d28;border-color:#68ba7f26;color:#e8f0e9e6}:root[data-theme=dark] .user-management-screen .role-filter select:focus{border-color:#68ba7f}:root[data-theme=dark] .user-management-screen .role-filter .select-icon{color:#e8f0e999}:root[data-theme=dark] .user-management-screen .filter-toggle.active{background-color:#68ba7f4d}:root[data-theme=dark] .user-management-screen .status-tab{color:#e8f0e9b3}:root[data-theme=dark] .user-management-screen .status-tab:hover{color:#68ba7f}:root[data-theme=dark] .user-management-screen .status-tab.active{border-bottom-color:#68ba7f;color:#68ba7f}:root[data-theme=dark] .user-management-screen .tab-count{background:linear-gradient(135deg,#68ba7f,#4a9960);color:#1e2420}:root[data-theme=dark] .user-management-screen .status-tab:not(.active) .tab-count{background:#68ba7f33;color:#e8f0e9b3}:root[data-theme=dark] .status-count+.status-count:before,:root[data-theme=dark] .status-counts:before{background:#3c4b3f80;box-shadow:1px 1px 2px #00000059,-1px -1px 2px #3c4b3f1a}:root[data-theme=dark] .status-count{color:#e8f0e9cc}:root[data-theme=dark] .status-count.active{background:#68ba7f26}:root[data-theme=dark] .status-count.active.approved .count-label,:root[data-theme=dark] .status-count.active.approved .count-number,:root[data-theme=dark] .status-count.active.pending .count-label,:root[data-theme=dark] .status-count.active.pending .count-number,:root[data-theme=dark] .status-count.active.signed-out .count-label,:root[data-theme=dark] .status-count.active.signed-out .count-number{color:#68ba7f;text-shadow:0 0 10px #68ba7f73}:root[data-theme=dark] .status-count.active.declined .count-label,:root[data-theme=dark] .status-count.active.declined .count-number{color:#ff7a88;text-shadow:0 0 10px #ff7a8873}:root[data-theme=dark] .user-card.compact:hover{background-color:#68ba7f14}:root[data-theme=dark] .user-card:after{background:linear-gradient(90deg,#253d2c59,#ffffff1a,#253d2c59);box-shadow:1px 1px 2px #00000059,-1px -1px 2px #3c4b3f26}:root[data-theme=dark] .list-header p,:root[data-theme=dark] .status-text,:root[data-theme=dark] .user-card,:root[data-theme=dark] .user-card.compact,:root[data-theme=dark] .user-detail,:root[data-theme=dark] .user-name{color:#cfffdce6}:root[data-theme=dark] .status-badge,:root[data-theme=dark] .status-badge.occupation{border-color:#3c4b3f80}:root[data-theme=dark] .status-badge.occupation{background:#cfffdc14;color:#cfffdce6}:root[data-theme=dark] .status-badge.pending{background:#ffc10738;border-color:#ffc10766;color:#ffd76a}:root[data-theme=dark] .status-badge.approved{background:#68ba7f3d;border-color:#68ba7f66;color:#b2f0c8}:root[data-theme=dark] .status-badge.declined{background:#ff3b3033;border-color:#ff3b3061;color:#ff9da7}:root[data-theme=dark] .status-badge.signed_out{background:#788c7d33;border-color:#788c7d59;color:#dcebe1e6}:root[data-theme=dark] .modal-content{background:linear-gradient(135deg,#2e6f40,#253d2c);box-shadow:0 24px 60px #00000059}:root[data-theme=dark] .modal-header h3{color:#fff}:root[data-theme=dark] .modal-body{background:linear-gradient(145deg,#252b26,#1e2420);box-shadow:0 -4px 20px #0003,inset 1px 1px 2px #3c4b3f26,inset -1px -1px 2px #0003;color:#cfffdce6}:root[data-theme=dark] .modal-actions{background:linear-gradient(145deg,#1e2420,#252b26)}:root[data-theme=dark] .popup-content{background:linear-gradient(135deg,#2e6f40,#253d2c);box-shadow:0 24px 60px #00000059}:root[data-theme=dark] .popup-header h3{color:#fff}:root[data-theme=dark] .popup-body{background:linear-gradient(145deg,#252b26,#1e2420)}:root[data-theme=dark] .popup-body p{color:#cfffdcd9}:root[data-theme=dark] .popup-actions{background:linear-gradient(145deg,#1e2420,#252b26)}:root[data-theme=dark] .user-management-screen .modal-content{background:linear-gradient(135deg,#2e6f40,#253d2c);border:none!important;border-radius:16px!important;box-shadow:0 24px 60px #00000059}:root[data-theme=dark] .user-management-screen .modal-header h3{color:#fff}:root[data-theme=dark] .user-management-screen .modal-body{background:linear-gradient(145deg,#252b26,#1e2420);box-shadow:0 -4px 20px #0003,inset 1px 1px 2px #3c4b3f26,inset -1px -1px 2px #0003;color:#cfffdce6}:root[data-theme=dark] .user-management-screen .modal-actions{background:linear-gradient(145deg,#1e2420,#252b26)}:root[data-theme=dark] .user-management-screen .popup-header h3{color:#fff}:root[data-theme=dark] .user-management-screen .popup-body{background:linear-gradient(145deg,#252b26,#1e2420);border-radius:16px 16px 0 0;color:#cfffdcd9}:root[data-theme=dark] .user-management-screen .popup-actions{background:linear-gradient(145deg,#1e2420,#252b26);border-radius:0 0 16px 16px}:root[data-theme=dark] .user-management-screen .confirm-icon img{filter:brightness(.9);opacity:.9}:root[data-theme=dark] .user-management-screen .popup-content{background:linear-gradient(135deg,#2e6f40,#253d2c);box-shadow:0 24px 60px #00000059}:root[data-theme=dark] .user-management-screen .details-popup .popup-body,:root[data-theme=dark] .user-management-screen .details-popup-body{background:linear-gradient(145deg,#252b26,#1e2420);color:#cfffdce6}:root[data-theme=dark] .user-management-screen .user-details-header h4{color:#cfffdcf2}:root[data-theme=dark] .user-management-screen .detail-row{border-bottom-color:#68ba7f26}:root[data-theme=dark] .user-management-screen .detail-row .label{color:#cfffdc99}:root[data-theme=dark] .user-management-screen .detail-row .value,:root[data-theme=dark] .user-management-screen .user-details-content{color:#cfffdce6}:root[data-theme=dark] .user-management-screen .edit-popup-header,:root[data-theme=dark] .user-management-screen .edit-popup.popup-content{background:linear-gradient(145deg,#1e2420,#1a1f1b)}:root[data-theme=dark] .user-management-screen .edit-popup-header h3{color:#e8f0e9}:root[data-theme=dark] .user-management-screen .edit-popup .popup-body,:root[data-theme=dark] .user-management-screen .edit-popup-body{background:linear-gradient(145deg,#1e2420,#1a1f1b);color:#e8f0e9}:root[data-theme=dark] .user-management-screen .form-section h4{border-bottom:none;color:#c8dccb99}:root[data-theme=dark] .user-management-screen .form-group label{color:#c8dccb}:root[data-theme=dark] .user-management-screen .form-group input,:root[data-theme=dark] .user-management-screen .form-group select{background-color:#252b26;border-color:#68ba7f26;color:#e8f0e9}:root[data-theme=dark] .user-management-screen .form-group input::placeholder{color:#c8dccb80}:root[data-theme=dark] .user-management-screen .form-group input:focus,:root[data-theme=dark] .user-management-screen .form-group select:focus{background-color:#2a312b;border-color:#68ba7f;box-shadow:0 0 0 4px #68ba7f26}:root[data-theme=dark] .user-management-screen .form-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2368ba7f' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}:root[data-theme=dark] .user-management-screen .room-type-toggle{background:linear-gradient(145deg,#1a1f1b,#252b26);box-shadow:inset 3px 3px 6px #00000040,inset -3px -3px 6px #3c4b3f14}:root[data-theme=dark] .user-management-screen .room-type-slider{box-shadow:4px 4px 8px #0000004d,-2px -2px 4px #3c4b3f1a}:root[data-theme=dark] .user-management-screen .room-type-option{color:#c8dccb99}:root[data-theme=dark] .user-management-screen .room-type-option.active{color:#e8f0e9}:root[data-theme=dark] .user-management-screen .radio-group{background:linear-gradient(145deg,#1a1f1b,#252b26);box-shadow:inset 3px 3px 6px #00000040,inset -3px -3px 6px #3c4b3f14}:root[data-theme=dark] .user-management-screen .radio-label{color:#c8dccb99}:root[data-theme=dark] .user-management-screen .radio-label:has(input:checked){background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));box-shadow:4px 4px 8px #0000004d,-2px -2px 4px #3c4b3f1a;color:#e8f0e9}:root[data-theme=dark] .user-management-screen .edit-form .btn-primary{background:linear-gradient(145deg,#2e7040,#245632);box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #3c4b3f1a,inset 1px 1px 2px #68ba7f33,inset -1px -1px 2px #0003}:root[data-theme=dark] .user-management-screen .edit-form .btn-primary:hover:not(:disabled){background:linear-gradient(145deg,#358a4d,#2a6438);box-shadow:8px 8px 16px #00000059,-8px -8px 16px #3c4b3f1f,inset 1px 1px 2px #68ba7f40,inset -1px -1px 2px #00000026}:root[data-theme=dark] .user-management-screen .edit-form .btn-primary:active:not(:disabled){background:linear-gradient(145deg,#245632,#2e7040);box-shadow:2px 2px 5px #00000040,-2px -2px 5px #3c4b3f14,inset 3px 3px 6px #0000004d,inset -2px -2px 4px #3c4b3f1a}:root[data-theme=dark] .user-management-screen .edit-form .btn-primary:disabled{background:linear-gradient(145deg,#3a443b,#2d352e);box-shadow:3px 3px 6px #0003,-3px -3px 6px #3c4b3f0d}:root[data-theme=dark] .user-management-screen .edit-popup .popup-actions,:root[data-theme=dark] .user-management-screen .form-actions{background:#0000}:root[data-theme=dark] .user-management-screen .options-menu{background-color:#252b26;border-color:#68ba7f33;box-shadow:0 16px 40px #0006}:root[data-theme=dark] .user-management-screen .option-item{color:#cfffdce6}:root[data-theme=dark] .user-management-screen .option-item:hover{background-color:#68ba7f26}:root[data-theme=dark] .user-management-screen .option-item:not(:last-child){border-bottom-color:#68ba7f26}:root[data-theme=dark] .user-management-screen .option-item svg{color:var(--color-accent)}:root[data-theme=dark] .user-management-screen .option-item.delete,:root[data-theme=dark] .user-management-screen .option-item.delete svg{color:#ff6b6b}:root[data-theme=dark] .user-management-screen .option-item.delete:hover{background-color:#ff6b6b1f}:root[data-theme=dark] .user-management-screen .options-menu-button{background-color:#68ba7f26;color:#cfffdce6}:root[data-theme=dark] .user-management-screen .options-menu-button:hover{background-color:#68ba7f40;color:#fff}:root[data-theme=dark] .user-management-screen .options-menu-button.open,:root[data-theme=dark] .user-management-screen .options-menu-button:active,:root[data-theme=dark] .user-management-screen .options-menu-button:focus-visible{background:var(--color-accent)!important;color:#fff!important}:root[data-theme=dark] .user-management-screen .details-popup .status-badge,:root[data-theme=dark] .user-management-screen .user-details-header .status-badge{border-color:#3c4b3f80!important}:root[data-theme=dark] .user-management-screen .details-popup .status-badge.occupation,:root[data-theme=dark] .user-management-screen .user-details-header .status-badge.occupation{background:#cfffdc14!important;color:#cfffdce6!important}:root[data-theme=dark] .user-management-screen .details-popup .status-badge.pending,:root[data-theme=dark] .user-management-screen .user-details-header .status-badge.pending{background:#ffc10738!important;border-color:#ffc10766!important;color:#ffd76a!important}:root[data-theme=dark] .user-management-screen .details-popup .status-badge.approved,:root[data-theme=dark] .user-management-screen .user-details-header .status-badge.approved{background:#68ba7f3d!important;border-color:#68ba7f66!important;color:#b2f0c8!important}:root[data-theme=dark] .user-management-screen .details-popup .status-badge.declined,:root[data-theme=dark] .user-management-screen .user-details-header .status-badge.declined{background:#ff3b3033!important;border-color:#ff3b3061!important;color:#ff9da7!important}:root[data-theme=dark] .user-management-screen .details-popup .status-badge.signed_out,:root[data-theme=dark] .user-management-screen .user-details-header .status-badge.signed_out{background:#788c7d33!important;border-color:#788c7d59!important;color:#dcebe1e6!important}:root[data-theme=dark] .user-management-screen .details-popup .status-badge.occupation.student,:root[data-theme=dark] .user-management-screen .user-details-header .status-badge.occupation.student{background:#68ba7f3d!important;border-color:#68ba7f66!important;color:#b2f0c8!important}:root[data-theme=dark] .user-management-screen .details-popup .status-badge.occupation.admin,:root[data-theme=dark] .user-management-screen .user-details-header .status-badge.occupation.admin{background:#ff6b6b38!important;border-color:#ff6b6b66!important;color:#ff9da7!important}:root[data-theme=dark] .user-management-screen .details-popup .status-badge.occupation.security,:root[data-theme=dark] .user-management-screen .user-details-header .status-badge.occupation.security{background:#68ba7f33!important;border-color:#68ba7f59!important;color:#8de4a8!important}:root[data-theme=dark] .user-management-screen .details-popup .status-badge.occupation.cleaner,:root[data-theme=dark] .user-management-screen .user-details-header .status-badge.occupation.cleaner{background:#17a2b838!important;border-color:#17a2b866!important;color:#5dd3e8!important}:root[data-theme=dark] .user-management-screen .details-popup .status-badge.occupation.maintenance,:root[data-theme=dark] .user-management-screen .user-details-header .status-badge.occupation.maintenance{background:#ffc10738!important;border-color:#ffc10766!important;color:#ffd76a!important}:root[data-theme=dark] .user-management-screen .details-popup .status-badge.occupation.supervisor,:root[data-theme=dark] .user-management-screen .user-details-header .status-badge.occupation.supervisor{background:#a78bfa38!important;border-color:#a78bfa66!important;color:#c4b5fd!important}:root[data-theme=dark] .user-management-screen .details-popup .status-badge.occupation.floor-representative,:root[data-theme=dark] .user-management-screen .user-details-header .status-badge.occupation.floor-representative{background:#68ba7f33!important;border-color:#68ba7f59!important;color:#8de4a8!important}:root[data-theme=dark] .user-management-screen .details-popup .status-badge.occupation.staff,:root[data-theme=dark] .user-management-screen .user-details-header .status-badge.occupation.staff{background:#cfffdc1f!important;border-color:#cfffdc40!important;color:#cfffdce6!important}:root[data-theme=dark] .user-management-screen .user-details-header .details-avatar{background:linear-gradient(135deg,#68ba7f26,#1e2420cc);box-shadow:0 8px 20px #0000004d}.user-details{margin-bottom:1.5rem}.detail-row{border-bottom:1px solid #253d2c1a;display:flex;justify-content:space-between;padding:.75rem 0}.detail-row:last-child{border-bottom:none}.detail-row .label{color:var(--color-muted);font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-row .value{color:var(--color-text);font-size:.95rem;font-weight:600;text-align:right}.user-actions{display:flex;gap:.75rem}.btn-approve,.btn-decline{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1rem;transition:all .2s ease}.btn-approve{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));box-shadow:0 8px 20px #2e6f4033}.btn-approve:hover:not(:disabled){box-shadow:0 10px 24px #2e6f4042;transform:translateY(-1px)}.btn-decline{background:linear-gradient(135deg,#c41e3a,#a01830);box-shadow:0 8px 20px #c41e3a33;color:#fff}.btn-decline:hover:not(:disabled){box-shadow:0 10px 24px #c41e3a42;transform:translateY(-1px)}.btn-approve:disabled,.btn-decline:disabled,.btn-signout:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-signout{align-items:center;background:linear-gradient(135deg,#fd7e14,#dc6a0a);border:none;border-radius:10px;box-shadow:0 8px 20px #fd7e1433;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1rem;transition:all .2s ease}.btn-signout:hover:not(:disabled){box-shadow:0 10px 24px #fd7e1442;transform:translateY(-1px)}.status-text{align-items:center;color:var(--color-muted);font-size:.95rem;font-style:italic;font-weight:500;padding:.75rem 1rem}.status-text,.user-main{display:flex;flex:1 1;justify-content:center}.user-main{align-items:flex-start;flex-direction:column;gap:.25rem;grid-column:2;grid-row:1;min-width:0}.user-badges{grid-column:2;grid-row:2;justify-self:end}.user-avatar{align-items:center;align-self:center;background:linear-gradient(145deg,#f0f7f2,#e4f3e9);border:1.5px solid #253d2c14;border-radius:50%;box-shadow:0 6px 14px #253d2c1f;color:var(--color-primary-dark);display:flex;flex-shrink:0;font-size:3.15rem;font-weight:700;grid-column:1;grid-row:1/span 2;height:80px;justify-content:center;overflow:hidden;width:80px}.user-avatar img{display:block;height:100%;object-fit:cover;width:100%}.user-name{color:var(--color-primary-dark);font-size:1rem;font-weight:700;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-subtitle{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.user-detail{color:var(--color-muted);font-size:.875rem;white-space:nowrap}.user-detail:not(:last-child):after{color:var(--color-accent);content:"•";margin:0 .5rem}.user-badges{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.status-badge.occupation{margin-left:auto}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#253d2c99}.modal-content{animation:modalSlideIn .25s ease-out;background:linear-gradient(135deg,#2e6f40,#253d2c);border:none!important;border-radius:16px!important;box-shadow:0 24px 60px #253d2c59;max-width:520px;overflow:hidden}.user-management-screen .modal-content.wide-modal{max-width:calc(100vw - 2rem);width:100%}.modal-header{background:#0000;border-bottom:none;justify-content:center;padding:.75rem 1.1rem;position:relative}.user-management-screen .modal-header{gap:.35rem;padding:.4rem 1rem .5rem!important}.user-management-screen .modal-header h3{line-height:1.2}.modal-header h3{font-weight:700;letter-spacing:.3px}.modal-close{background:#fff3;font-size:1.25rem;height:32px;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:background-color .2s ease;width:32px}.modal-close:hover{background:#ffffff59}.modal-body{-ms-overflow-style:none;background:linear-gradient(145deg,#fff,#f5faf7);border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #253d2c1a,inset 1px 1px 2px #ffffffe6,inset -1px -1px 2px #253d2c08;box-sizing:border-box;color:var(--color-text);margin-top:-8px;max-height:70vh;overflow-y:auto;padding:1.75rem 1.5rem;position:relative;scrollbar-width:none;width:100%}.modal-body::-webkit-scrollbar{display:none}.details-popup.popup-content{background:linear-gradient(135deg,#2e6f40,#253d2c)!important;border:none!important;border-radius:16px!important;box-shadow:0 24px 60px #253d2c59;max-width:100%!important;width:100%!important}.details-popup-header{align-items:center;background:#0000!important;display:flex;justify-content:center;padding:1rem 1.25rem;position:relative}.details-popup-header .modal-header-actions{align-items:center;display:flex;gap:.5rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.details-popup-body{-ms-overflow-style:none;background:linear-gradient(145deg,#fff,#f5faf7);color:var(--color-text);max-height:70vh;overflow-y:auto;padding:1.75rem 1.5rem;scrollbar-width:none}.details-popup-body::-webkit-scrollbar{display:none}.details-popup .popup-actions{background:linear-gradient(145deg,#f5faf7,#fff);border-top:none;padding:1.25rem 1.5rem}.details-actions{display:flex;flex-direction:column;gap:1rem;margin-top:1.25rem}.details-actions .action-row{display:flex;gap:.75rem}.details-actions .action-row.dual-buttons,.details-actions .action-row.single{justify-content:flex-end}.details-actions button{flex:1 1}@media (max-width:768px){.details-actions .action-row{flex-direction:column}}.user-management-screen .details-actions .btn-confirm.btn-signout,.user-management-screen .details-popup .btn-confirm.btn-signout{background:linear-gradient(135deg,#fd7e14,#dc6a0a)!important;border:none!important;border-radius:10px!important;box-shadow:0 8px 20px #fd7e1433!important;color:#fff!important}.user-management-screen .details-actions .btn-confirm.btn-signout:hover,.user-management-screen .details-popup .btn-confirm.btn-signout:hover{box-shadow:0 10px 24px #fd7e1442!important;transform:translateY(-1px)}.edit-popup.popup-content{border-radius:24px;max-width:440px;overflow:hidden;width:100%}.edit-popup-header{align-items:center;background:linear-gradient(145deg,#fff,#f5faf7);border-bottom:none;display:flex;justify-content:center;padding:1.25rem 1.5rem;position:relative}.edit-popup-header h3{color:var(--color-primary-dark);font-size:1.5rem;font-weight:700;letter-spacing:-.3px;margin:0;text-align:center}.edit-popup-header .modal-header-actions,.edit-popup-header .popup-close{position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.edit-popup-body{-ms-overflow-style:none;background:linear-gradient(145deg,#fff,#f5faf7);color:var(--color-text);max-height:70vh;overflow-y:auto;padding:2rem 1.5rem 2.5rem;scrollbar-width:none}.edit-popup-body::-webkit-scrollbar{display:none}.edit-popup .popup-actions{display:none}.edit-popup .popup-actions .btn-primary{background:linear-gradient(145deg,#358a4d,#2a6438)!important;border:none!important;border-radius:12px!important;box-shadow:6px 6px 12px #253d2c33,-6px -6px 12px #ffffffb3;color:#fff!important;font-size:.95rem;font-weight:700;min-width:160px;padding:1.1rem 2rem;transition:all .1s ease}.edit-popup .popup-actions .btn-primary:hover:not(:disabled){box-shadow:8px 8px 16px #253d2c38,-8px -8px 16px #ffffffbf;transform:none}.edit-popup .popup-actions .btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.edit-form .form-actions{display:block;margin-top:0;padding-top:.5rem}.user-details-header{grid-row-gap:.5rem;align-items:start;border-bottom:1px solid #253d2c1a;display:grid;grid-auto-rows:auto;grid-template-columns:1fr auto;margin-bottom:1.5rem;padding-bottom:1rem;row-gap:.5rem}.user-details-header .details-avatar{background:linear-gradient(135deg,#2e6f401f,#fffc);border:none;border-radius:12px;box-shadow:0 8px 20px #253d2c26;grid-column:1/span 2;height:108px;justify-self:center;overflow:hidden;width:108px}.user-details-header .details-avatar img{display:block;height:100%;object-fit:cover;width:100%}.user-details-header h4{color:var(--color-primary-dark);font-size:1.25rem;font-weight:700;grid-column:1;margin:0 0 .75rem}.user-details-header .badges{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;grid-column:1/span 2}.user-management-screen .details-popup .status-badge{align-items:center;background:#0000;border:1px solid var(--color-border)!important;border-radius:18px;color:var(--color-primary-dark)!important;display:inline-flex;font-size:.72rem;font-weight:600;justify-content:center;letter-spacing:.35px;padding:.32rem .8rem;text-transform:uppercase}.user-management-screen .details-popup .status-badge.pending{background:#ffc10726!important;border-color:#ffc10759!important;color:#856404!important}.user-management-screen .details-popup .status-badge.approved{background:#68ba7f26!important;border-color:#68ba7f59!important;color:var(--color-primary-dark)!important}.user-management-screen .details-popup .status-badge.declined{background:#ff3b301f!important;border-color:#ff3b303d!important;color:#c41e3a!important}.user-management-screen .details-popup .status-badge.signed_out{background:#253d2c14!important;border-color:#253d2c29!important;color:var(--color-muted)!important}.user-management-screen .details-popup .status-badge.occupation.student{background:#68ba7f2e!important;border-color:#68ba7f52!important;color:var(--color-primary-dark)!important}.user-management-screen .details-popup .status-badge.occupation.admin{background:#c41e3a24!important;border-color:#c41e3a42!important;color:#a01830!important}.user-management-screen .details-popup .status-badge.occupation.security{background:#2e6f4029!important;border-color:#2e6f4047!important;color:#1e4a2c!important}.user-management-screen .details-popup .status-badge.occupation.cleaner{background:#17a2b824!important;border-color:#17a2b842!important;color:#117a8b!important}.user-management-screen .details-popup .status-badge.occupation.maintenance{background:#85640429!important;border-color:#85640447!important;color:#6b5003!important}.user-management-screen .details-popup .status-badge.occupation.supervisor{background:#6f42c129!important;border-color:#6f42c147!important;color:#5a32a3!important}.user-management-screen .details-popup .status-badge.occupation.floor-representative{background:#68ba7f29!important;border-color:#68ba7f47!important;color:#2e6f40!important}.user-management-screen .details-popup .status-badge.occupation.staff{background:#4f6b5729!important;border-color:#4f6b5747!important;color:#3d5344!important}.options-menu-container.inline{grid-column:2;justify-self:end}.user-details-content{margin-bottom:1rem}.modal-actions{background:linear-gradient(145deg,#f5faf7,#fff);border-top:none;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.5rem}.signed-out-info{background-color:#ffc1071f;border:1px solid #ffc10740;border-radius:8px;color:#856404;flex:1 1;font-size:.875rem;padding:1rem;text-align:center}.signed-out-info p{margin:0}@media (max-width:768px){.user-subtitle{align-items:flex-start;flex-direction:column;gap:.25rem}.user-detail:not(:last-child):after{display:none}.user-badges{margin-top:.5rem}.status-badge.occupation{font-size:.7rem;min-width:70px;padding:.25rem .65rem}.user-card.compact .user-info{align-items:flex-start;flex-direction:column}.modal-content{border-radius:12px;margin:.5rem;max-width:none}.modal-actions{flex-direction:column}.modal-actions .btn-approve,.modal-actions .btn-decline,.modal-actions .btn-signout{width:100%}.status-counts{flex-wrap:nowrap;gap:.75rem;overflow-x:auto;padding:0 .5rem .35rem;scroll-snap-type:x mandatory}.status-count{flex:0 0 auto;font-size:.75rem;min-width:110px;padding:.35rem .65rem;text-align:center}}.btn-approve svg,.btn-decline svg{font-size:1.125rem}@media (max-width:768px){.user-card{border-radius:0;padding:1rem}.user-header{align-items:flex-start;flex-direction:column;gap:.5rem}.detail-row{flex-direction:column;gap:.25rem}.detail-row .value{text-align:left}.user-actions{flex-direction:column}}.popup-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#253d2c99;z-index:1000}.popup-content{animation:popup-appear .2s ease-out;background:linear-gradient(135deg,#2e6f40,#253d2c);border-radius:16px;box-shadow:0 24px 60px #253d2c59;max-width:400px;overflow:hidden}@keyframes popup-appear{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-header{align-items:center;background:#0000;border-bottom:none;display:flex;justify-content:center;padding:1.25rem 1.5rem;position:relative;text-align:center}.popup-header h3{color:#fff;font-size:1.25rem;font-weight:700}.popup-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;line-height:1;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:background-color .2s ease;width:32px}.popup-close:hover{background:#ffffff59}.popup-body{background:linear-gradient(145deg,#fff,#f5faf7);border-radius:16px 16px 0 0}.popup-body p{color:var(--color-muted);font-size:1rem}.popup-actions{background:linear-gradient(145deg,#f5faf7,#fff);border-radius:0 0 16px 16px;border-top:none;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem 1.5rem}.user-management-screen .popup-content{animation:popup-appear .2s ease-out;border:none!important;border-radius:16px!important;max-width:420px!important;width:100%!important}.user-management-screen .popup-close,.user-management-screen .popup-header{align-items:center;display:flex;justify-content:center}.user-management-screen .popup-close{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.25rem;height:32px;line-height:1;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:background-color .2s ease;width:32px}.user-management-screen .popup-close:hover{background:#ffffff59}.user-management-screen .popup-body{border-radius:16px 16px 0 0!important;padding:1.5rem}.user-management-screen .popup-actions{border-radius:0 0 16px 16px!important;border-top:none}.user-management-screen .popup-actions .btn-cancel,.user-management-screen .popup-actions .btn-confirm{border-radius:10px}.user-management-screen .modal-overlay{animation:modalFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#253d2c99}.user-management-screen .modal-content{animation:modalSlideIn .25s ease-out;background:linear-gradient(135deg,#2e6f40,#253d2c);border:none;border-radius:16px;box-shadow:0 24px 60px #253d2c59;max-width:520px}.user-management-screen .modal-header{background:#0000;border-bottom:none;justify-content:center;position:relative}.user-management-screen .modal-header h3{color:#fff;letter-spacing:.3px}.user-management-screen .modal-close{background:#fff3;border-radius:50%;color:#fff;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:background-color .2s ease}.user-management-screen .modal-close:hover{background:#ffffff59}.user-management-screen .modal-body{background:linear-gradient(145deg,#fff,#f5faf7);box-shadow:0 -4px 20px #253d2c1a,inset 1px 1px 2px #ffffffe6,inset -1px -1px 2px #253d2c08;color:var(--color-text);max-height:65vh;overflow-y:auto}.user-management-screen .modal-actions{background:linear-gradient(145deg,#f5faf7,#fff);border-top:none}.user-management-screen .popup-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#253d2c99}.user-management-screen .popup-content{background:linear-gradient(135deg,#2e6f40,#253d2c);border-radius:16px;box-shadow:0 24px 60px #253d2c59}.user-management-screen .popup-header{background:#0000;border-bottom:none;text-align:center}.user-management-screen .popup-header h3{color:#fff}.user-management-screen .popup-body{background:linear-gradient(145deg,#fff,#f5faf7);color:var(--color-muted);display:flex;flex-direction:column;gap:1rem}.user-management-screen .confirm-icon{display:flex;justify-content:center;margin-bottom:1rem}.user-management-screen .confirm-icon img{height:120px;object-fit:contain;width:120px}.user-management-screen .popup-actions{background:linear-gradient(145deg,#f5faf7,#fff)}.btn-cancel{background-color:#f5fbf7;border:1px solid var(--color-border);border-radius:10px;color:var(--color-primary-dark);font-size:.95rem;font-weight:600;padding:.875rem 1.5rem}.btn-cancel:hover{background-color:#edf7f1;border-color:var(--color-primary);box-shadow:0 4px 12px #253d2c1a}.btn-confirm{border-radius:10px;font-size:.95rem;padding:.875rem 1.5rem}.btn-confirm.btn-approve{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));box-shadow:0 8px 20px #2e6f4033}.btn-confirm.btn-approve:hover{box-shadow:0 10px 24px #2e6f4042;transform:translateY(-1px)}.btn-confirm.btn-decline{background:linear-gradient(135deg,#c41e3a,#a01830);box-shadow:0 8px 20px #c41e3a33}.btn-confirm.btn-decline:hover{box-shadow:0 10px 24px #c41e3a42;transform:translateY(-1px)}.btn-confirm.btn-delete{background:linear-gradient(135deg,#c41e3a,#a01830);box-shadow:0 8px 20px #c41e3a33}.btn-confirm.btn-delete:hover{box-shadow:0 10px 24px #c41e3a42;transform:translateY(-1px)}.btn-confirm.btn-signout{background:linear-gradient(135deg,#fd7e14,#dc6a0a);box-shadow:0 8px 20px #fd7e1433;color:#fff!important}.btn-confirm.btn-signout:hover{box-shadow:0 10px 24px #fd7e1442;transform:translateY(-1px)}.modal-header-actions{align-items:center;display:flex;gap:.5rem}.options-menu-container{position:relative}.options-menu-button{align-items:center;background-color:#253d2c14;border:none;border-radius:50%;color:var(--color-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.options-menu-button:hover{background-color:#253d2c26;color:var(--color-primary-dark)}.user-management-screen .options-menu-button:hover{background-color:#2e6f4033;color:var(--color-primary-dark)}.user-management-screen .options-menu-button.open,.user-management-screen .options-menu-button:active,.user-management-screen .options-menu-button:focus-visible{background:var(--color-primary)!important;box-shadow:0 6px 16px #2e6f4040;color:#fff!important;outline:none}.options-menu-button svg{font-size:1.25rem}.options-menu{background-color:#fff;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 16px 40px #253d2c40;margin-top:4px;min-width:140px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.option-item{align-items:center;background-color:initial;border:none;color:var(--color-text);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;padding:.875rem 1.25rem;text-align:left;transition:background-color .2s ease;width:100%}.option-item:hover{background-color:#68ba7f1f}.option-item:not(:last-child){border-bottom:1px solid var(--color-border)}.option-item svg{color:var(--color-primary);font-size:1.25rem}.option-item.delete,.option-item.delete svg{color:#c41e3a}.option-item.delete:hover{background-color:#ff3b3014}.edit-modal{max-height:90vh;max-width:600px;overflow-y:auto}.user-management-screen .edit-form{display:flex;flex-direction:column;margin:0 auto;max-width:380px;width:100%}.user-management-screen .form-section{border-bottom:none;display:flex;flex-direction:column;gap:0;margin-bottom:1.25rem;padding-bottom:0}.user-management-screen .form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.user-management-screen .form-section h4{border-bottom:none;color:var(--color-muted);display:block;font-size:.75rem;font-weight:700;letter-spacing:1px;margin-bottom:.75rem;margin-top:.25rem;padding-bottom:0;text-transform:uppercase}.user-management-screen .form-group{display:flex;flex-direction:column;gap:0;margin-bottom:.75rem}.user-management-screen .form-group label{color:var(--color-text);display:block;font-size:.8rem;font-weight:600;letter-spacing:.2px;margin-bottom:.6rem}.user-management-screen .form-group input,.user-management-screen .form-group select{background-color:#f5f9f6;border:1.5px solid #253d2c1f;border-radius:12px;box-sizing:border-box;color:var(--color-text);font-family:inherit;font-size:.95rem;font-weight:500;padding:1rem 1.125rem;transition:all .2s ease;width:100%}.user-management-screen .form-group input::placeholder{color:var(--color-text);font-weight:500;opacity:.7}.user-management-screen .form-group input:focus,.user-management-screen .form-group select:focus{background-color:#fff;border-color:var(--color-primary);box-shadow:0 0 0 4px #2e6f401a;outline:none}.user-management-screen .form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e6f40' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.125rem;cursor:pointer;padding-right:2.75rem}.user-management-screen .form-group select option{background-color:#fff;color:var(--color-text);padding:.75rem}.user-management-screen .form-group select option:first-child{color:var(--color-muted)}.user-management-screen .room-type-toggle{background:linear-gradient(145deg,#e8efe9,#f5faf7);border-radius:50px;box-shadow:inset 3px 3px 6px #253d2c1a,inset -3px -3px 6px #ffffffe6;display:flex;padding:5px;position:relative}.user-management-screen .room-type-slider{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:50px;box-shadow:4px 4px 8px #253d2c40,-2px -2px 4px #ffffff4d;height:calc(100% - 10px);left:5px;position:absolute;top:5px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:calc(50% - 5px)}.user-management-screen .room-type-slider.sharing{transform:translateX(100%)}.user-management-screen .room-type-option{align-items:center;background:#0000;border:none;border-radius:50px;color:var(--color-primary-dark);cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:center;padding:.85rem 1rem;position:relative;transition:color .3s ease;z-index:1}.user-management-screen .room-type-option.active{color:#e8f0e9;text-shadow:0 1px 2px #0003}.user-management-screen .room-type-option:hover:not(.active){color:var(--color-primary)}.user-management-screen .radio-group{background:linear-gradient(145deg,#e8efe9,#f5faf7);border-radius:50px;box-shadow:inset 3px 3px 6px #253d2c1a,inset -3px -3px 6px #ffffffe6;display:flex;gap:0;padding:5px;position:relative}.user-management-screen .radio-label{align-items:center;background:#0000;border:none;border-radius:50px;color:var(--color-primary-dark);cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:center;padding:.85rem 1rem;position:relative;transition:all .3s ease;z-index:1}.user-management-screen .radio-label input[type=radio]{display:none}.user-management-screen .radio-label:has(input:checked){background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));box-shadow:4px 4px 8px #253d2c40,-2px -2px 4px #ffffff4d;color:#e8f0e9;text-shadow:0 1px 2px #0003}.user-management-screen .radio-label:hover:not(:has(input:checked)){color:var(--color-primary)}.user-management-screen .edit-form .btn-primary{background:linear-gradient(145deg,#358a4d,#2a6438);border:none;border-radius:12px;box-shadow:6px 6px 12px #253d2c33,-6px -6px 12px #ffffffb3,inset 1px 1px 2px #68ba7f4d,inset -1px -1px 2px #253d2c33;box-sizing:border-box;color:#fff;cursor:pointer;display:block;font-size:.95rem;font-weight:700;letter-spacing:.3px;margin:1.5rem auto 0;max-width:100%;padding:1.1rem 1.5rem;transition:all .1s ease;width:100%}.user-management-screen .edit-form .btn-primary:hover:not(:disabled){background:linear-gradient(145deg,#3d9956,#2e7040);box-shadow:8px 8px 16px #253d2c38,-8px -8px 16px #ffffffbf,inset 1px 1px 2px #68ba7f59,inset -1px -1px 2px #253d2c26}.user-management-screen .edit-form .btn-primary:active:not(:disabled){background:linear-gradient(145deg,#2a6438,#358a4d);box-shadow:2px 2px 5px #253d2c26,-2px -2px 5px #fff9,inset 3px 3px 6px #253d2c33,inset -2px -2px 4px #68ba7f33;transform:scale(.98)}.user-management-screen .edit-form .btn-primary:disabled{background:linear-gradient(145deg,#b8c4ba,#9aa89c);box-shadow:3px 3px 6px #253d2c1a,-3px -3px 6px #ffffff80;cursor:not-allowed;opacity:.7}.modal-actions.dual-buttons,.popup-actions.dual-buttons{display:flex;gap:.75rem;justify-content:flex-end}@media (max-width:768px){.user-management-screen .modal-overlay{padding:0}.user-management-screen .modal-content.wide-modal{border-radius:0;margin:0;max-width:100vw;width:100vw}.user-management-screen .details-popup.wide-modal,.user-management-screen .edit-popup.wide-modal{border-radius:16px 16px 0 0;margin:0;max-width:100vw;width:100vw}.edit-modal{margin:0;max-width:100vw}.radio-group{flex-direction:column;gap:0}.radio-group,.radio-label{border-radius:12px}.radio-label:has(input:checked){border-radius:12px}.modal-actions.dual-buttons,.popup-actions.dual-buttons{flex-direction:column}.modal-actions.dual-buttons .btn-cancel,.modal-actions.dual-buttons .btn-primary,.popup-actions.dual-buttons .btn-cancel,.popup-actions.dual-buttons .btn-confirm{width:100%}}.announcement-banner{background:linear-gradient(145deg,#fff,#f0f7f2);border:none;border-radius:16px;box-shadow:6px 6px 12px #253d2c26,-6px -6px 12px #fffffff2,inset 1px 1px 2px #fffc,inset -1px -1px 2px #253d2c0d;margin-bottom:1.5rem;padding:1.5rem;position:relative}.announcement-content{display:flex;flex-direction:column;gap:.75rem}.announcement-header{align-items:center;display:flex;justify-content:space-between}.announcement-label{color:#2e6f40;font-size:.78rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.announcement-time{color:#4f6b57;font-size:.85rem;font-weight:500}.announcement-text{color:#253d2c!important;font-size:1rem;font-weight:500;line-height:1.6;margin:0;min-height:1.6em}.announcement-text p{margin:0 0 .75rem}.announcement-text p:last-child{margin-bottom:0}.announcement-text strong{font-weight:700}.announcement-text em{font-style:italic}.announcement-text ol,.announcement-text ul{margin:.5rem 0 .5rem 1.25rem;padding:0}.announcement-text li{margin-bottom:.35rem}.announcement-text li:last-child{margin-bottom:0}.announcement-text a{color:#2e6f40;font-weight:600;text-decoration:underline}.announcement-author{margin-top:.5rem}.announcement-author span{color:#4f6b57;font-size:.875rem;font-style:italic}.announcement-indicators{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.indicator{background-color:#2e6f404d;border-radius:50%;cursor:pointer;height:8px;transition:background-color .3s ease;width:8px}.indicator.active{background-color:#2e6f40}.indicator:hover{background-color:#2e6f4099}@media (min-width:768px){.announcement-banner{padding:2rem}.announcement-text{font-size:1.05rem}}.announcement-content{animation:fadeIn .5s ease-in-out}.student-home-screen{--color-primary:#2e6f40;--color-primary-dark:#253d2c;--color-accent:#68ba7f;--color-surface:#cfffdc;--color-text:#1f2b20;--color-muted:#4f6b57;--color-border:#253d2c14;--color-shadow:0 12px 30px #253d2c1f;background:linear-gradient(135deg,#2e6f40,#253d2c);display:flex;flex-direction:column;min-height:100vh}.student-home-screen .hero-section{background:#0000;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:2.5rem 1.5rem 2rem;position:relative}.student-home-screen .hero-section:after{animation:heroShimmer 8s ease-in-out infinite;background:linear-gradient(115deg,#0000,#0000 40%,#ffffff1a 50%,#0000 60%,#0000);content:"";height:200%;left:-150%;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.student-home-screen .hero-decoration{background:radial-gradient(circle,#68ba7f4d 0,#0000 70%);border-radius:50%;height:300px;pointer-events:none;position:absolute;right:-20%;top:-50%;width:300px}.student-home-screen .hero-content{align-items:flex-end;display:flex;gap:1rem;position:relative;z-index:1}.student-home-screen .avatar-container{border:3px solid #ffffff4d;border-radius:50%;box-shadow:0 8px 24px #0003;cursor:pointer;flex-shrink:0;height:72px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;width:72px}.student-home-screen .avatar-container:hover{box-shadow:0 12px 32px #00000040;transform:scale(1.05)}.student-home-screen .avatar-image{height:100%;object-fit:cover;width:100%}.student-home-screen .avatar-placeholder{align-items:center;background:radial-gradient(circle at 30% 30%,#fff,#e8f7ed);display:flex;height:100%;justify-content:center;width:100%}.student-home-screen .avatar-placeholder svg{color:var(--color-accent);height:2.5rem;width:2.5rem}.student-home-screen .greeting-text{display:flex;flex-direction:column;gap:.25rem}.student-home-screen .greeting-label{color:#fffc;font-size:.9rem;font-weight:400;letter-spacing:.3px}.student-home-screen .greeting-name{color:#fff;font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin:0;text-shadow:0 2px 8px #00000026}.student-home-screen .main{background:linear-gradient(145deg,#f5f7f5,#eef2ef);border-radius:24px 24px 0 0;box-shadow:0 -8px 24px #253d2c26,8px 0 16px #253d2c14,-8px 0 16px #253d2c14,inset 0 2px 4px #fff,inset 2px 0 4px #fffc,inset -2px 0 4px #fffc;flex:1 1;margin-top:-12px;overflow-y:auto;padding:2rem 1.5rem 1.5rem;position:relative}.student-home-screen .announcement-banner{background:linear-gradient(145deg,#fff,#f0f7f2);border:none;border-radius:16px;box-shadow:6px 6px 12px #253d2c26,-6px -6px 12px #fffffff2,inset 1px 1px 2px #fffc,inset -1px -1px 2px #253d2c0d;margin-bottom:1.5rem;padding:1.5rem}.student-home-screen .announcement-content{display:flex;flex-direction:column;gap:.75rem}.student-home-screen .announcement-header{align-items:center;display:flex;justify-content:space-between}.student-home-screen .announcement-label{color:#2e6f40;font-size:.78rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.student-home-screen .announcement-time{color:#4f6b57;font-size:.85rem;font-weight:500}.student-home-screen .announcement-text{color:#253d2c!important;font-size:1rem;font-weight:500;line-height:1.6;margin:0}.student-home-screen .action-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.student-home-screen .action-btn{align-items:center;background:linear-gradient(145deg,#fff,#f0f7f2);border:none;border-radius:16px;box-shadow:6px 6px 12px #253d2c26,-6px -6px 12px #fffffff2,inset 1px 1px 2px #fffc,inset -1px -1px 2px #253d2c0d;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;justify-content:center;min-height:140px;padding:1.5rem 1rem;transition:all .1s ease}.student-home-screen .action-btn:hover{background:linear-gradient(145deg,#fff,#f5faf7);box-shadow:8px 8px 16px #253d2c2e,-8px -8px 16px #fff,inset 1px 1px 2px #ffffffe6,inset -1px -1px 2px #253d2c08}.student-home-screen .action-btn:active{background:linear-gradient(145deg,#f0f7f2,#fff);box-shadow:2px 2px 5px #253d2c1a,-2px -2px 5px #fffc,inset 3px 3px 6px #253d2c1a,inset -2px -2px 4px #ffffffb3;transform:scale(.98)}.student-home-screen .action-btn .icon{align-items:center;display:flex;justify-content:center}.student-home-screen .action-btn .icon svg{stroke:url(#icon-gradient);stroke-width:1.5;fill:none;height:2.75rem;width:2.75rem}.student-home-screen .action-btn span{color:var(--color-muted);font-size:.85rem;font-weight:500;opacity:.8;text-align:center}.student-home-screen .action-btn.inbox .icon svg,.student-home-screen .action-btn.maintenance .icon svg{stroke:url(#icon-gradient);fill:none}@media (min-width:768px){.student-home-screen .hero-section{padding:3rem 2rem 1.5rem}.student-home-screen .avatar-container{height:88px;width:88px}.student-home-screen .avatar-placeholder svg{height:3rem;width:3rem}.student-home-screen .greeting-name{font-size:2.25rem}.student-home-screen .greeting-label{font-size:1rem}.student-home-screen .announcement-banner,.student-home-screen .main{padding:2rem}.student-home-screen .announcement-text{font-size:1.05rem}.student-home-screen .action-buttons{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.student-home-screen .main{margin:0 auto;max-width:1000px;padding:2.5rem}.student-home-screen .hero-section{padding:3.5rem 2.5rem 1.75rem}.student-home-screen .hero-decoration{height:400px;width:400px}.student-home-screen .avatar-container{height:100px;width:100px}.student-home-screen .greeting-name{font-size:2.5rem}.student-home-screen .action-buttons{grid-template-columns:repeat(2,1fr)}}:root[data-theme=dark] .student-home-screen{background:linear-gradient(135deg,#2a5535,#1e3d28)}:root[data-theme=dark] .student-home-screen .hero-decoration{background:radial-gradient(circle,#68ba7f26 0,#0000 70%)}:root[data-theme=dark] .student-home-screen .greeting-label{color:#c8dccbb3}:root[data-theme=dark] .student-home-screen .greeting-name{color:#e8f0e9}:root[data-theme=dark] .student-home-screen .main{background:linear-gradient(145deg,#1e2420,#1a1f1b);box-shadow:0 -2px 8px #00000026,inset 0 1px 2px #3c4b3f14}:root[data-theme=dark] .student-home-screen .action-btn{background:linear-gradient(145deg,#252b26,#1e2420);box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #3c4b3f1a,inset 1px 1px 2px #3c4b3f26,inset -1px -1px 2px #0003}:root[data-theme=dark] .student-home-screen .action-btn:hover{background:linear-gradient(145deg,#2a312b,#232a25);box-shadow:8px 8px 16px #00000059,-8px -8px 16px #3c4b3f1f,inset 1px 1px 2px #3c4b3f33,inset -1px -1px 2px #00000026}:root[data-theme=dark] .student-home-screen .action-btn:active{background:linear-gradient(145deg,#1e2420,#252b26);box-shadow:2px 2px 5px #00000040,-2px -2px 5px #3c4b3f14,inset 3px 3px 6px #0000004d,inset -2px -2px 4px #3c4b3f1a}:root[data-theme=dark] .student-home-screen .action-btn span{color:#cfffdc99}:root[data-theme=dark] .student-home-screen .announcement-banner{background:linear-gradient(145deg,#252b26,#1e2420);box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #3c4b3f1a,inset 1px 1px 2px #3c4b3f26,inset -1px -1px 2px #0003}:root[data-theme=dark] .student-home-screen .announcement-label{color:#68ba7f}:root[data-theme=dark] .student-home-screen .announcement-time{color:#cfffdc99}:root[data-theme=dark] .student-home-screen .announcement-text{color:#cfffdce6!important}.inspection-request-screen{--color-primary:#2e6f40;--color-primary-dark:#253d2c;--color-accent:#68ba7f;--color-surface:#cfffdc;--color-text:#1f2b20;--color-muted:#4f6b57;--color-border:#253d2c14;--color-shadow:0 12px 30px #253d2c1f;background:radial-gradient(circle at 20% 20%,#68ba7f1f,#0000 45%),radial-gradient(circle at 80% 0,#cfffdc66,#0000 45%),#f7fff8;display:flex;flex-direction:column;min-height:100vh}.inspection-request-screen .header{align-items:center;background:linear-gradient(135deg,#2e6f40,#253d2c)!important;box-shadow:0 4px 12px #253d2c40;color:#fff!important;display:flex;justify-content:center;min-height:56px;padding:1.1rem 1.25rem;position:relative;text-align:center}.inspection-request-screen .header h1{font-size:1.35rem;font-weight:700;letter-spacing:-.2px;margin:0}.back-button{align-items:center;background:#ffffff1a!important;border:1px solid #ffffff26!important;border-radius:50%!important;color:#fff!important;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;left:1rem;padding:.5rem;position:absolute;transition:all .2s ease;width:40px}.back-button:hover{background:#fff3!important;border-color:#ffffff4d!important;box-shadow:0 4px 8px #00000026!important;transform:translateY(-1px)}.back-button:active{background:#ffffff26!important;transform:translateY(0)}.history-button{align-items:center;background:#ffffff29!important;border:1px solid #ffffff3d!important;border-radius:50%!important;color:#fff!important;cursor:pointer;display:flex;font-size:1.35rem;font-weight:700;height:40px;justify-content:center;padding:.5rem;position:absolute;right:1rem;transition:all .2s ease;width:40px}.history-button:hover{background:#ffffff3d!important;border-color:#ffffff57!important;box-shadow:0 4px 10px #0000002e!important;transform:translateY(-1px)}.history-button:active{background:#fff3!important;transform:translateY(0)}.tab-button,.tab-button.active,.tab-button:hover,.tab-navigation{display:none}.main{background:linear-gradient(145deg,#f5f7f5,#eef2ef);flex:1 1;overflow-y:auto;padding:1.5rem 1.5rem 1.25rem}.info-banner{background:linear-gradient(145deg,#fff,#f0f7f2);border:none;border-radius:16px!important;box-shadow:6px 6px 12px #253d2c1f,-6px -6px 12px #ffffffe6,inset 1px 1px 2px #ffffffd9,inset -1px -1px 2px #253d2c0d;padding:1.1rem 1.25rem}.info-label{color:var(--color-primary)!important;font-size:.78rem;font-weight:800;letter-spacing:.45px}.info-list,.info-text{color:var(--color-text);font-size:.98rem;font-weight:500;line-height:1.55}.info-list{grid-gap:.25rem;display:grid;gap:.25rem;margin:0;padding-left:1.1rem}.info-list li{list-style:disc}.warning-banner{background:linear-gradient(145deg,#fff7e0,#fff2d1);border:1px solid #d9770640;border-radius:14px;box-shadow:6px 6px 12px #d9770614,-6px -6px 12px #ffffffe6;margin-bottom:1.5rem;padding:1.1rem 1.25rem}.warning-banner .info-label{color:#d97706}.warning-banner .info-text{color:#92400e}.inspection-form{background:linear-gradient(145deg,#fff,#f0f7f2);border-radius:16px;box-shadow:6px 6px 12px #253d2c1f,-6px -6px 12px #ffffffe6,inset 1px 1px 2px #ffffffd9,inset -1px -1px 2px #253d2c0d;margin:0 auto;max-width:560px;padding:1.5rem 1.75rem}.inspection-form h2{color:var(--color-primary-dark);font-size:1.35rem;font-weight:800;letter-spacing:-.2px}.form-group,.inspection-form h2{margin-bottom:1.25rem}.form-group label{color:var(--color-primary-dark);font-size:.9rem;font-weight:700;margin-bottom:.35rem}.form-group input,.form-group select,.form-group textarea{background-color:#f5f9f6;border:1.5px solid #253d2c1f;border-radius:10px;box-shadow:inset 1px 1px 2px #ffffffe6;color:var(--color-text);font-family:inherit;font-size:.98rem;padding:.78rem 1rem;transition:all .2s ease;width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-muted);opacity:.75}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#fff;border-color:var(--color-primary);box-shadow:0 0 0 4px #2e6f401f;outline:none}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;cursor:pointer;padding-right:2.5rem}.help-text{color:var(--color-muted);margin-top:.3rem}.help-text,.validation-note{font-size:.8rem;margin-bottom:0}.validation-note{color:#c41e3a;font-weight:600;margin-top:.5rem;text-align:center}.assignment-card{background:linear-gradient(145deg,#fff,#f0f7f2);border:none;border-radius:16px!important;box-shadow:6px 6px 12px #253d2c26,-6px -6px 12px #fffffff2,inset 1px 1px 2px #fffc,inset -1px -1px 2px #253d2c0d;gap:1rem;outline:none!important;padding:1.5rem 1.25rem;transition:all .15s ease}.assignment-card:focus,.assignment-card:focus-visible{border-color:#253d2c24!important;box-shadow:14px 14px 28px #253d2c29,-12px -12px 22px #fffffff2,inset 1px 1px 2px #ffffffd9,inset -1px -1px 2px #253d2c0d;outline:2px solid #0000!important}.assignment-card:hover:not(:disabled){background:linear-gradient(145deg,#fff,#f5faf7);box-shadow:8px 8px 16px #253d2c2e,-8px -8px 16px #fff,inset 1px 1px 2px #ffffffe6,inset -1px -1px 2px #253d2c08;transform:translateY(-1px)}.assignment-card:active:not(:disabled){background:linear-gradient(145deg,#f0f7f2,#fff);box-shadow:2px 2px 5px #253d2c1f,-2px -2px 5px #ffffffd9,inset 3px 3px 6px #253d2c1a,inset -2px -2px 4px #ffffffbf;transform:translateY(0)}.assignment-card:disabled{cursor:not-allowed;opacity:.7}.assignment-card.completed-assignment{background:linear-gradient(145deg,#f8fff6,#ecf7ef)}.assignment-card.completed-assignment:hover:not(:disabled){box-shadow:12px 12px 24px #10b9812e,-12px -12px 24px #fffffff2;opacity:1}.assignment-icon{display:none}.completed-assignment .assignment-icon{background-color:#f0fdf4;border-color:#d1fae5;color:#10b981}.assignment-details{display:flex;flex-direction:column;font-size:.875rem;gap:.35rem;margin-bottom:.5rem}.detail-block{display:flex;flex-wrap:wrap;gap:1.5rem}.detail-item{gap:.5rem}.detail-label{color:#666;font-weight:600}.detail-value{color:#333}.empty-state,.loading-container{color:var(--color-muted)}.empty-state{background:linear-gradient(145deg,#fff,#f0f7f2);border-radius:16px;box-shadow:6px 6px 12px #253d2c1f,-6px -6px 12px #ffffffe6,inset 1px 1px 2px #ffffffd9,inset -1px -1px 2px #253d2c0d}.empty-icon{color:var(--color-primary);font-size:3.5rem}.empty-state h2{color:var(--color-primary-dark);font-size:1.4rem;font-weight:800}.empty-state p{color:var(--color-muted);font-size:.98rem}.modal-content{background:linear-gradient(145deg,#fff,#f0f7f2);border:none;border-radius:16px;box-shadow:0 14px 36px #253d2c33;max-width:640px}.modal-header{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-bottom:1px solid #253d2c14;color:#fff;padding:1.25rem 1.5rem}.modal-header h3{color:#fff;font-size:1.2rem;font-weight:800}.modal-close{background-color:#ffffff29;border:1px solid #ffffff47;border-radius:50%;color:#fff;font-size:1.35rem;font-weight:700}.modal-close:hover{background-color:#ffffff3d;transform:translateY(-1px)}.modal-body{padding:1.5rem}.inspection-summary{border-radius:14px;box-shadow:6px 6px 12px #253d2c1f,-6px -6px 12px #ffffffe6,inset 1px 1px 2px #ffffffd9,inset -1px -1px 2px #253d2c0d;padding:1.25rem 1.5rem}.summary-row .label{color:var(--color-muted);font-weight:700}.summary-row .value{color:var(--color-primary-dark);font-weight:600}.furniture-scores h4{color:var(--color-primary-dark);font-size:1.05rem;font-weight:800}.score-item{background:linear-gradient(145deg,#fff,#f0f7f2);box-shadow:4px 4px 10px #253d2c1a,-4px -4px 10px #fffffff2,inset 1px 1px 2px #ffffffd9}.furniture-name{color:var(--color-muted);font-weight:700}.furniture-score{color:var(--color-primary);font-weight:800}.inspection-notes h4{color:var(--color-primary-dark);font-size:1.05rem;font-weight:800}.inspection-notes p{color:var(--color-text)}.inspection-notes p,.item-note{background:linear-gradient(145deg,#fff,#f0f7f2);border:none;border-radius:12px;box-shadow:4px 4px 10px #253d2c1a,-4px -4px 10px #fffffff2,inset 1px 1px 2px #ffffffd9}.item-note strong{color:var(--color-primary-dark);font-weight:800}.item-note span{color:var(--color-text)}.inspection-images h4{color:var(--color-primary-dark);font-size:1.05rem;font-weight:800}.image-item{background:linear-gradient(145deg,#fff,#f0f7f2);box-shadow:4px 4px 10px #253d2c1a,-4px -4px 10px #fffffff2,inset 1px 1px 2px #ffffffd9;padding:.5rem}.image-item img{border:1px solid #253d2c1f;border-radius:10px}.image-label{color:var(--color-muted);font-size:.9rem;font-weight:700}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:10px!important;box-shadow:0 10px 24px #253d2c38;font-weight:700;margin-top:1rem;padding:.85rem 1.5rem;transition:all .2s ease}.btn-primary:hover{box-shadow:0 14px 28px #253d2c42;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;border:1px solid #253d2c1f;border-radius:10px!important;box-shadow:inset 1px 1px 2px #ffffffd9;color:var(--color-primary-dark);font-weight:700;padding:.8rem 1rem}.btn-secondary:hover{background:#f5f9f6;border-color:var(--color-primary);box-shadow:0 8px 16px #253d2c1f}.btn-secondary:active{transform:translateY(0)}.modal{background:linear-gradient(135deg,#2e6f40,#253d2c);border:none;border-radius:16px;box-shadow:0 24px 60px #253d2c59;max-width:520px;overflow:hidden;width:100%}.inspection-request-screen .modal{background:linear-gradient(135deg,#2e6f40,#253d2c)!important;border:none!important;border-radius:16px!important;box-shadow:0 24px 60px #253d2c59!important;max-width:520px!important;overflow:hidden!important;padding:0!important;width:100%!important}:root[data-theme=dark] .inspection-request-screen{--color-text:#e8f0e9;--color-muted:#9ab8a0;--color-border:#68ba7f26;background:radial-gradient(circle at 20% 20%,#68ba7f14,#0000 45%),radial-gradient(circle at 80% 0,#253d2c4d,#0000 45%),#1a1f1b}:root[data-theme=dark] .inspection-request-screen .main{background:linear-gradient(145deg,#1e2420,#252b26)}:root[data-theme=dark] .assignment-card,:root[data-theme=dark] .btn-secondary,:root[data-theme=dark] .empty-state,:root[data-theme=dark] .image-item,:root[data-theme=dark] .info-banner,:root[data-theme=dark] .inspection-form,:root[data-theme=dark] .inspection-notes p,:root[data-theme=dark] .inspection-summary,:root[data-theme=dark] .item-note,:root[data-theme=dark] .score-item{background:linear-gradient(145deg,#252b26,#1e2420);border:none;box-shadow:6px 6px 12px #00000052,-6px -6px 12px #3c4b3f14,inset 1px 1px 2px #3c4b3f1f,inset -1px -1px 2px #0000002e}:root[data-theme=dark] .warning-banner{background:linear-gradient(145deg,#302715,#261f12);border-color:#d9770640;box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #3c4b3f14}:root[data-theme=dark] .assignment-type,:root[data-theme=dark] .empty-state h2,:root[data-theme=dark] .form-group label,:root[data-theme=dark] .info-label,:root[data-theme=dark] .inspection-form h2,:root[data-theme=dark] .inspection-images h4,:root[data-theme=dark] .inspection-notes h4,:root[data-theme=dark] .item-images-title,:root[data-theme=dark] .item-note strong,:root[data-theme=dark] .item-notes h4,:root[data-theme=dark] .modal-header h2,:root[data-theme=dark] .modal-header h3,:root[data-theme=dark] .summary-row .value{color:#cfffdc}:root[data-theme=dark] .assignment-content,:root[data-theme=dark] .detail-label,:root[data-theme=dark] .detail-value,:root[data-theme=dark] .empty-state p,:root[data-theme=dark] .help-text,:root[data-theme=dark] .image-label,:root[data-theme=dark] .info-list,:root[data-theme=dark] .info-text,:root[data-theme=dark] .inspection-notes p,:root[data-theme=dark] .item-note span,:root[data-theme=dark] .loading-container,:root[data-theme=dark] .modal-body p,:root[data-theme=dark] .summary-row .label{color:#9ab8a0}:root[data-theme=dark] .form-group input,:root[data-theme=dark] .form-group select,:root[data-theme=dark] .form-group textarea{background-color:#1f2621;border-color:#68ba7f33;box-shadow:inset 2px 2px 4px #00000040,inset -2px -2px 4px #3c4b3f1f;color:#e8f0e9}:root[data-theme=dark] .form-group input:focus,:root[data-theme=dark] .form-group select:focus,:root[data-theme=dark] .form-group textarea:focus{background-color:#232b25;border-color:#68ba7f;box-shadow:0 0 0 4px #68ba7f29}:root[data-theme=dark] .btn-primary{background:linear-gradient(135deg,#2e6f40,#253d2c);box-shadow:6px 6px 12px #00000052,-4px -4px 10px #3c4b3f1f}:root[data-theme=dark] .btn-secondary{border:1px solid #68ba7f38;color:#cfffdc}:root[data-theme=dark] .assignment-card{background:linear-gradient(145deg,#252b26,#1e2420);border:none;box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #3c4b3f1a,inset 1px 1px 2px #3c4b3f26,inset -1px -1px 2px #0003}:root[data-theme=dark] .assignment-card:active,:root[data-theme=dark] .assignment-card:focus,:root[data-theme=dark] .assignment-card:focus-visible{border-color:#68ba7f40!important;box-shadow:10px 10px 20px #0006,-10px -10px 20px #3c4b3f1f,inset 2px 2px 4px #00000040,inset -2px -2px 4px #3c4b3f1f}:root[data-theme=dark] .assignment-card.completed-assignment{background:linear-gradient(145deg,#253227,#1f2621)}:root[data-theme=dark] .assignment-status{box-shadow:0 0 0 1px #00000040}:root[data-theme=dark] .inspection-request-screen .modal-header{background:#0000;border-bottom:none}:root[data-theme=dark] .inspection-request-screen .modal{background:linear-gradient(135deg,#2e6f40,#253d2c);box-shadow:0 24px 60px #0006}:root[data-theme=dark] .inspection-request-screen .back-button,:root[data-theme=dark] .inspection-request-screen .history-button,:root[data-theme=dark] .inspection-request-screen .modal-close{background:#ffffff1f!important;border-color:#ffffff38!important;color:#fff!important}:root[data-theme=dark] .error-message,:root[data-theme=dark] .validation-note{color:#ffb4b4}:root[data-theme=dark] .inspection-request-screen .modal-body{background:linear-gradient(145deg,#252b26,#1e2420)!important;box-shadow:0 -4px 20px #0003,inset 1px 1px 2px #3c4b3f26,inset -1px -1px 2px #0003;color:#e8f0e9!important}:root[data-theme=dark] .inspection-request-screen .modal-actions{background:linear-gradient(145deg,#1e2420,#252b26)!important;border-radius:0 0 16px 16px!important;border-top:none!important;box-shadow:inset 1px 1px 2px #3c4b3f26,inset -1px -1px 2px #0000002e}:root[data-theme=dark] .inspection-details{background:linear-gradient(145deg,#252b26,#1e2420);box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #3c4b3f1a,inset 1px 1px 2px #3c4b3f1f,inset -1px -1px 2px #0000002e}.inspection-request-screen .modal-header{align-items:center;border-bottom:none;display:flex;justify-content:center;padding:1.25rem 1.5rem;position:relative;text-align:center}.inspection-request-screen .modal-header h2{color:#fff;font-size:1.45rem;font-weight:800;margin:0}.inspection-request-screen .modal-body{background:linear-gradient(145deg,#fff,#f5faf7)!important;border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #253d2c1a,inset 1px 1px 2px #ffffffe6,inset -1px -1px 2px #253d2c08;color:var(--color-text)!important;margin-top:-8px;max-height:60vh;overflow-y:auto;padding:2rem 1.5rem;position:relative}.inspection-details{background:linear-gradient(145deg,#fff,#f0f7f2);border:none;border-radius:14px;box-shadow:6px 6px 12px #253d2c1f,-6px -6px 12px #ffffffe6,inset 1px 1px 2px #ffffffd9,inset -1px -1px 2px #253d2c0d;margin-bottom:1.5rem;padding:1.5rem}.detail-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.detail-item:last-child{margin-bottom:0}.detail-label{color:var(--color-muted);font-size:.9rem;font-weight:700}.detail-value{color:var(--color-primary-dark);font-size:1rem;font-weight:700}.confirmation-text{color:var(--color-text);font-size:1rem;font-weight:500;line-height:1.6;margin:0;text-align:center}.inspection-request-screen .modal-actions{background:linear-gradient(145deg,#f5faf7,#fff);border-radius:0 0 16px 16px;border-top:none;display:flex;gap:1rem;padding:1.25rem 1.5rem 1.5rem}.inspection-request-screen .modal-actions .btn-primary{flex:1 1;margin-top:0;padding:.75rem 1rem}.inspection-request-screen .modal-actions .btn-secondary{flex:1 1}.modal-actions.stacked-buttons{flex-direction:column;gap:.75rem}.button-row{display:flex;gap:1rem}.button-row .btn-primary,.button-row .btn-secondary{flex:1 1;margin-top:0;padding:.75rem 1rem}@media (min-width:768px){.header h1{font-size:2rem}.main{padding:2rem}.info-banner{margin-bottom:2.5rem;padding:1.25rem 1.5rem}.info-text{font-size:1.05rem}.inspection-form h2{font-size:1.75rem;margin-bottom:2rem}.form-group{margin-bottom:1.75rem}}@media (min-width:1024px){.main{margin:0 auto;max-width:1000px;padding:2.5rem}.inspection-form{max-width:600px}}.inspection-request-screen .modal-header{background:linear-gradient(135deg,#2e6f40,#253d2c)!important;color:#fff!important}.inspection-request-screen .modal-close{color:#fff!important}.inspection-request-screen .inspection-summary{background:linear-gradient(145deg,#fff,#f0f7f2);border:none;border-radius:16px;box-shadow:6px 6px 12px #253d2c1f,-6px -6px 12px #fffffff2,inset 1px 1px 2px #fffc,inset -1px -1px 2px #253d2c08;margin-bottom:1.5rem;padding:1rem}.inspection-request-screen .summary-row{border-bottom:1px solid #253d2c1a;display:flex;justify-content:space-between;padding:.5rem 0}.inspection-request-screen .summary-row:last-child{border-bottom:none}.inspection-request-screen .summary-row .label{color:#666;font-weight:600}.inspection-request-screen .summary-row .value{color:#333;text-align:right}.inspection-request-screen .summary-row .value.score{color:#2e6f40;font-weight:600}.inspection-request-screen .summary-row .value.decision{font-weight:600}.inspection-request-screen .summary-row .value.decision.approved{color:#10b981}.inspection-request-screen .summary-row .value.decision.declined{color:#f59e0b}.inspection-request-screen .summary-row .value.decision.admin-review{color:#ef4444}.inspection-request-screen .furniture-scores{margin-bottom:2rem}.inspection-request-screen .furniture-scores h4{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.inspection-request-screen .scores-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.inspection-request-screen .score-item{align-items:flex-start;background:linear-gradient(145deg,#fff,#f5faf7);border-radius:12px;box-shadow:4px 4px 10px #253d2c14,-4px -4px 10px #ffffffe6,inset 1px 1px 2px #fffc,inset -1px -1px 2px #253d2c08;display:flex;flex-direction:column;gap:.35rem;padding:.85rem 1rem}.inspection-request-screen .score-line{display:flex;gap:.5rem;justify-content:space-between;width:100%}.inspection-request-screen .furniture-name{color:#333;font-weight:500;text-transform:capitalize}.inspection-request-screen .furniture-score{color:#2e6f40;font-weight:600}.inspection-request-screen .score-footer{align-items:center;display:flex;gap:.75rem;justify-content:space-between;min-width:0;width:100%}.inspection-request-screen .furniture-condition{border:1px solid;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.6px;padding:.15rem .5rem;text-transform:uppercase}.inspection-request-screen .inspection-images{margin-bottom:1.5rem}.inspection-request-screen .inspection-images h4{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.inspection-request-screen .images-by-item{display:flex;flex-direction:column;gap:1rem}.inspection-request-screen .item-images-section{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:1rem}.inspection-request-screen .item-images-title{color:#333;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.inspection-request-screen .images-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.inspection-request-screen .image-item{border-radius:12px;box-shadow:0 4px 10px #0f172a26;overflow:hidden;position:relative}.inspection-request-screen .image-item img{border-radius:12px;display:block;height:auto;width:100%}.inspection-request-screen .image-number{background:#0009;border-radius:999px;bottom:.35rem;color:#fff;font-size:.75rem;padding:.15rem .5rem;position:absolute;right:.35rem}.image-viewer-overlay{align-items:center;animation:fadeIn .3s ease-out;background-color:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.image-viewer-container{animation:slideIn .3s ease-out;background-color:#1a1a1a;border-radius:0;display:flex;flex-direction:column;height:95vh;max-width:1200px;overflow:hidden;position:relative;width:95vw}.image-viewer-header{align-items:center;background-color:#2d2d2d;border-bottom:2px solid #444;display:flex;justify-content:space-between;padding:20px}.image-viewer-title h3{color:#fff;font-size:18px;font-weight:600;margin:0}.image-counter{color:#aaa;display:block;font-size:14px;margin-top:4px}.image-viewer-actions{display:flex;gap:10px}.action-btn{background-color:#444;border:2px solid #666;color:#fff;font-size:18px;height:44px;min-width:44px;padding:12px;transition:all .3s ease}.action-btn:hover:not(:disabled){background-color:#555;border-color:#777;transform:translateY(-2px)}.action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.download-btn:hover:not(:disabled){background-color:#06c;border-color:#0080ff}.share-btn:hover:not(:disabled){background-color:#0a4;border-color:#0c5}.close-btn:hover:not(:disabled){background-color:#c00;border-color:red}.image-viewer-content{background-color:#111;flex:1 1;overflow:hidden}.image-display,.image-viewer-content{align-items:center;display:flex;justify-content:center;position:relative}.image-display{height:100%;width:100%}.main-image{border-radius:0;box-shadow:0 10px 30px #00000080;max-height:90%;max-width:90%;object-fit:contain;transition:transform .3s ease}.main-image:hover{transform:scale(1.02)}.no-image{color:#666;font-size:18px;height:200px}.nav-arrow,.no-image{align-items:center;display:flex;justify-content:center}.nav-arrow{background-color:#444444e6;border:2px solid #666;border-radius:0;color:#fff;cursor:pointer;font-size:28px;padding:20px 15px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:100}.nav-arrow:hover:not(.disabled){background-color:#555555f2;border-color:#777;transform:translateY(-50%) scale(1.1)}.nav-arrow.disabled{cursor:not-allowed;opacity:.3}.prev-arrow{left:20px}.next-arrow{right:20px}.image-thumbnails{background-color:#2d2d2d;border-top:2px solid #444;display:flex;gap:8px;max-height:100px;overflow-x:auto;overflow-y:hidden;padding:20px}.image-thumbnails::-webkit-scrollbar{height:6px}.image-thumbnails::-webkit-scrollbar-track{background-color:#333}.image-thumbnails::-webkit-scrollbar-thumb{background-color:#666;border-radius:3px}.thumbnail{border:2px solid #444;border-radius:0;cursor:pointer;flex-shrink:0;height:60px;opacity:.6;overflow:hidden;transition:all .3s ease;width:80px}.thumbnail:hover{border-color:#0080ff;opacity:.8;transform:scale(1.05)}.thumbnail.active{border-color:#0080ff;box-shadow:0 0 10px #0080ff4d;opacity:1}.thumbnail img{height:100%;object-fit:cover;width:100%}.loading-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:200}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #0000;border-radius:50%;border-top-color:#fff;height:50px;width:50px}.error-message{animation:slideDown .3s ease-out;background-color:#c00;border:2px solid red;border-radius:0;color:#fff;left:50%;padding:12px 24px;position:absolute;top:20px;transform:translateX(-50%);z-index:300}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.image-viewer-container{height:100vh;width:100vw}.image-viewer-header{padding:15px}.action-btn,.image-viewer-title h3{font-size:16px}.action-btn{height:40px;min-width:40px;padding:10px}.nav-arrow{font-size:24px;padding:15px 10px}.prev-arrow{left:10px}.next-arrow{right:10px}.image-thumbnails{padding:15px}.thumbnail{height:45px;width:60px}.main-image{max-height:85%;max-width:95%}}@media (max-width:480px){.image-viewer-header{padding:10px}.image-viewer-title h3{font-size:14px}.image-counter{font-size:12px}.action-btn{font-size:14px;height:36px;min-width:36px;padding:8px}.image-thumbnails{gap:6px;padding:10px}.thumbnail{height:38px;width:50px}}.inspector-home-screen{--color-primary:#2e6f40;--color-primary-dark:#253d2c;--color-accent:#68ba7f;--color-surface:#cfffdc;--color-text:#1f2b20;--color-muted:#4f6b57;--color-border:#253d2c14;--color-shadow:0 12px 30px #253d2c1f;background:linear-gradient(135deg,#2e6f40,#253d2c);display:flex;flex-direction:column;min-height:100vh}.inspector-home-screen .hero-section{background:#0000;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:2.5rem 1.5rem 2rem;position:relative}.inspector-home-screen .hero-section:after{animation:heroShimmer 8s ease-in-out infinite;background:linear-gradient(115deg,#0000,#0000 40%,#ffffff1a 50%,#0000 60%,#0000);content:"";height:200%;left:-150%;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.inspector-home-screen .hero-decoration{background:radial-gradient(circle,#68ba7f4d 0,#0000 70%);border-radius:50%;height:300px;pointer-events:none;position:absolute;right:-20%;top:-50%;width:300px}.inspector-home-screen .hero-content{align-items:flex-end;display:flex;gap:1rem;position:relative;z-index:1}.inspector-home-screen .avatar-container{border:3px solid #ffffff4d;border-radius:50%;box-shadow:0 8px 24px #0003;cursor:pointer;flex-shrink:0;height:72px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;width:72px}.inspector-home-screen .avatar-container:hover{box-shadow:0 12px 32px #00000040;transform:scale(1.05)}.inspector-home-screen .avatar-image{height:100%;object-fit:cover;width:100%}.inspector-home-screen .avatar-placeholder{align-items:center;background:radial-gradient(circle at 30% 30%,#fff,#e8f7ed);display:flex;height:100%;justify-content:center;width:100%}.inspector-home-screen .avatar-placeholder svg{color:var(--color-accent);height:2.5rem;width:2.5rem}.inspector-home-screen .greeting-text{display:flex;flex-direction:column;gap:.25rem}.inspector-home-screen .greeting-label{color:#fffc;font-size:.9rem;font-weight:400;letter-spacing:.3px}.inspector-home-screen .greeting-name{color:#fff;font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin:0;text-shadow:0 2px 8px #00000026}.inspector-home-screen .main{background:linear-gradient(145deg,#f5f7f5,#eef2ef);border-radius:24px 24px 0 0;box-shadow:0 -8px 24px #253d2c26,8px 0 16px #253d2c14,-8px 0 16px #253d2c14,inset 0 2px 4px #fff,inset 2px 0 4px #fffc,inset -2px 0 4px #fffc;flex:1 1;margin-top:-12px;overflow-y:auto;padding:2rem 1.5rem 1.5rem;position:relative}.inspector-home-screen .announcement-banner{background:linear-gradient(145deg,#fff,#f0f7f2);border:none;border-radius:16px;box-shadow:6px 6px 12px #253d2c26,-6px -6px 12px #fffffff2,inset 1px 1px 2px #fffc,inset -1px -1px 2px #253d2c0d;margin-bottom:1.5rem;padding:1.5rem}.inspector-home-screen .announcement-content{display:flex;flex-direction:column;gap:.75rem}.inspector-home-screen .announcement-header{align-items:center;display:flex;justify-content:space-between}.inspector-home-screen .announcement-label{color:#2e6f40;font-size:.78rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.inspector-home-screen .announcement-time{color:#4f6b57;font-size:.85rem;font-weight:500}.inspector-home-screen .announcement-text{color:#253d2c!important;font-size:1rem;font-weight:500;line-height:1.6;margin:0}.inspector-home-screen .action-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.inspector-home-screen .action-btn{align-items:center;background:linear-gradient(145deg,#fff,#f0f7f2);border:none;border-radius:16px;box-shadow:6px 6px 12px #253d2c26,-6px -6px 12px #fffffff2,inset 1px 1px 2px #fffc,inset -1px -1px 2px #253d2c0d;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;justify-content:center;min-height:140px;padding:1.5rem 1rem;transition:all .1s ease}.inspector-home-screen .action-btn:hover{background:linear-gradient(145deg,#fff,#f5faf7);box-shadow:8px 8px 16px #253d2c2e,-8px -8px 16px #fff,inset 1px 1px 2px #ffffffe6,inset -1px -1px 2px #253d2c08}.inspector-home-screen .action-btn:active{background:linear-gradient(145deg,#f0f7f2,#fff);box-shadow:2px 2px 5px #253d2c1a,-2px -2px 5px #fffc,inset 3px 3px 6px #253d2c1a,inset -2px -2px 4px #ffffffb3;transform:scale(.98)}.inspector-home-screen .action-btn .icon{align-items:center;display:flex;justify-content:center}.inspector-home-screen .action-btn .icon svg{stroke:url(#icon-gradient);stroke-width:1.5;fill:none;height:2.75rem;width:2.75rem}.inspector-home-screen .action-btn span{color:var(--color-muted);font-size:.85rem;font-weight:500;opacity:.8;text-align:center}@media (min-width:768px){.inspector-home-screen .hero-section{padding:3rem 2rem 1.5rem}.inspector-home-screen .avatar-container{height:88px;width:88px}.inspector-home-screen .avatar-placeholder svg{height:3rem;width:3rem}.inspector-home-screen .greeting-name{font-size:2.25rem}.inspector-home-screen .greeting-label{font-size:1rem}.inspector-home-screen .announcement-banner,.inspector-home-screen .main{padding:2rem}.inspector-home-screen .announcement-text{font-size:1.05rem}.inspector-home-screen .action-buttons{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.inspector-home-screen .main{margin:0 auto;max-width:1000px;padding:2.5rem}.inspector-home-screen .hero-section{padding:3.5rem 2.5rem 1.75rem}.inspector-home-screen .hero-decoration{height:400px;width:400px}.inspector-home-screen .avatar-container{height:100px;width:100px}.inspector-home-screen .greeting-name{font-size:2.5rem}.inspector-home-screen .action-buttons{grid-template-columns:repeat(2,1fr)}}:root[data-theme=dark] .inspector-home-screen{background:linear-gradient(135deg,#2a5535,#1e3d28)}:root[data-theme=dark] .inspector-home-screen .hero-decoration{background:radial-gradient(circle,#68ba7f26 0,#0000 70%)}:root[data-theme=dark] .inspector-home-screen .greeting-label{color:#c8dccbb3}:root[data-theme=dark] .inspector-home-screen .greeting-name{color:#e8f0e9}:root[data-theme=dark] .inspector-home-screen .main{background:linear-gradient(145deg,#1e2420,#1a1f1b);box-shadow:0 -2px 8px #00000026,inset 0 1px 2px #3c4b3f14}:root[data-theme=dark] .inspector-home-screen .action-btn{background:linear-gradient(145deg,#252b26,#1e2420);box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #3c4b3f1a,inset 1px 1px 2px #3c4b3f26,inset -1px -1px 2px #0003}:root[data-theme=dark] .inspector-home-screen .action-btn:hover{background:linear-gradient(145deg,#2a312b,#232a25);box-shadow:8px 8px 16px #00000059,-8px -8px 16px #3c4b3f1f,inset 1px 1px 2px #3c4b3f33,inset -1px -1px 2px #00000026}:root[data-theme=dark] .inspector-home-screen .action-btn:active{background:linear-gradient(145deg,#1e2420,#252b26);box-shadow:2px 2px 5px #00000040,-2px -2px 5px #3c4b3f14,inset 3px 3px 6px #0000004d,inset -2px -2px 4px #3c4b3f1a}:root[data-theme=dark] .inspector-home-screen .action-btn span{color:#cfffdc99}:root[data-theme=dark] .inspector-home-screen .announcement-banner{background:linear-gradient(145deg,#252b26,#1e2420);box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #3c4b3f1a,inset 1px 1px 2px #3c4b3f26,inset -1px -1px 2px #0003}:root[data-theme=dark] .inspector-home-screen .announcement-label{color:#68ba7f}:root[data-theme=dark] .inspector-home-screen .announcement-time{color:#cfffdc99}:root[data-theme=dark] .inspector-home-screen .announcement-text{color:#cfffdce6!important}.inspector-assignments-screen .modal-header{background:linear-gradient(135deg,#2e6f40,#253d2c);color:#fff}.inspector-assignments-screen .modal-close{color:#fff}.inspector-assignments-screen{background-color:#fff;display:flex;flex-direction:column;min-height:100vh}.inspector-assignments-screen .header{align-items:center;background:linear-gradient(135deg,#2e6f40,#253d2c);box-shadow:0 4px 12px #253d2c26;color:#fff;display:flex;justify-content:center;min-height:56px;padding:1rem 1.25rem;position:-webkit-sticky;position:sticky;top:0;z-index:12}.inspector-assignments-screen .header h1{flex:1 1;font-size:1.25rem;font-weight:700;letter-spacing:-.3px;margin:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.inspector-assignments-screen .back-button,.inspector-assignments-screen .refresh-button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .2s ease,box-shadow .2s ease;width:40px}.inspector-assignments-screen .back-button{left:1rem}.inspector-assignments-screen .refresh-button{right:1rem}.inspector-assignments-screen .back-button:hover,.inspector-assignments-screen .refresh-button:hover{background-color:#ffffff4d}.inspector-assignments-screen .back-button:disabled,.inspector-assignments-screen .refresh-button:disabled{cursor:not-allowed;opacity:.55}.inspector-assignments-screen .back-button svg,.inspector-assignments-screen .refresh-button svg{font-size:1.25rem}.inspector-assignments-screen .history-toggle{border-radius:999px;font-size:.75rem;font-weight:600;gap:.35rem;letter-spacing:.5px;padding:0 .75rem;right:5.5rem}.inspector-assignments-screen .history-toggle svg{font-size:1rem}.inspector-assignments-screen .history-toggle span{display:block;font-size:.65rem;text-transform:uppercase}.assignment-card:focus-visible{outline:none}.tab-navigation{background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;display:flex}.tab-button{align-items:center;background-color:initial;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:1rem;transition:all .2s ease}.tab-button:hover{background-color:#e9e9e9;color:#2e6f40}.tab-button.active{background-color:#fff;border-bottom-color:#2e6f40;color:#2e6f40;font-weight:600}.tab-button svg{font-size:1.25rem}.inspector-assignments-screen .main{flex:1 1;overflow-y:auto;padding:1.5rem}.assignments-list{display:flex;flex-direction:column;gap:1rem}.inspector-assignments-screen .history-toggle{align-items:center;background:#ffffff2e;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:4.5rem;top:50%;transform:translateY(-50%);transition:background-color .2s ease,transform .2s ease;width:40px}.inspector-assignments-screen .history-toggle svg{font-size:1.25rem}.inspector-assignments-screen .history-toggle.active{background-color:#ffffff59;transform:translateY(-50%) scale(1.05)}.assignment-card{align-items:stretch;background-color:#fff;border:1px solid #e0e0e0;border-radius:0;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;font-size:1rem;gap:.85rem;padding:1.25rem 1.5rem;text-align:left;transition:all .2s ease;width:100%}.assignment-card:hover{background-color:#f9f9f9;border-color:#2e6f40;box-shadow:0 2px 4px #0000001a}.assignment-card:active{background-color:#f5f5f5}.assignment-card.completed-assignment{background-color:#fafafa;opacity:.95}.assignment-card.completed-assignment:hover{background-color:#f0fdf4;border-color:#10b981;opacity:1}.completed-assignment .assignment-type{color:#059669}.completed-assignment .assignment-footer{border-top-color:#d1fae5}.assignment-content{flex:1 1;width:100%}.assignment-header{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.5rem}.assignment-type{color:#2e6f40;font-size:1.1rem;font-weight:600;margin:0}.assignment-status{border-radius:10px;font-size:.75rem;font-weight:600;padding:.25rem .65rem;text-transform:uppercase;white-space:nowrap}.inspector-assignments-screen .assignment-details{display:flex;flex-direction:column;gap:0;margin-bottom:.5rem}.inspector-assignments-screen .detail-block{grid-gap:.5rem 1rem;align-items:baseline;border-top:1px solid #f0f0f0;display:grid;gap:.5rem 1rem;grid-template-columns:auto 1fr;padding:.75rem 0}.inspector-assignments-screen .detail-item{display:contents}.inspector-assignments-screen .detail-label{color:#888;font-size:.8rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.inspector-assignments-screen .detail-value{color:#333;font-size:.95rem;font-weight:500}.assignment-info{color:#333;font-size:.875rem;margin:.25rem 0 0}.assignment-footer{align-items:center;border-top:1px solid #e0e0e0;display:flex;font-size:.8rem;justify-content:flex-start;margin-top:.5rem;padding-top:.75rem}.time{color:#666;font-weight:500}.summary-row .value.decision{font-weight:600}.summary-row .value.decision.admin-review{color:#ef4444}.furniture-condition{border:1px solid;border-radius:999px;padding:.15rem .5rem}.inspection-images{margin-bottom:1.5rem}.images-by-item{gap:1rem}.item-images-section{background:#fff;border:1px solid #e5e5e5;border-radius:12px}.item-images-title{color:#333;font-size:.95rem;margin-bottom:.5rem}.images-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.image-item{border-radius:12px;box-shadow:0 4px 10px #0f172a26;overflow:hidden;position:relative}.image-item img{border-radius:12px;display:block;height:auto}.image-number{background:#0009;border-radius:999px;bottom:.35rem;padding:.15rem .5rem;right:.35rem}.priority,.priority-high,.priority-medium{display:none}@media (min-width:768px){.header h1{font-size:2rem}.tab-button{font-size:1.1rem;padding:1.25rem}.tab-button svg{font-size:1.5rem}.main{padding:2rem}.info-banner{margin-bottom:2.5rem;padding:1.25rem 1.5rem}.info-text{font-size:1.05rem}.assignment-card{padding:1.5rem}.assignment-type{font-size:1.2rem}.assignment-details{gap:2rem}.inspection-modal{max-width:900px}.images-grid,.scores-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (min-width:1024px){.main{margin:0 auto;max-width:900px;padding:2.5rem}.assignment-card{padding:1.75rem}}:root[data-theme=dark] .inspector-assignments-screen .inspection-notes h4,:root[data-theme=dark] .inspector-assignments-screen .item-note strong,:root[data-theme=dark] .inspector-assignments-screen .item-notes h4{color:#cfffdc}.inspection-modal{max-height:90vh;max-width:800px;overflow-y:auto}.inspection-summary{background-color:#f9f9f9;border:1px solid #e0e0e0;display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem;padding:1.5rem}.summary-row{align-items:center}.summary-row .label{color:#333;min-width:120px}.summary-row .value{color:#2e6f40;font-weight:500}.summary-row .value.score{font-size:1.25rem;font-weight:700}.furniture-scores h4{color:#2e6f40;margin:0 0 1rem}.score-item{align-items:center;background-color:#f9f9f9;border:1px solid #e0e0e0;justify-content:space-between;padding:.75rem}.inspection-notes{margin-bottom:2rem}.inspection-notes h4{color:#2e6f40;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.inspection-notes p{background-color:#f9f9f9}.item-notes{margin-bottom:2rem}.item-notes h4{color:#2e6f40;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.item-note{background-color:#f9f9f9}.inspection-images{margin-bottom:1rem}.inspection-images h4{color:#2e6f40;margin:0 0 1rem}.image-item img{height:150px}.error-banner{background-color:#fee2e2;border:1px solid #fca5a5;color:#dc2626}.empty-state h2{margin:0 0 .5rem}.empty-state p{line-height:1.6}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border:1px solid #e0e0e0;border-radius:0;box-shadow:0 4px 8px #0000001f;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;background-color:#f9f9f9;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:#2e6f40;font-size:1.25rem;font-weight:600;margin:0}.modal-close{align-items:center;background-color:initial;border:none;border-radius:0;color:#666;cursor:pointer;display:flex;font-size:1.5rem;font-weight:400;height:2rem;justify-content:center;transition:all .2s ease;width:2rem}.modal-close:hover{background-color:#f0f0f0;color:#333}.inspector-assignments-screen .modal-body{padding:1.5rem}.inspector-assignments-screen .inspection-modal .modal-header{background:linear-gradient(135deg,#2e6f40,#253d2c)!important;border-bottom:none!important;color:#fff!important}.inspector-assignments-screen .inspection-modal .modal-header h3{color:#fff!important}:root[data-theme=dark] .inspector-assignments-screen .inspection-modal .inspection-notes h4,:root[data-theme=dark] .inspector-assignments-screen .inspection-modal .item-note strong,:root[data-theme=dark] .inspector-assignments-screen .inspection-modal .item-notes h4{color:#cfffdc!important}.completed-assignment-indicator{align-items:center;background-color:#f0fdf4;border:1px solid #d1fae5;border-radius:2px;color:#059669;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;margin-left:.5rem;padding:.25rem .5rem}.completed-assignment-indicator svg{font-size:.875rem}:root[data-theme=dark] .inspector-assignments-screen{--color-text:#e8f0e9;--color-muted:#9ab8a0;--color-border:#68ba7f2e;background:radial-gradient(circle at 20% 20%,#68ba7f14,#0000 45%),radial-gradient(circle at 80% 0,#253d2c4d,#0000 45%),#1a1f1b}:root[data-theme=dark] .inspector-assignments-screen .main{background:linear-gradient(145deg,#1e2420,#252b26)}:root[data-theme=dark] .inspector-assignments-screen .info-label{color:#cfffdc!important}:root[data-theme=dark] .inspector-assignments-screen .info-text{color:#9ab8a0!important}:root[data-theme=dark] .tab-navigation{background-color:#1f2621;border-bottom-color:#68ba7f33}:root[data-theme=dark] .tab-button{color:#9ab8a0}:root[data-theme=dark] .tab-button:hover{background-color:#252b26;color:#cfffdc}:root[data-theme=dark] .tab-button.active{background-color:#1e2420;border-bottom-color:#68ba7f;color:#cfffdc}:root[data-theme=dark] .assignment-card,:root[data-theme=dark] .inspection-notes p,:root[data-theme=dark] .inspection-summary,:root[data-theme=dark] .item-images-section,:root[data-theme=dark] .item-note,:root[data-theme=dark] .modal-body,:root[data-theme=dark] .modal-content,:root[data-theme=dark] .modal-header,:root[data-theme=dark] .score-item{background:linear-gradient(145deg,#252b26,#1e2420);border-color:#68ba7f2e;box-shadow:6px 6px 12px #00000052,-6px -6px 12px #3c4b3f14,inset 1px 1px 2px #3c4b3f1f,inset -1px -1px 2px #0000002e}:root[data-theme=dark] .assignment-card:hover{background:linear-gradient(145deg,#2a322d,#222825);border-color:#68ba7f66}:root[data-theme=dark] .assignment-card:active,:root[data-theme=dark] .assignment-card:focus-visible{background:linear-gradient(145deg,#2a322d,#222825);border-color:#68ba7f73;box-shadow:8px 8px 18px #00000059,-8px -8px 18px #3c4b3f1a}:root[data-theme=dark] .assignment-card.completed-assignment,:root[data-theme=dark] .assignment-card.completed-assignment:active,:root[data-theme=dark] .assignment-card.completed-assignment:hover{background:linear-gradient(145deg,#252b26,#1e2420);border-color:#68ba7f2e}:root[data-theme=dark] .assignment-type,:root[data-theme=dark] .empty-state h2,:root[data-theme=dark] .furniture-scores h4,:root[data-theme=dark] .inspection-images h4,:root[data-theme=dark] .item-images-title,:root[data-theme=dark] .summary-row .value{color:#cfffdc}:root[data-theme=dark] .assignment-info,:root[data-theme=dark] .detail-label,:root[data-theme=dark] .detail-value,:root[data-theme=dark] .empty-state,:root[data-theme=dark] .empty-state p,:root[data-theme=dark] .image-label,:root[data-theme=dark] .inspection-notes p,:root[data-theme=dark] .item-note span,:root[data-theme=dark] .loading-container,:root[data-theme=dark] .summary-row .label,:root[data-theme=dark] .time{color:#9ab8a0}:root[data-theme=dark] .furniture-score,:root[data-theme=dark] .summary-row .value.score{color:#68ba7f}:root[data-theme=dark] .assignment-footer{border-top-color:#68ba7f2e}:root[data-theme=dark] .modal-overlay{background-color:#0009}:root[data-theme=dark] .modal-close{color:#9ab8a0}:root[data-theme=dark] .modal-close:hover{background-color:#2a322d;color:#e8f0e9}:root[data-theme=dark] .image-item{box-shadow:0 6px 16px #0006}:root[data-theme=dark] .image-number{background:#68ba7fd9}:root[data-theme=dark] .inspector-assignments-screen .inspection-notes h4,:root[data-theme=dark] .inspector-assignments-screen .item-note strong,:root[data-theme=dark] .inspector-assignments-screen .item-notes h4{color:#cfffdc!important}.room-inspection-form-screen{background-color:#fff;display:flex;flex-direction:column;min-height:100vh}.room-inspection-form-screen .header{align-items:center;background:linear-gradient(135deg,#2e6f40,#253d2c);box-shadow:0 4px 12px #253d2c26;color:#fff;display:flex;justify-content:center;min-height:56px;padding:1rem 1.25rem;position:-webkit-sticky;position:sticky;top:0;z-index:12}.room-inspection-form-screen .header h1{font-size:1.25rem;font-weight:700;letter-spacing:-.3px;margin:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.room-inspection-form-screen .back-button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;left:1rem;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .2s ease,box-shadow .2s ease;width:40px}.room-inspection-form-screen .back-button:hover{background-color:#ffffff4d}.room-inspection-form-screen .back-button:disabled{cursor:not-allowed;opacity:.55}.room-inspection-form-screen .back-button svg{font-size:1.25rem}.room-inspection-form-screen .main{flex:1 1;overflow-y:auto;padding:0}.room-inspection-form-screen .student-info-banner{align-items:center;background-color:#2e6f40;border-radius:0;display:flex;gap:.75rem;margin:0 1.5rem 1.5rem;padding:1rem 1.5rem}.room-inspection-form-screen .student-label{color:#ffffffb3;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.room-inspection-form-screen .student-name{color:#fff;font-size:1.1rem;font-weight:600}.room-inspection-form-screen .info-banner{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:0;margin:0 1.5rem 2rem;padding:1rem}.room-inspection-form-screen .info-content{display:flex;flex-direction:column;gap:.5rem}.room-inspection-form-screen .info-label{color:#2e6f40;font-size:.78rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.room-inspection-form-screen .info-text{color:#333;font-size:1rem;font-weight:400;line-height:1.6;margin:0}.inspection-form{padding:1.5rem;width:100%}.inspection-form h2{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.furniture-list{gap:2rem;margin-bottom:2rem}.furniture-item,.furniture-list{display:flex;flex-direction:column}.furniture-item{border-bottom:1px solid #2e6f40;gap:.75rem;margin:0 1rem;padding-bottom:2rem}.furniture-item:last-child{border-bottom:none;padding-bottom:0}.item-header{align-items:center;display:flex;gap:1rem;justify-content:space-between}.item-name-remove{gap:.5rem}.item-header label,.item-name-remove{align-items:center;display:flex;flex:0 0 auto}.item-header label{color:#333;font-size:1.25rem;font-weight:600}.remove-button{background:none;border:none;color:#dc2626;cursor:pointer;flex:0 0 auto;font-size:1.25rem;padding:.25rem .5rem;transition:all .2s ease}.remove-button:hover{color:#991b1b;opacity:.8}.remove-button:active{opacity:.6}.condition-display{align-items:center;border-bottom:3px solid;border-radius:0;display:flex;flex:0 0 auto;flex-direction:column;gap:0;justify-content:center;min-width:auto;padding:0 0 .25rem}.condition-label{color:#333;font-size:.65rem;font-weight:600;letter-spacing:.3px;min-height:1em;text-transform:uppercase}.condition-label:empty:after{content:"\00a0"}.condition-score{color:#fff;display:none;font-size:1.1rem;font-weight:700}.slider-container{align-items:center;display:flex;gap:.75rem}.slider-label{color:#666;display:none;font-size:.75rem;font-weight:600;min-width:25px;text-align:center}.slider{-webkit-appearance:none;appearance:none;background:#e0e0e0;border-radius:4px;cursor:pointer;flex:1 1;height:8px;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#2e6f40;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease;width:20px}.slider::-webkit-slider-thumb:hover{background-color:#253d2c}.slider::-webkit-slider-thumb:active{background-color:#1f2b20}.slider::-moz-range-thumb{background-color:#2e6f40;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;-moz-transition:background-color .2s ease;transition:background-color .2s ease;width:20px}.slider::-moz-range-thumb:hover{background-color:#253d2c}.slider::-moz-range-thumb:active{background-color:#1f2b20}.slider-labels{display:flex;display:none;justify-content:space-between;margin-top:.25rem}.label-left,.label-right{color:#999;font-size:.7rem;font-weight:500}.item-actions{display:flex;gap:.75rem;margin-top:.75rem}.action-btn{align-items:center;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:0;color:#2e6f40;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem;position:relative;transition:all .2s ease}.action-btn:hover{background-color:#efefef;border-color:#2e6f40}.action-btn:active{background-color:#e5e5e5}.action-btn svg{font-size:1.1rem}.action-indicator{background-color:#22c55e;font-weight:700;height:18px;position:absolute;right:-.25rem;top:-.25rem;width:18px}.item-note-preview{align-items:center;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:0;display:flex;gap:.5rem;margin-top:.75rem;padding:.75rem}.item-note-preview .note-icon{color:#2e6f40;flex-shrink:0;font-size:1rem}.item-note-preview .note-text{color:#333;flex:1 1;font-size:.875rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-box{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:0;margin-bottom:2rem;padding:1.5rem}.summary-box h3{color:#333;font-size:1rem;font-weight:600;margin:0 0 1rem}.average-score{align-items:center;border-radius:0;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:1.5rem}.average-condition{color:#fff;font-size:1rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.average-number{color:#fff;font-size:2rem;font-weight:700}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-group textarea{background-color:#fff;border:1px solid #e0e0e0;border-radius:0;color:#333;font-family:inherit;font-size:1rem;padding:.75rem 1rem;resize:vertical;transition:border-color .2s ease;width:100%}.form-group textarea::placeholder{color:#999}.form-group textarea:focus{border-color:#2e6f40;box-shadow:0 0 0 2px #1a365d1a;outline:none}.btn-primary{background-color:#2e6f40;border:none;border-radius:0;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s ease;width:100%}.btn-primary:hover{background-color:#253d2c}.btn-primary:active{background-color:#1f2b20}.btn-add-items{background-color:#f5f5f5;border:2px solid #2e6f40;border-radius:0;color:#2e6f40;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:2rem;padding:.75rem 1.5rem;transition:all .2s ease;width:100%}.btn-add-items:hover{background-color:#efefef}.btn-add-items:active{background-color:#e5e5e5}.btn-secondary{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:0;color:#333;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.75rem 1rem;transition:all .2s ease}.btn-secondary:hover{background-color:#efefef;border-color:#2e6f40}.btn-secondary:active{background-color:#e5e5e5}.add-items-modal-overlay{align-items:flex-end;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#253d2c99;bottom:0;display:flex;justify-content:center;left:0;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;top:0;z-index:1000}.add-items-modal{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#2e6f40,#253d2c);border:none;border-radius:16px 16px 0 0;box-shadow:0 -4px 24px #253d2c59;display:flex;flex-direction:column;margin-bottom:0;max-height:70vh;overflow:hidden;width:100%}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.add-items-modal .modal-header{align-items:center;background:#0000;border-bottom:none;display:flex;flex-shrink:0;justify-content:center;padding:1.25rem 1.5rem;position:relative}.add-items-modal .modal-header h3{color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:.3px;margin:0}.modal-close-button{align-items:center;background-color:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;padding:0;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:background-color .2s ease;width:32px}.modal-close-button:hover{background-color:#ffffff59}.add-items-modal .modal-content{border-radius:16px 16px 0 0;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;flex:1 1;margin-top:-8px;max-height:calc(70vh - 140px);min-height:0;overflow-y:auto!important}.add-items-modal .modal-content,.add-items-modal .modal-footer{background:linear-gradient(145deg,#fff,#f5faf7)!important;padding:1.5rem}.add-items-modal .modal-footer{border-top:none;flex-shrink:0}.items-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));justify-content:center}.checkbox-item{align-items:center;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:all .2s ease}.checkbox-item:hover{background-color:#efefef;border-color:#2e6f40}.checkbox-item input[type=checkbox]{accent-color:#2e6f40;cursor:pointer;height:18px;width:18px}.checkbox-label{color:#333;cursor:pointer;font-size:.9rem;font-weight:500;-webkit-user-select:none;user-select:none}.custom-item-section{border-top:2px solid #e0e0e0;margin-top:2rem;padding-top:1.5rem}.custom-item-section h4{color:#333;font-size:1rem;font-weight:600;margin:0 0 1rem}.custom-item-input{display:flex;gap:.75rem}.custom-item-input input[type=text]{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;color:#333;flex:1 1;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s ease}.custom-item-input input[type=text]::placeholder{color:#999}.custom-item-input input[type=text]:focus{border-color:#2e6f40;box-shadow:0 0 0 2px #1a365d1a;outline:none}.btn-add-custom{background-color:#2e6f40;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s ease;white-space:nowrap}.btn-add-custom:hover{background-color:#253d2c}.btn-add-custom:active{background-color:#1f2b20}.image-selection-modal{border-radius:12px;max-height:none;max-width:320px;width:90%}.image-options{display:flex;flex-direction:column;gap:0}.image-option-btn{align-items:center;background-color:#fff;border:none;border-bottom:1px solid #e0e0e0;color:#2e6f40;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;padding:1rem 1.25rem;transition:background-color .2s ease}.image-option-btn:hover{background-color:#68ba7f1f}.image-option-btn:active{background-color:#68ba7f2e}.image-option-btn svg{font-size:1.5rem}.image-option-btn span{flex:1 1;text-align:left}.image-option-btn:last-child{border-bottom:none}.note-modal{max-width:600px}.note-input-container{display:flex;flex-direction:column;gap:.5rem}.note-textarea{background-color:#fff;border:1px solid #e0e0e0;border-radius:0;color:#333;font-family:inherit;font-size:1rem;padding:1rem;resize:vertical;transition:border-color .2s ease;width:100%}.note-textarea:focus{border-color:#2e6f40;box-shadow:0 0 0 2px #1a365d1a;outline:none}.word-count{color:#666;font-size:.875rem;text-align:right}.word-count-error{color:#dc2626;font-weight:600}.note-modal .modal-actions .btn-primary:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.modal-footer .btn-primary{align-items:center;border-radius:12px;display:flex;gap:.5rem;justify-content:center;margin:0}.room-inspection-form-screen .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#253d2c99;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.room-inspection-form-screen .modal{animation:modalSlideIn .25s ease-out;background:linear-gradient(135deg,#2e6f40,#253d2c);border:none;border-radius:16px;box-shadow:0 24px 60px #253d2c59;display:flex;flex-direction:column;max-width:420px;overflow:hidden;width:100%}.room-inspection-form-screen .modal .modal-header{align-items:center;background:#0000;border-bottom:none;display:flex;flex-shrink:0;justify-content:center;padding:1.25rem 1.5rem;position:relative}.room-inspection-form-screen .modal .modal-header h2{color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:.3px;margin:0;text-align:center}.room-inspection-form-screen .modal .modal-body{background:linear-gradient(145deg,#fff,#f5faf7);border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #253d2c1a,inset 1px 1px 2px #ffffffe6,inset -1px -1px 2px #253d2c08;flex:1 1;margin-top:-8px;padding:2rem 1.5rem}.room-inspection-form-screen .modal .modal-actions{background:linear-gradient(145deg,#fff,#f5faf7);border-top:none;display:flex;flex-shrink:0;gap:1rem;padding:1.5rem}.room-inspection-form-screen .modal .modal-actions.single-button{justify-content:center}.room-inspection-form-screen .modal .modal-actions.dual-buttons{justify-content:stretch}.room-inspection-form-screen .modal .modal-actions .btn-primary{background:#2e6f40;border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;margin-top:0;padding:.875rem 1rem;transition:background-color .2s ease}.room-inspection-form-screen .modal .modal-actions .btn-primary:hover{background:#253d2c}.room-inspection-form-screen .modal .modal-actions .btn-secondary{background:#0000;border:2px solid #2e6f40;border-radius:12px;color:#2e6f40!important;cursor:pointer;flex:1 1;font-weight:600;padding:.875rem 1rem;transition:all .2s ease}.room-inspection-form-screen .modal .modal-actions .btn-secondary:hover{background:#2e6f401a}.room-inspection-form-screen .modal .modal-close-btn{align-items:center;background-color:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;padding:0;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:background-color .2s ease;width:32px}.room-inspection-form-screen .modal .modal-close-btn:hover{background-color:#ffffff59}.room-inspection-form-screen .loading-modal{max-width:280px;padding:2rem}.room-inspection-form-screen .loading-modal-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.room-inspection-form-screen .loading-modal-content p{color:#fff;font-size:1rem;font-weight:500;margin:0}.room-inspection-form-screen .loading-spinner-icon{animation:spin 1s linear infinite;color:#fff;font-size:3rem}.room-inspection-form-screen .decision-text{color:#333;font-size:1rem;font-weight:400;margin:0 0 1.5rem;text-align:center}.room-inspection-form-screen .decision-buttons{display:flex;flex-direction:column;gap:1rem}.room-inspection-form-screen .decision-row{display:flex;gap:1rem}.room-inspection-form-screen .decision-btn{align-items:center;border:none;border-radius:12px;color:#fff!important;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem 1.5rem;transition:all .2s ease}.room-inspection-form-screen .decision-btn span{color:#fff!important}.room-inspection-form-screen .decision-btn svg{font-size:1.5rem}.room-inspection-form-screen .approve-btn{background-color:#22c55e}.room-inspection-form-screen .approve-btn:hover{background-color:#16a34a}.room-inspection-form-screen .approve-btn:active{background-color:#15803d}.room-inspection-form-screen .decline-btn{background-color:#dc2626}.room-inspection-form-screen .decline-btn:hover{background-color:#b91c1c}.room-inspection-form-screen .decline-btn:active{background-color:#991b1b}.room-inspection-form-screen .admin-btn{background-color:#f97316}.room-inspection-form-screen .admin-btn:hover{background-color:#ea580c}.room-inspection-form-screen .admin-btn:active{background-color:#c2410c}.room-inspection-form-screen .confirmation-text{color:#333;font-size:1rem;font-weight:400;line-height:1.6;margin:0;text-align:center}.room-inspection-form-screen .success-icon{align-items:center;background:linear-gradient(135deg,#34c759,#2db24e);border-radius:50%;box-shadow:0 4px 15px #34c75959;color:#fff;display:flex;font-size:2.5rem;height:70px;justify-content:center;margin:0 auto 1.5rem;width:70px}.room-inspection-form-screen .success-modal .modal-body{text-align:center}.room-inspection-form-screen .inspection-summary{background-color:#2e6f4014;border:1px solid #2e6f4026;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;text-align:left}.room-inspection-form-screen .summary-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.room-inspection-form-screen .summary-item:last-child{margin-bottom:0}.room-inspection-form-screen .summary-label{color:#666;font-size:.875rem;font-weight:600}.room-inspection-form-screen .summary-value{color:#2e6f40;font-size:1rem;font-weight:600}@media (min-width:768px){.header h1{font-size:2rem}.main{padding:0}.info-banner{margin-bottom:2.5rem;padding:1.25rem 1.5rem}.info-text{font-size:1.05rem}.inspection-form h2{font-size:1.75rem;margin-bottom:2rem}.furniture-list{gap:2.5rem;margin-bottom:2.5rem}.item-header{gap:1.5rem}.condition-display{min-width:160px;padding:1rem 1.25rem}.summary-box{margin-bottom:2rem;padding:2rem}.items-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}@media (min-width:1024px){.main{padding:0}.inspection-form{max-width:100%}.furniture-list{gap:2rem}.item-header{min-height:50px}}.item-images-preview{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:0;margin-top:1rem;padding:1rem}.images-grid{grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.image-preview{aspect-ratio:1;background-color:#fff;border:1px solid #e0e0e0;border-radius:0;overflow:hidden;position:relative}.preview-image{display:block;height:100%;object-fit:cover;width:100%}.remove-image-btn{align-items:center;background-color:#dc2626e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:4px;top:4px;transition:all .2s ease;width:24px;z-index:1}.remove-image-btn:hover{background-color:#dc2626;transform:scale(1.1)}.action-indicator{align-items:center;background-color:#10b981;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:20px;justify-content:center;margin-left:.25rem;width:20px}@media (min-width:768px){.images-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.remove-image-btn{font-size:16px;height:28px;width:28px}}@media (min-width:1024px){.images-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}:root[data-theme=dark] .room-inspection-form-screen{--color-text:#e8f0e9;--color-muted:#9ab8a0;--color-border:#68ba7f2e;background:radial-gradient(circle at 20% 20%,#68ba7f14,#0000 45%),radial-gradient(circle at 80% 0,#253d2c4d,#0000 45%),#1a1f1b}:root[data-theme=dark] .room-inspection-form-screen .main{background:linear-gradient(145deg,#1e2420,#252b26)}:root[data-theme=dark] .add-items-modal .modal-content,:root[data-theme=dark] .add-items-modal .modal-footer,:root[data-theme=dark] .checkbox-item,:root[data-theme=dark] .item-images-preview,:root[data-theme=dark] .item-note-preview,:root[data-theme=dark] .note-textarea,:root[data-theme=dark] .room-inspection-form-screen .info-banner,:root[data-theme=dark] .room-inspection-form-screen .inspection-summary,:root[data-theme=dark] .room-inspection-form-screen .modal .modal-actions,:root[data-theme=dark] .room-inspection-form-screen .modal .modal-body,:root[data-theme=dark] .student-info-banner,:root[data-theme=dark] .summary-box{background:linear-gradient(145deg,#252b26,#1e2420)!important;border-color:#68ba7f2e;box-shadow:6px 6px 12px #00000052,-6px -6px 12px #3c4b3f14,inset 1px 1px 2px #3c4b3f1f,inset -1px -1px 2px #0000002e}:root[data-theme=dark] .furniture-item{border-bottom-color:#68ba7f38}:root[data-theme=dark] .checkbox-label,:root[data-theme=dark] .custom-item-section h4,:root[data-theme=dark] .inspection-form h2,:root[data-theme=dark] .item-header label,:root[data-theme=dark] .modal .modal-header h2,:root[data-theme=dark] .modal .modal-header h3,:root[data-theme=dark] .room-inspection-form-screen .info-label,:root[data-theme=dark] .student-name,:root[data-theme=dark] .summary-box h3{color:#cfffdc}:root[data-theme=dark] .room-inspection-form-screen .info-label{color:#cfffdc!important}:root[data-theme=dark] .condition-label,:root[data-theme=dark] .form-group label,:root[data-theme=dark] .form-group textarea,:root[data-theme=dark] .item-note-preview .note-text,:root[data-theme=dark] .note-textarea,:root[data-theme=dark] .room-inspection-form-screen .confirmation-text,:root[data-theme=dark] .room-inspection-form-screen .decision-text,:root[data-theme=dark] .room-inspection-form-screen .info-text,:root[data-theme=dark] .room-inspection-form-screen .modal-body,:root[data-theme=dark] .room-inspection-form-screen .modal-body p,:root[data-theme=dark] .room-inspection-form-screen .summary-item,:root[data-theme=dark] .room-inspection-form-screen .summary-label,:root[data-theme=dark] .student-label,:root[data-theme=dark] .word-count{color:#9ab8a0}:root[data-theme=dark] .summary-value{color:#68ba7f}:root[data-theme=dark] .slider{background:#68ba7f40}:root[data-theme=dark] .slider::-moz-range-thumb,:root[data-theme=dark] .slider::-webkit-slider-thumb{border-color:#1e2420;box-shadow:0 2px 6px #00000073}:root[data-theme=dark] .action-btn,:root[data-theme=dark] .btn-add-items,:root[data-theme=dark] .btn-secondary{background:linear-gradient(145deg,#252b26,#1e2420);border-color:#68ba7f40;color:#cfffdc}:root[data-theme=dark] .action-btn:hover,:root[data-theme=dark] .btn-add-items:hover,:root[data-theme=dark] .btn-secondary:hover{background:linear-gradient(145deg,#2a322d,#222825);border-color:#68ba7f66}:root[data-theme=dark] .btn-add-custom,:root[data-theme=dark] .btn-primary{box-shadow:6px 6px 12px #00000052,-4px -4px 10px #3c4b3f1f}:root[data-theme=dark] .custom-item-input input[type=text],:root[data-theme=dark] .form-group textarea,:root[data-theme=dark] .note-textarea{background-color:#1f2621;border-color:#68ba7f38;box-shadow:inset 2px 2px 4px #00000040,inset -2px -2px 4px #3c4b3f1f;color:#e8f0e9}:root[data-theme=dark] .custom-item-input input[type=text]::placeholder,:root[data-theme=dark] .form-group textarea::placeholder,:root[data-theme=dark] .note-textarea::placeholder{color:#9ab8a0cc}:root[data-theme=dark] .add-items-modal-overlay,:root[data-theme=dark] .room-inspection-form-screen .modal-overlay{background-color:#0009}:root[data-theme=dark] .room-inspection-form-screen .modal .modal-actions{background:linear-gradient(145deg,#1e2420,#252b26)!important}:root[data-theme=dark] .room-inspection-form-screen .modal .modal-actions .btn-secondary{border-color:#68ba7f47;color:#cfffdc!important}:root[data-theme=dark] .image-preview{background-color:#1e2420;border-color:#68ba7f33}:root[data-theme=dark] .image-selection-modal{background:linear-gradient(145deg,#252b26,#1e2420);border:1px solid #68ba7f2e;box-shadow:0 16px 40px #00000073}:root[data-theme=dark] .image-option-btn{background:#0000;border-bottom-color:#68ba7f2e;color:#cfffdc}:root[data-theme=dark] .image-option-btn:hover{background:#68ba7f1f}.security-home-screen{--color-primary:#2e6f40;--color-primary-dark:#253d2c;--color-accent:#68ba7f;--color-surface:#cfffdc;--color-text:#1f2b20;--color-muted:#4f6b57;--color-border:#253d2c14;--color-shadow:0 12px 30px #253d2c1f;background:linear-gradient(135deg,#2e6f40,#253d2c);display:flex;flex-direction:column;min-height:100vh}.security-home-screen .hero-section{background:#0000;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:2.5rem 1.5rem 2rem;position:relative}.security-home-screen .hero-section:after{animation:heroShimmer 8s ease-in-out infinite;background:linear-gradient(115deg,#0000,#0000 40%,#ffffff1a 50%,#0000 60%,#0000);content:"";height:200%;left:-150%;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.security-home-screen .hero-decoration{background:radial-gradient(circle,#68ba7f4d 0,#0000 70%);border-radius:50%;height:300px;pointer-events:none;position:absolute;right:-20%;top:-50%;width:300px}.security-home-screen .hero-content{align-items:flex-end;display:flex;gap:1rem;position:relative;z-index:1}.security-home-screen .avatar-container{border:3px solid #ffffff4d;border-radius:50%;box-shadow:0 8px 24px #0003;cursor:pointer;flex-shrink:0;height:72px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;width:72px}.security-home-screen .avatar-container:hover{box-shadow:0 12px 32px #00000040;transform:scale(1.05)}.security-home-screen .avatar-image{height:100%;object-fit:cover;width:100%}.security-home-screen .avatar-placeholder{align-items:center;background:radial-gradient(circle at 30% 30%,#fff,#e8f7ed);display:flex;height:100%;justify-content:center;width:100%}.security-home-screen .avatar-placeholder svg{color:var(--color-accent);height:2.5rem;width:2.5rem}.security-home-screen .greeting-text{display:flex;flex-direction:column;gap:.25rem}.security-home-screen .greeting-label{color:#fffc;font-size:.9rem;font-weight:400;letter-spacing:.3px}.security-home-screen .greeting-name{color:#fff;font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin:0;text-shadow:0 2px 8px #00000026}.security-home-screen .main{background:linear-gradient(145deg,#f5f7f5,#eef2ef);border-radius:24px 24px 0 0;box-shadow:0 -8px 24px #253d2c26,8px 0 16px #253d2c14,-8px 0 16px #253d2c14,inset 0 2px 4px #fff,inset 2px 0 4px #fffc,inset -2px 0 4px #fffc;flex:1 1;margin-top:-12px;overflow-y:auto;padding:2rem 1.5rem 1.5rem;position:relative}.security-home-screen .announcement-banner{background:linear-gradient(145deg,#fff,#f0f7f2);border:none;border-radius:16px;box-shadow:6px 6px 12px #253d2c26,-6px -6px 12px #fffffff2,inset 1px 1px 2px #fffc,inset -1px -1px 2px #253d2c0d;margin-bottom:1.5rem;padding:1.5rem}.security-home-screen .announcement-content{display:flex;flex-direction:column;gap:.75rem}.security-home-screen .announcement-header{align-items:center;display:flex;justify-content:space-between}.security-home-screen .announcement-label{color:#2e6f40;font-size:.78rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.security-home-screen .announcement-time{color:#4f6b57;font-size:.85rem;font-weight:500}.security-home-screen .announcement-text{color:#253d2c!important;font-size:1rem;font-weight:500;line-height:1.6;margin:0}.security-home-screen .action-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.security-home-screen .action-btn{align-items:center;background:linear-gradient(145deg,#fff,#f0f7f2);border:none;border-radius:16px;box-shadow:6px 6px 12px #253d2c26,-6px -6px 12px #fffffff2,inset 1px 1px 2px #fffc,inset -1px -1px 2px #253d2c0d;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;justify-content:center;min-height:140px;padding:1.5rem 1rem;transition:all .1s ease}.security-home-screen .action-btn:hover{background:linear-gradient(145deg,#fff,#f5faf7);box-shadow:8px 8px 16px #253d2c2e,-8px -8px 16px #fff,inset 1px 1px 2px #ffffffe6,inset -1px -1px 2px #253d2c08}.security-home-screen .action-btn:active{background:linear-gradient(145deg,#f0f7f2,#fff);box-shadow:2px 2px 5px #253d2c1a,-2px -2px 5px #fffc,inset 3px 3px 6px #253d2c1a,inset -2px -2px 4px #ffffffb3;transform:scale(.98)}.security-home-screen .action-btn .icon{align-items:center;display:flex;justify-content:center}.security-home-screen .action-btn .icon svg{stroke:url(#icon-gradient);stroke-width:1.5;fill:none;height:2.75rem;width:2.75rem}.security-home-screen .action-btn span{color:var(--color-muted);font-size:.85rem;font-weight:500;opacity:.8;text-align:center}@media (min-width:768px){.security-home-screen .hero-section{padding:3rem 2rem 1.5rem}.security-home-screen .avatar-container{height:88px;width:88px}.security-home-screen .avatar-placeholder svg{height:3rem;width:3rem}.security-home-screen .greeting-name{font-size:2.25rem}.security-home-screen .greeting-label{font-size:1rem}.security-home-screen .announcement-banner,.security-home-screen .main{padding:2rem}.security-home-screen .announcement-text{font-size:1.05rem}.security-home-screen .action-buttons{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.security-home-screen .main{margin:0 auto;max-width:1000px;padding:2.5rem}.security-home-screen .hero-section{padding:3.5rem 2.5rem 1.75rem}.security-home-screen .hero-decoration{height:400px;width:400px}.security-home-screen .avatar-container{height:100px;width:100px}.security-home-screen .greeting-name{font-size:2.5rem}.security-home-screen .action-buttons{grid-template-columns:repeat(2,1fr)}}:root[data-theme=dark] .security-home-screen{background:linear-gradient(135deg,#2a5535,#1e3d28)}:root[data-theme=dark] .security-home-screen .hero-decoration{background:radial-gradient(circle,#68ba7f26 0,#0000 70%)}:root[data-theme=dark] .security-home-screen .greeting-label{color:#c8dccbb3}:root[data-theme=dark] .security-home-screen .greeting-name{color:#e8f0e9}:root[data-theme=dark] .security-home-screen .main{background:linear-gradient(145deg,#1e2420,#1a1f1b);box-shadow:0 -2px 8px #00000026,inset 0 1px 2px #3c4b3f14}:root[data-theme=dark] .security-home-screen .action-btn{background:linear-gradient(145deg,#252b26,#1e2420);box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #3c4b3f1a,inset 1px 1px 2px #3c4b3f26,inset -1px -1px 2px #0003}:root[data-theme=dark] .security-home-screen .action-btn:hover{background:linear-gradient(145deg,#2a312b,#232a25);box-shadow:8px 8px 16px #00000059,-8px -8px 16px #3c4b3f1f,inset 1px 1px 2px #3c4b3f33,inset -1px -1px 2px #00000026}:root[data-theme=dark] .security-home-screen .action-btn:active{background:linear-gradient(145deg,#1e2420,#252b26);box-shadow:2px 2px 5px #00000040,-2px -2px 5px #3c4b3f14,inset 3px 3px 6px #0000004d,inset -2px -2px 4px #3c4b3f1a}:root[data-theme=dark] .security-home-screen .action-btn span{color:#cfffdc99}:root[data-theme=dark] .security-home-screen .announcement-banner{background:linear-gradient(145deg,#252b26,#1e2420);box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #3c4b3f1a,inset 1px 1px 2px #3c4b3f26,inset -1px -1px 2px #0003}:root[data-theme=dark] .security-home-screen .announcement-label{color:#68ba7f}:root[data-theme=dark] .security-home-screen .announcement-time{color:#cfffdc99}:root[data-theme=dark] .security-home-screen .announcement-text{color:#cfffdce6!important}.inspection-results-screen{background:linear-gradient(145deg,#edf1f6,#e5ebf2);display:flex;flex-direction:column;min-height:100vh}.inspection-results-screen .header{align-items:center;background:linear-gradient(135deg,#2e6f40,#253d2c);box-shadow:0 4px 12px #253d2c26;color:#fff;display:flex;justify-content:center;min-height:56px;padding:1rem 1.25rem;position:-webkit-sticky;position:sticky;top:0;z-index:12}.inspection-results-screen .header h1{flex:1 1;font-size:1.25rem;font-weight:700;letter-spacing:-.3px;margin:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.inspection-results-screen .back-button,.inspection-results-screen .refresh-button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .2s ease,box-shadow .2s ease;width:40px}.inspection-results-screen .back-button{left:1rem}.inspection-results-screen .refresh-button{right:1rem}.inspection-results-screen .back-button:hover,.inspection-results-screen .refresh-button:hover{background-color:#ffffff4d}.inspection-results-screen .back-button:disabled,.inspection-results-screen .refresh-button:disabled{cursor:not-allowed;opacity:.55}.inspection-results-screen .back-button svg,.inspection-results-screen .refresh-button svg{font-size:1.25rem}.inspection-results-screen .main{flex:1 1;overflow-y:auto;padding:1.5rem}.inspection-results-screen .instructions-banner{background:linear-gradient(145deg,#fff,#f5faf7);border:none;border-radius:16px;box-shadow:6px 6px 12px #253d2c1a,-6px -6px 12px #ffffffe6,inset 1px 1px 2px #fffc,inset -1px -1px 2px #253d2c08;margin-bottom:2rem;padding:1.25rem}.inspection-results-screen .instructions-content{display:flex;flex-direction:column;gap:.5rem}.inspection-results-screen .instructions-label{color:#2e6f40;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.inspection-results-screen .instructions-text{color:#333;font-size:1rem;font-weight:400;line-height:1.6;margin:0}.inspection-results-screen .approved-text{color:#2d7a3e;font-weight:600}.inspection-results-screen .rejected-text{color:#c41e3a;font-weight:600}.inspection-results-screen .students-section{margin-bottom:2rem}.inspection-results-screen .section-header{align-items:center;border-bottom:2px solid #253d2c1a;display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem}.inspection-results-screen .section-header.approved{color:#2d7a3e}.inspection-results-screen .section-header.rejected{color:#c41e3a}.inspection-results-screen .section-header.signed-out{color:#6b7280}.inspection-results-screen .section-icon{font-size:1.75rem}.inspection-results-screen .section-header h2{font-size:1.25rem;font-weight:600;margin:0}.inspection-results-screen .students-list{display:flex;flex-direction:column;gap:1.25rem}.inspection-results-screen .student-card{background:linear-gradient(145deg,#fff,#f5faf7);border-left:4px solid;border-radius:16px;box-shadow:6px 6px 12px #253d2c1a,-6px -6px 12px #ffffffe6,inset 1px 1px 2px #fffc,inset -1px -1px 2px #253d2c08;display:flex;flex-direction:column;gap:1rem;padding:1.25rem;transition:all .2s ease}.inspection-results-screen .student-card:hover{box-shadow:8px 8px 16px #253d2c1f,-8px -8px 16px #fffffff2;transform:translateY(-2px)}.inspection-results-screen .student-card.approved{border-left-color:#2d7a3e}.inspection-results-screen .student-card.rejected{border-left-color:#c41e3a}.inspection-results-screen .student-card.signed-out{border-left-color:#6b7280;opacity:.75}.inspection-results-screen .card-top{align-items:flex-start;display:flex;gap:1rem}.inspection-results-screen .avatar-container{background:linear-gradient(145deg,#fff,#f5faf7);border-radius:8px;box-shadow:4px 4px 10px #253d2c26,-4px -4px 10px #fffc;flex-shrink:0;height:160px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;width:130px}.inspection-results-screen .avatar-container.clickable{cursor:pointer}.inspection-results-screen .avatar-container.clickable:hover{box-shadow:6px 6px 14px #253d2c33,-4px -4px 10px #ffffffe6;transform:scale(1.05)}.inspection-results-screen .avatar-image{height:100%;object-fit:cover;width:100%}.inspection-results-screen .student-info{flex:1 1}.inspection-results-screen .student-name{color:#2e6f40;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.inspection-results-screen .student-details{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.inspection-results-screen .detail-item{color:#666;font-size:.875rem}.inspection-results-screen .rejection-reason{color:#c41e3a;font-size:.875rem;font-style:italic;margin:.5rem 0 0}.inspection-results-screen .sign-out-btn{align-items:center;background:linear-gradient(135deg,#2e6f40,#253d2c);border:none;border-radius:12px;box-shadow:4px 4px 8px #253d2c33,-2px -2px 4px #ffffff80;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease;width:100%}.inspection-results-screen .sign-out-btn:hover:not(:disabled){background:linear-gradient(135deg,#357a4a,#2a4532);box-shadow:6px 6px 12px #253d2c40,-3px -3px 6px #fff9;transform:translateY(-1px)}.inspection-results-screen .sign-out-btn:active:not(:disabled){transform:translateY(0)}.inspection-results-screen .sign-out-btn:disabled{background:linear-gradient(135deg,#34c759,#2db24e);cursor:not-allowed;opacity:.8}.inspection-results-screen .sign-out-btn svg{font-size:1.25rem}.inspection-results-screen .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#253d2c99;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.inspection-results-screen .modal{animation:modalSlideIn .25s ease-out;background:linear-gradient(135deg,#2e6f40,#253d2c);border:none;border-radius:16px;box-shadow:0 24px 60px #253d2c59;max-width:420px;overflow:hidden;width:100%}.inspection-results-screen .modal-header{align-items:center;background:#0000!important;border-bottom:none;display:flex;justify-content:center;padding:1.25rem 1.5rem;position:relative}.inspection-results-screen .modal-header.success{background:#0000!important;padding:2rem 1.5rem}.inspection-results-screen .modal-header h2{color:#fff!important;font-size:1.25rem;font-weight:700;letter-spacing:.3px;margin:0}.inspection-results-screen .modal-close-btn{align-items:center;background-color:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:background-color .2s ease;width:32px}.inspection-results-screen .modal-close-btn:hover{background-color:#ffffff59}.inspection-results-screen .success-icon{align-items:center;background:linear-gradient(135deg,#34c759,#2db24e);border-radius:50%;box-shadow:4px 4px 8px #00000026,-2px -2px 4px #ffffff1a;color:#fff;display:flex;font-size:2rem;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.inspection-results-screen .modal-body{background:linear-gradient(145deg,#fff,#f5faf7)!important;border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #253d2c1a,inset 1px 1px 2px #ffffffe6,inset -1px -1px 2px #253d2c08;color:#1f2b20!important;margin-top:-8px;padding:2rem 1.5rem;position:relative}.inspection-results-screen .modal-text{color:#333;font-size:1rem;font-weight:400;line-height:1.6;margin:0 0 1rem;text-align:center}.inspection-results-screen .modal-text:last-child{margin-bottom:0}.inspection-results-screen .modal-subtext{color:#666;font-size:.875rem;line-height:1.5;margin:0;text-align:center}.inspection-results-screen .modal-actions{background:linear-gradient(145deg,#f5faf7,#fff);border-radius:0 0 16px 16px;border-top:none;display:flex;gap:.75rem;justify-content:center;padding:1.25rem 1.5rem}.inspection-results-screen .btn-primary{background:linear-gradient(135deg,#2e6f40,#253d2c);border:none;border-radius:10px;box-shadow:0 8px 20px #253d2c33;color:#fff;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:.875rem 1rem;transition:all .2s ease}.inspection-results-screen .btn-primary:hover{background:linear-gradient(135deg,#357a4a,#2a4532);box-shadow:0 12px 24px #253d2c47;transform:translateY(-1px)}.inspection-results-screen .btn-primary:active{transform:translateY(0)}.inspection-results-screen .btn-primary.full-width{width:100%}.inspection-results-screen .btn-secondary{background-color:#fff;border:1px solid #253d2c26;border-radius:10px;color:#253d2c;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:.875rem 1rem;transition:all .2s ease}.inspection-results-screen .btn-secondary:hover{background-color:#edf7f1;border-color:#2e6f40;box-shadow:0 8px 16px #253d2c1f}.inspection-results-screen .btn-secondary:active{background-color:#e6f2ea}@media (min-width:768px){.inspection-results-screen .header h1{font-size:2rem}.inspection-results-screen .main{padding:2rem}.inspection-results-screen .instructions-banner{margin-bottom:2.5rem;padding:1.5rem}.inspection-results-screen .instructions-text{font-size:1.05rem}.inspection-results-screen .section-header h2{font-size:1.5rem}.inspection-results-screen .student-name{font-size:1.25rem}.inspection-results-screen .detail-item{font-size:1rem}}@media (min-width:1024px){.inspection-results-screen .main{margin:0 auto;max-width:1200px;padding:2.5rem}.inspection-results-screen .students-list{gap:1.25rem}}:root[data-theme=dark] .inspection-results-screen{--color-text:#e8f0e9;--color-muted:#9ab8a0;--color-border:#68ba7f2e;background:radial-gradient(circle at 20% 20%,#68ba7f14,#0000 45%),radial-gradient(circle at 80% 0,#253d2c4d,#0000 45%),#1a1f1b}:root[data-theme=dark] .inspection-results-screen .main{background:linear-gradient(145deg,#1e2420,#252b26)}:root[data-theme=dark] .inspection-results-screen .btn-secondary,:root[data-theme=dark] .inspection-results-screen .instructions-banner,:root[data-theme=dark] .inspection-results-screen .modal-actions,:root[data-theme=dark] .inspection-results-screen .modal-body,:root[data-theme=dark] .inspection-results-screen .student-card{background:linear-gradient(145deg,#252b26,#1e2420)!important;border:none;box-shadow:6px 6px 12px #00000052,-6px -6px 12px #3c4b3f14,inset 1px 1px 2px #3c4b3f1f,inset -1px -1px 2px #0000002e}:root[data-theme=dark] .inspection-results-screen .instructions-label,:root[data-theme=dark] .inspection-results-screen .section-header h2,:root[data-theme=dark] .inspection-results-screen .student-name{color:#cfffdc}:root[data-theme=dark] .inspection-results-screen .detail-item,:root[data-theme=dark] .inspection-results-screen .instructions-text,:root[data-theme=dark] .inspection-results-screen .modal-subtext,:root[data-theme=dark] .inspection-results-screen .modal-text{color:#9ab8a0}:root[data-theme=dark] .inspection-results-screen .section-header{border-bottom-color:#68ba7f2e}:root[data-theme=dark] .inspection-results-screen .student-card:hover{box-shadow:8px 8px 16px #00000059,-8px -8px 16px #3c4b3f1f}:root[data-theme=dark] .inspection-results-screen .avatar-container{background:linear-gradient(145deg,#252b26,#1e2420);box-shadow:4px 4px 10px #00000059,-4px -4px 10px #3c4b3f1a}:root[data-theme=dark] .inspection-results-screen .modal-overlay{background-color:#0009}:root[data-theme=dark] .inspection-results-screen .btn-secondary{border:1px solid #68ba7f33;color:#e8f0e9}:root[data-theme=dark] .inspection-results-screen .btn-secondary:hover{background:linear-gradient(145deg,#2a322d,#222825);border-color:#68ba7f52;box-shadow:0 8px 16px #0000004d}:root[data-theme=dark] .inspection-results-screen .modal-body{color:#e8f0e9!important}:root[data-theme=dark] .inspection-results-screen .sign-out-btn{box-shadow:4px 4px 10px #00000073,-3px -3px 8px #3c4b3f1f}:root[data-theme=dark] .inspection-results-screen .sign-out-btn:hover:not(:disabled){box-shadow:6px 6px 14px #00000080,-4px -4px 10px #3c4b3f29}:root[data-theme=dark] .inspection-results-screen .modal-text strong{color:#cfffdc}.admin-home-screen{--color-primary:#2e6f40;--color-primary-dark:#253d2c;--color-accent:#68ba7f;--color-surface:#cfffdc;--color-text:#1f2b20;--color-muted:#4f6b57;--color-border:#253d2c14;--color-shadow:0 12px 30px #253d2c1f;background:linear-gradient(135deg,#2e6f40,#253d2c);display:flex;flex-direction:column;min-height:100vh}.admin-home-screen .hero-section{background:#0000;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:2.5rem 1.5rem 2rem;position:relative}.admin-home-screen .hero-section:after{animation:heroShimmer 8s ease-in-out infinite;background:linear-gradient(115deg,#0000,#0000 40%,#ffffff1a 50%,#0000 60%,#0000);content:"";height:200%;left:-150%;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.admin-home-screen .hero-decoration{background:radial-gradient(circle,#68ba7f4d 0,#0000 70%);border-radius:50%;height:300px;pointer-events:none;position:absolute;right:-20%;top:-50%;width:300px}.admin-home-screen .hero-content{align-items:flex-end;display:flex;gap:1rem;position:relative;z-index:1}.admin-home-screen .avatar-container{border:3px solid #ffffff4d;border-radius:50%;box-shadow:0 8px 24px #0003;cursor:pointer;flex-shrink:0;height:72px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;width:72px}.admin-home-screen .avatar-container:hover{box-shadow:0 12px 32px #00000040;transform:scale(1.05)}.admin-home-screen .avatar-image{height:100%;object-fit:cover;width:100%}.admin-home-screen .avatar-placeholder{align-items:center;background:radial-gradient(circle at 30% 30%,#fff,#e8f7ed);display:flex;height:100%;justify-content:center;width:100%}.admin-home-screen .avatar-placeholder svg{color:var(--color-accent);height:2.5rem;width:2.5rem}.admin-home-screen .greeting-text{display:flex;flex-direction:column;gap:.25rem}.admin-home-screen .greeting-label{color:#fffc;font-size:.9rem;font-weight:400;letter-spacing:.3px}.admin-home-screen .greeting-name{color:#fff;font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin:0;text-shadow:0 2px 8px #00000026}.admin-home-screen .main{background:linear-gradient(145deg,#f5f7f5,#eef2ef);border-radius:24px 24px 0 0;box-shadow:0 -8px 24px #253d2c26,8px 0 16px #253d2c14,-8px 0 16px #253d2c14,inset 0 2px 4px #fff,inset 2px 0 4px #fffc,inset -2px 0 4px #fffc;flex:1 1;margin-top:-12px;overflow-y:auto;padding:2rem 1.5rem 1.5rem;position:relative}.admin-home-screen .announcement-banner{background:linear-gradient(145deg,#fff,#f0f7f2);border:none;border-radius:16px;box-shadow:6px 6px 12px #253d2c26,-6px -6px 12px #fffffff2,inset 1px 1px 2px #fffc,inset -1px -1px 2px #253d2c0d;margin-bottom:1.5rem;padding:1.5rem}.admin-home-screen .announcement-content{display:flex;flex-direction:column;gap:.75rem}.admin-home-screen .announcement-header{align-items:center;display:flex;justify-content:space-between}.admin-home-screen .announcement-label{color:#2e6f40;font-size:.78rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.admin-home-screen .announcement-time{color:#4f6b57;font-size:.85rem;font-weight:500}.admin-home-screen .announcement-text{color:#253d2c!important;font-size:1rem;font-weight:500;line-height:1.6;margin:0}.admin-home-screen .view-toggle-container{display:flex;gap:.5rem;justify-content:flex-end;margin-bottom:1rem}.admin-home-screen .view-toggle-btn{align-items:center;background:linear-gradient(145deg,#fff,#f0f7f2);border:none;border-radius:10px;box-shadow:3px 3px 6px #253d2c1a,-3px -3px 6px #fffc;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s ease;width:36px}.admin-home-screen .view-toggle-btn svg{color:var(--color-muted);height:1.25rem;transition:color .15s ease;width:1.25rem}.admin-home-screen .view-toggle-btn:hover svg{color:var(--color-primary)}.admin-home-screen .view-toggle-btn.active{background:linear-gradient(145deg,#f0f7f2,#fff);box-shadow:inset 2px 2px 4px #253d2c1a,inset -2px -2px 4px #ffffffb3}.admin-home-screen .view-toggle-btn.active svg{color:var(--color-primary)}.admin-home-screen .section{margin-bottom:1.5rem}.admin-home-screen .section:last-child{margin-bottom:0}.admin-home-screen .section-title{color:var(--color-muted);font-size:.8rem;font-weight:600;letter-spacing:.08em;margin:0 0 .75rem .25rem;opacity:.7;text-transform:uppercase}.admin-home-screen .action-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.admin-home-screen .action-btn{align-items:center;background:linear-gradient(145deg,#fff,#f0f7f2);border:none;border-radius:16px;box-shadow:6px 6px 12px #253d2c26,-6px -6px 12px #fffffff2,inset 1px 1px 2px #fffc,inset -1px -1px 2px #253d2c0d;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;justify-content:center;min-height:140px;padding:1.5rem 1rem;transition:all .1s ease}.admin-home-screen .action-btn:hover{background:linear-gradient(145deg,#fff,#f5faf7);box-shadow:8px 8px 16px #253d2c2e,-8px -8px 16px #fff,inset 1px 1px 2px #ffffffe6,inset -1px -1px 2px #253d2c08}.admin-home-screen .action-btn:active{background:linear-gradient(145deg,#f0f7f2,#fff);box-shadow:2px 2px 5px #253d2c1a,-2px -2px 5px #fffc,inset 3px 3px 6px #253d2c1a,inset -2px -2px 4px #ffffffb3;transform:scale(.98)}.admin-home-screen .action-btn .icon{align-items:center;display:flex;justify-content:center}.admin-home-screen .action-btn .icon svg{stroke:url(#icon-gradient);stroke-width:1.5;fill:none;height:2.75rem;width:2.75rem}.admin-home-screen .action-btn span{color:var(--color-muted);font-size:.85rem;font-weight:500;opacity:.8;text-align:center}.admin-home-screen .action-btn.inbox .icon svg,.admin-home-screen .action-btn.maintenance .icon svg{stroke:url(#icon-gradient);fill:none}@media (min-width:768px){.admin-home-screen .hero-section{padding:3rem 2rem 1.5rem}.admin-home-screen .avatar-container{height:88px;width:88px}.admin-home-screen .avatar-placeholder svg{height:3rem;width:3rem}.admin-home-screen .greeting-name{font-size:2.25rem}.admin-home-screen .greeting-label{font-size:1rem}.admin-home-screen .announcement-banner,.admin-home-screen .main{padding:2rem}.admin-home-screen .announcement-text{font-size:1.05rem}.admin-home-screen .action-buttons{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.admin-home-screen .main{margin:0 auto;max-width:1000px;padding:2.5rem}.admin-home-screen .hero-section{padding:3.5rem 2.5rem 1.75rem}.admin-home-screen .hero-decoration{height:400px;width:400px}.admin-home-screen .avatar-container{height:100px;width:100px}.admin-home-screen .greeting-name{font-size:2.5rem}.admin-home-screen .action-buttons{grid-template-columns:repeat(3,1fr)}}:root[data-theme=dark] .admin-home-screen{background:linear-gradient(135deg,#2a5535,#1e3d28)}:root[data-theme=dark] .admin-home-screen .hero-decoration{background:radial-gradient(circle,#68ba7f26 0,#0000 70%)}:root[data-theme=dark] .admin-home-screen .greeting-label{color:#c8dccbb3}:root[data-theme=dark] .admin-home-screen .greeting-name{color:#e8f0e9}:root[data-theme=dark] .admin-home-screen .main{background:linear-gradient(145deg,#1e2420,#1a1f1b);box-shadow:0 -2px 8px #00000026,inset 0 1px 2px #3c4b3f14}:root[data-theme=dark] .admin-home-screen .action-btn{background:linear-gradient(145deg,#252b26,#1e2420);box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #3c4b3f1a,inset 1px 1px 2px #3c4b3f26,inset -1px -1px 2px #0003}:root[data-theme=dark] .admin-home-screen .action-btn:hover{background:linear-gradient(145deg,#2a312b,#232a25);box-shadow:8px 8px 16px #00000059,-8px -8px 16px #3c4b3f1f,inset 1px 1px 2px #3c4b3f33,inset -1px -1px 2px #00000026}:root[data-theme=dark] .admin-home-screen .action-btn:active{background:linear-gradient(145deg,#1e2420,#252b26);box-shadow:2px 2px 5px #00000040,-2px -2px 5px #3c4b3f14,inset 3px 3px 6px #0000004d,inset -2px -2px 4px #3c4b3f1a}:root[data-theme=dark] .admin-home-screen .action-btn span{color:#cfffdc99}:root[data-theme=dark] .admin-home-screen .announcement-banner{background:linear-gradient(145deg,#252b26,#1e2420);box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #3c4b3f1a,inset 1px 1px 2px #3c4b3f26,inset -1px -1px 2px #0003}:root[data-theme=dark] .admin-home-screen .announcement-label{color:#68ba7f}:root[data-theme=dark] .admin-home-screen .announcement-time{color:#cfffdc99}:root[data-theme=dark] .admin-home-screen .announcement-text{color:#cfffdce6!important}:root[data-theme=dark] .admin-home-screen .view-toggle-btn{background:linear-gradient(145deg,#252b26,#1e2420);box-shadow:3px 3px 6px #0000004d,-3px -3px 6px #3c4b3f1a}:root[data-theme=dark] .admin-home-screen .view-toggle-btn svg{color:#cfffdc99}:root[data-theme=dark] .admin-home-screen .view-toggle-btn:hover svg{color:#68ba7f}:root[data-theme=dark] .admin-home-screen .view-toggle-btn.active{background:linear-gradient(145deg,#1e2420,#252b26);box-shadow:inset 2px 2px 4px #0000004d,inset -2px -2px 4px #3c4b3f1a}:root[data-theme=dark] .admin-home-screen .view-toggle-btn.active svg{color:#68ba7f}.admin-announcements-screen{background-color:#fff;display:flex;flex-direction:column;min-height:100vh}.admin-announcements-screen .header{align-items:center;background:linear-gradient(135deg,#2e6f40,#253d2c);box-shadow:0 4px 12px #253d2c26;color:#fff;display:flex;justify-content:center;min-height:56px;padding:1rem 1.25rem;position:-webkit-sticky;position:sticky;top:0;z-index:12}.admin-announcements-screen .back-button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;left:1rem;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .2s ease,box-shadow .2s ease;width:40px}.admin-announcements-screen .back-button:hover{background-color:#ffffff4d}.admin-announcements-screen .back-button:disabled{cursor:not-allowed;opacity:.55}.admin-announcements-screen .back-button svg{font-size:1.25rem}.admin-announcements-screen .header h1{font-size:1.25rem;font-weight:700;letter-spacing:-.3px;margin:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.admin-announcements-screen .main{flex:1 1;overflow-y:auto;padding:1.5rem}.admin-announcements-screen .info-banner{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:0;margin-bottom:2rem;padding:1rem}.admin-announcements-screen .info-content{display:flex;flex-direction:column;gap:.5rem}.admin-announcements-screen .info-label{color:#2e6f40;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.admin-announcements-screen .info-text{color:#333;font-size:1rem;font-weight:400;line-height:1.6;margin:0}.admin-announcements-screen .announcement-form{max-width:700px}.admin-announcements-screen .form-group{margin-bottom:2rem}.admin-announcements-screen .form-group label{color:#333;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.admin-announcements-screen .formatting-toolbar{display:flex;flex-wrap:wrap;gap:.85rem;justify-content:center;margin-bottom:.75rem}.admin-announcements-screen .format-btn{align-items:center;background:linear-gradient(145deg,#fff,#edf4ef);border:none;border-radius:10px;box-shadow:5px 5px 10px #253d2c1f,-5px -5px 10px #ffffffe6,inset 1px 1px 2px #fffc,inset -1px -1px 2px #253d2c0a;color:#2e6f40;cursor:pointer;display:inline-flex;font-size:1.05rem;font-weight:600;height:40px;justify-content:center;padding:0;transition:all .15s ease;width:40px}.admin-announcements-screen .format-btn:hover{background:linear-gradient(145deg,#f7fbf8,#e8f1eb);box-shadow:7px 7px 14px #253d2c24,-7px -7px 14px #fffffff2}.admin-announcements-screen .format-btn:active{box-shadow:inset 4px 4px 8px #253d2c1f,inset -4px -4px 8px #ffffffe6;transform:translateY(1px)}.admin-announcements-screen .form-group textarea{background:linear-gradient(145deg,#fff,#f5faf7);background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%27400%27 height=%2732%27><text x=%270%27 y=%2720%27 font-size=%2712%27 font-family=%27Segoe UI, Arial%27 fill=%27%231f2b20%27 font-weight=%27600%27>Tone: concise & supportive</text></svg>");background-position:1.25rem .9rem;background-repeat:no-repeat;border:1.5px solid #253d2c1f;border-radius:16px;box-shadow:6px 6px 14px #253d2c14,-6px -6px 14px #ffffffe6,inset 1px 1px 2px #ffffffd9,inset -1px -1px 2px #253d2c0a;color:#1f2b20;font-family:inherit;font-size:1rem;font-weight:500;line-height:1.5;min-height:180px;padding:2.75rem 1.25rem 1.25rem;resize:vertical;transition:all .2s ease;width:100%}.admin-announcements-screen .form-group textarea::placeholder{color:#4f6b57;opacity:.7}.admin-announcements-screen .form-group textarea:focus{background-color:#fff;border-color:#2e6f40;box-shadow:0 0 0 4px #2e6f401a,6px 6px 14px #253d2c14,-6px -6px 14px #ffffffe6;outline:none}.admin-announcements-screen .form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#f5f9f6;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e6f40' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.125rem;border:1.5px solid #253d2c1f;border-radius:50px;color:#1f2b20;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;padding:1rem 2.75rem 1rem 1.125rem;transition:all .2s ease;width:100%}.admin-announcements-screen .form-group select option{background-color:#fff;color:#1f2b20;padding:.75rem}.admin-announcements-screen .form-group select option:first-child{color:#4f6b57}.admin-announcements-screen .form-group select option[value=""],.admin-announcements-screen .form-group select:invalid{color:#1f2b20;opacity:.7}.admin-announcements-screen .form-group select:focus{background-color:#fff;border-color:#2e6f40;box-shadow:0 0 0 4px #2e6f401a;outline:none}.admin-announcements-screen .word-count{color:#666;font-size:.875rem;margin-top:.5rem;text-align:right}.admin-announcements-screen .word-count.error{color:#c41e3a;font-weight:600}.admin-announcements-screen .recipients-list{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.5rem}.admin-announcements-screen .recipient-item{align-items:center;display:flex}.admin-announcements-screen .checkbox-label{align-items:center;aspect-ratio:1;background:linear-gradient(145deg,#fff,#f2faf1);border:none;border-radius:14px;box-shadow:4px 4px 10px #253d2c14,-4px -4px 10px #ffffffe6,inset 1px 1px 2px #fffc,inset -1px -1px 2px #253d2c08;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:.85rem;position:relative;text-align:center;transition:transform .15s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none;width:100%}.admin-announcements-screen .checkbox-label:before{background:#68ba7f2e;border-radius:50%;box-shadow:0 0 8px #68ba7f40;content:"";height:10px;left:10px;position:absolute;top:10px;transition:all .2s ease;width:10px}.admin-announcements-screen .checkbox-label:hover{box-shadow:6px 6px 12px #253d2c1a,-6px -6px 12px #ffffffeb,inset 1px 1px 2px #ffffffd9,inset -1px -1px 2px #253d2c0a;transform:translateY(-1px)}.admin-announcements-screen .checkbox-label input[type=checkbox]{cursor:pointer;inset:0;opacity:0;position:absolute}.admin-announcements-screen .checkbox-label:has(input[type=checkbox]:checked){box-shadow:inset 4px 4px 8px #253d2c14,inset -4px -4px 8px #fffffff2,0 2px 6px #253d2c14;transform:translateY(1px)}.admin-announcements-screen .checkbox-label:has(input[type=checkbox]:checked):before{background:#68ba7f;box-shadow:0 0 10px #68ba7f99}.admin-announcements-screen .checkbox-label input[type=checkbox]:checked+.checkbox-text{color:#2e6f40;font-weight:600}.admin-announcements-screen .checkbox-text{align-items:center;color:#333;display:flex;font-size:.85rem;height:100%;justify-content:center;width:100%}.admin-announcements-screen .btn-primary{background:linear-gradient(145deg,#358a4d,#2a6438);border:none;border-radius:12px;box-shadow:6px 6px 12px #253d2c33,-6px -6px 12px #ffffffb3,inset 1px 1px 2px #68ba7f4d,inset -1px -1px 2px #253d2c33;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;letter-spacing:.3px;margin-top:1rem;padding:1.1rem 1.5rem;transition:all .1s ease;width:100%}.admin-announcements-screen .btn-primary:hover:not(:disabled){background:linear-gradient(145deg,#3d9956,#2e7040);box-shadow:8px 8px 16px #253d2c38,-8px -8px 16px #ffffffbf,inset 1px 1px 2px #68ba7f59,inset -1px -1px 2px #253d2c26}.admin-announcements-screen .btn-primary:active:not(:disabled){background:linear-gradient(145deg,#2a6438,#358a4d);box-shadow:2px 2px 5px #253d2c26,-2px -2px 5px #fff9,inset 3px 3px 6px #253d2c33,inset -2px -2px 4px #68ba7f33;transform:scale(.98)}.admin-announcements-screen .btn-primary:disabled{background:linear-gradient(145deg,#b8c4ba,#9aa89c);box-shadow:3px 3px 6px #253d2c1a,-3px -3px 6px #ffffff80;cursor:not-allowed;opacity:.7}.admin-announcements-screen .btn-primary.full-width{width:100%}.admin-announcements-screen .modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.admin-announcements-screen .modal{animation:modalSlideIn .25s ease-out;background:linear-gradient(135deg,#2e6f40,#253d2c);border:none;border-radius:16px;box-shadow:0 24px 60px #253d2c59;display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow:hidden;width:100%}.admin-announcements-screen .modal-header{align-items:center;background:#0000;border-bottom:none;display:flex;justify-content:center;padding:1.25rem 1.5rem;position:relative;text-align:center}.admin-announcements-screen .modal-close,.admin-announcements-screen .modal-close-btn{align-items:center;background-color:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:background-color .2s ease;width:32px}.admin-announcements-screen .modal-close-btn:hover,.admin-announcements-screen .modal-close:hover{background-color:#ffffff59}.admin-announcements-screen .success-icon{align-items:center;background-color:#34c759;border-radius:50%;color:#fff;display:flex;font-size:2rem;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.admin-announcements-screen .modal-header h2{color:#fff;font-size:1.35rem;font-weight:700;margin:0}.admin-announcements-screen .modal-body{background:linear-gradient(145deg,#fff,#f5faf7);border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #253d2c1a,inset 1px 1px 2px #ffffffe6,inset -1px -1px 2px #253d2c08;color:#1f2b20;margin-top:-8px;max-height:70vh;overflow-y:auto;padding:1.75rem 1.5rem;position:relative}.admin-announcements-screen .modal-text{display:none}.admin-announcements-screen .selected-recipients{background:linear-gradient(145deg,#fff,#f2faf1);border:none;border-radius:12px;box-shadow:3px 3px 8px #253d2c14,-3px -3px 8px #ffffffe6,inset 1px 1px 2px #ffffffd9,inset -1px -1px 2px #253d2c0a;padding:1rem}.admin-announcements-screen .recipients-label{color:#666;display:block;font-size:.875rem;font-weight:600;margin-bottom:.75rem}.admin-announcements-screen .recipients-tags{display:flex;flex-wrap:wrap;gap:.5rem}.admin-announcements-screen .recipient-tag{background-color:#2e6f40;border-radius:10px;color:#fff!important;display:inline-block;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.admin-announcements-screen .modal-actions{background:linear-gradient(145deg,#f5faf7,#fff);border-radius:0 0 16px 16px;border-top:none;box-shadow:inset 1px 1px 2px #ffffffe6,inset -1px -1px 2px #253d2c08;display:flex;flex-shrink:0;gap:1rem;margin-top:auto;padding:1.25rem 1.5rem 1.5rem}.admin-announcements-screen .modal-actions .btn-secondary{display:none}.admin-announcements-screen .announcement-preview{background-color:#fff;border:2px solid #2e6f40;border-radius:0;margin-top:1rem;padding:1.5rem}.admin-announcements-screen .preview-section{margin-bottom:1.25rem}.admin-announcements-screen .preview-section:last-child{margin-bottom:0}.admin-announcements-screen .preview-label{color:#2e6f40;display:block;font-size:.875rem;font-weight:700;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.admin-announcements-screen .preview-text{color:#2e6f40;font-size:1rem;font-weight:500;line-height:1.6;margin:0}.admin-announcements-screen .preview-recipients{display:flex;flex-wrap:wrap;gap:.5rem}.admin-announcements-screen .preview-tag{background-color:#2e6f40;border-radius:0;color:#fff!important;display:inline-block;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.admin-announcements-screen .btn-secondary{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:0;color:#333;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.75rem 1rem;transition:all .2s ease}.admin-announcements-screen .btn-secondary:hover{background-color:#efefef;border-color:#2e6f40}.admin-announcements-screen .btn-secondary:active{background-color:#e5e5e5}.admin-announcements-screen .btn-cancel{background-color:#dc3545;border:1px solid #dc3545;border-radius:0;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.75rem 1rem;transition:all .2s ease}.admin-announcements-screen .btn-cancel:hover{background-color:#c82333;border-color:#c82333}.admin-announcements-screen .btn-cancel:active{background-color:#bd2130;border-color:#bd2130}@media (min-width:768px){.admin-announcements-screen .header h1{font-size:2rem}.admin-announcements-screen .main{padding:2rem}.admin-announcements-screen .info-banner{margin-bottom:2.5rem;padding:1.25rem 1.5rem}.admin-announcements-screen .info-text{font-size:1.05rem}.admin-announcements-screen .recipients-list{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.admin-announcements-screen .main{margin:0 auto;max-width:1000px;padding:2.5rem}.admin-announcements-screen .announcement-form{max-width:800px}.admin-announcements-screen .recipients-list{grid-template-columns:repeat(4,1fr)}}:root[data-theme=dark] .admin-announcements-screen{--color-text:#e8f0e9;--color-muted:#9ab8a0;--color-border:#68ba7f2e;background:radial-gradient(circle at 20% 20%,#68ba7f14,#0000 45%),radial-gradient(circle at 80% 0,#253d2c4d,#0000 45%),#1a1f1b}:root[data-theme=dark] .admin-announcements-screen .main{background:linear-gradient(145deg,#1e2420,#252b26)}:root[data-theme=dark] .admin-announcements-screen .announcement-preview,:root[data-theme=dark] .admin-announcements-screen .checkbox-label,:root[data-theme=dark] .admin-announcements-screen .form-group select,:root[data-theme=dark] .admin-announcements-screen .form-group textarea,:root[data-theme=dark] .admin-announcements-screen .info-banner,:root[data-theme=dark] .admin-announcements-screen .modal-actions,:root[data-theme=dark] .admin-announcements-screen .modal-body,:root[data-theme=dark] .admin-announcements-screen .selected-recipients{background:linear-gradient(145deg,#252b26,#1e2420)!important;border-color:#68ba7f2e!important;box-shadow:6px 6px 12px #00000052,-6px -6px 12px #3c4b3f14,inset 1px 1px 2px #3c4b3f1f,inset -1px -1px 2px #0000002e}:root[data-theme=dark] .admin-announcements-screen .form-group label,:root[data-theme=dark] .admin-announcements-screen .info-label,:root[data-theme=dark] .admin-announcements-screen .preview-label,:root[data-theme=dark] .admin-announcements-screen .recipients-label{color:#cfffdc!important}:root[data-theme=dark] .admin-announcements-screen .checkbox-text,:root[data-theme=dark] .admin-announcements-screen .info-text,:root[data-theme=dark] .admin-announcements-screen .modal-subtext,:root[data-theme=dark] .admin-announcements-screen .preview-text,:root[data-theme=dark] .admin-announcements-screen .word-count{color:#9ab8a0}:root[data-theme=dark] .admin-announcements-screen .form-group select,:root[data-theme=dark] .admin-announcements-screen .form-group textarea{color:#e8f0e9}:root[data-theme=dark] .admin-announcements-screen .form-group textarea::placeholder{color:#9ab8a0cc}:root[data-theme=dark] .admin-announcements-screen .form-group select:focus,:root[data-theme=dark] .admin-announcements-screen .form-group textarea:focus{border-color:#68ba7f;box-shadow:0 0 0 4px #68ba7f29}:root[data-theme=dark] .admin-announcements-screen .form-group textarea{background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%27400%27 height=%2732%27><text x=%270%27 y=%2720%27 font-size=%2712%27 font-family=%27Segoe UI, Arial%27 fill=%27%23cfffdc%27 font-weight=%27600%27>Tone: concise & supportive</text></svg>")}:root[data-theme=dark] .admin-announcements-screen .checkbox-label:before{background:#68ba7f40;box-shadow:0 0 8px #68ba7f59}:root[data-theme=dark] .admin-announcements-screen .checkbox-label:hover{box-shadow:8px 8px 16px #00000059,-8px -8px 16px #3c4b3f1f}:root[data-theme=dark] .admin-announcements-screen .checkbox-label:has(input[type=checkbox]:checked){box-shadow:inset 4px 4px 8px #00000059,inset -4px -4px 8px #3c4b3f2e,0 2px 6px #0003}:root[data-theme=dark] .admin-announcements-screen .checkbox-label input[type=checkbox]:checked+.checkbox-text{color:#cfffdc}:root[data-theme=dark] .admin-announcements-screen .btn-primary{box-shadow:6px 6px 12px #00000059,-6px -6px 12px #3c4b3f1f,inset 1px 1px 2px #68ba7f33,inset -1px -1px 2px #00000040}:root[data-theme=dark] .admin-announcements-screen .btn-primary:hover:not(:disabled){box-shadow:8px 8px 16px #0006,-8px -8px 16px #3c4b3f26}:root[data-theme=dark] .admin-announcements-screen .modal-overlay{background-color:#0009}:root[data-theme=dark] .admin-announcements-screen .preview-tag,:root[data-theme=dark] .admin-announcements-screen .recipients-tags .recipient-tag{background-color:#2e6f40}:root[data-theme=dark] .admin-announcements-screen .btn-secondary{background-color:#1e2420;border-color:#68ba7f33;color:#e8f0e9}:root[data-theme=dark] .admin-announcements-screen .btn-secondary:hover{background-color:#252b26;border-color:#68ba7f52}:root[data-theme=dark] .admin-announcements-screen .format-btn{background:linear-gradient(145deg,#1f2621,#171c18);box-shadow:6px 6px 12px #00000073,-6px -6px 12px #3c4b3f1f,inset 1px 1px 2px #68ba7f1a,inset -1px -1px 2px #00000040;color:#cfffdc}:root[data-theme=dark] .admin-announcements-screen .format-btn:hover{background:linear-gradient(145deg,#252b26,#1d221e);box-shadow:8px 8px 16px #00000080,-8px -8px 16px #3c4b3f29}.admin-inspections-screen{background-color:#fff;display:flex;flex-direction:column;min-height:100vh}.admin-inspections-screen .header{align-items:center;background:linear-gradient(135deg,#2e6f40,#253d2c);box-shadow:0 4px 12px #253d2c26;color:#fff;display:flex;justify-content:center;min-height:56px;padding:1rem 1.25rem;position:-webkit-sticky;position:sticky;top:0;z-index:12}.admin-inspections-screen .header h1{flex:1 1;font-size:1.25rem;font-weight:700;letter-spacing:-.3px;margin:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.admin-inspections-screen .back-button,.admin-inspections-screen .refresh-button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .2s ease,box-shadow .2s ease;width:40px}.admin-inspections-screen .back-button{left:1rem}.admin-inspections-screen .refresh-button{right:1rem}.admin-inspections-screen .back-button:hover,.admin-inspections-screen .refresh-button:hover{background-color:#ffffff4d}.admin-inspections-screen .back-button:disabled,.admin-inspections-screen .refresh-button:disabled{cursor:not-allowed;opacity:.55}.admin-inspections-screen .back-button svg,.admin-inspections-screen .refresh-button svg{font-size:1.25rem}.refresh-button .spinning{animation:spin 1s linear infinite}.admin-inspections-screen .main{flex:1 1;overflow-y:auto;padding:1.5rem}.info-banner{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:0;margin-bottom:1.5rem;padding:1rem}.info-content{display:flex;flex-direction:column;gap:.5rem}.info-label{color:#2e6f40;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.info-text{color:#333;font-size:1rem;font-weight:400;line-height:1.6;margin:0}.error-banner{background-color:#ff3b30;border-radius:0;color:#fff;font-weight:500;margin-bottom:1rem;padding:1rem}.empty-state,.loading-container{align-items:center;color:#666;display:flex;justify-content:center;padding:3rem}.empty-state{flex-direction:column;text-align:center}.empty-icon{color:#ccc;font-size:3rem;margin-bottom:1rem}.empty-state h2{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.empty-state p{font-size:1rem;margin:0}.inspections-list{display:flex;flex-direction:column;gap:1.25rem;margin:0 auto;max-width:1080px}.inspection-card{align-items:stretch;background-color:#fff;border:1px solid #e0e0e0;border-radius:0;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;font-size:1rem;gap:.85rem;padding:1.25rem 1.5rem;text-align:left;transition:all .2s ease;width:100%}.inspection-header{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.inspection-card:hover{background-color:#f9f9f9;border-color:#2e6f40;box-shadow:0 2px 4px #0000001a}.inspection-card:active{background-color:#f5f5f5}.inspection-title{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.admin-inspections-screen .inspection-details{display:flex;flex-direction:column;gap:0;margin-bottom:.75rem}.admin-inspections-screen .detail-block{grid-gap:.5rem 1rem;align-items:baseline;border-top:1px solid #0000000f;display:grid;gap:.5rem 1rem;grid-template-columns:auto 1fr;padding:.75rem 0}.admin-inspections-screen .detail-item{display:contents}.admin-inspections-screen .detail-label{color:#888;font-size:.8rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.admin-inspections-screen .detail-value{color:#333;font-size:.95rem;font-weight:500}.inspection-status{border-radius:8px;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.admin-inspections-screen .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#253d2c99;bottom:0;display:flex;justify-content:center;left:0;padding:0;position:fixed;right:0;top:0;z-index:1000}.admin-inspections-screen .modal-content{background:linear-gradient(135deg,#2e6f40,#253d2c);border:none;border-radius:16px;box-shadow:0 24px 60px #253d2c59;display:flex;flex-direction:column;margin:0!important;max-height:95vh;min-height:85vh;overflow:hidden;overflow-y:auto}.admin-inspections-screen .inspection-modal,.admin-inspections-screen .modal-content{max-width:100%!important;width:100%!important}.admin-inspections-screen .modal-header{align-items:center;background:#0000!important;border-bottom:none;box-sizing:border-box;display:flex;flex-shrink:0;justify-content:center;padding:1.25rem 1.5rem;position:relative;width:100%!important}.admin-inspections-screen .modal-header h3{color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:.3px;margin:0}.admin-inspections-screen .modal-close{align-items:center;background-color:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;line-height:1;padding:0;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:background-color .2s ease;width:32px}.admin-inspections-screen .modal-close:hover{background-color:#ffffff59}.admin-inspections-screen .modal-body{background:linear-gradient(145deg,#f5f7f5,#eef2ef)!important;border-radius:16px 16px 0 0;box-shadow:0 -8px 24px #253d2c26,inset 0 2px 4px #fff,inset 2px 0 4px #fffc,inset -2px 0 4px #fffc;color:#1f2b20!important;flex:1 1;margin-top:-8px;max-height:80vh;overflow-y:auto;padding:2rem 1.5rem;position:relative}.admin-inspections-screen .modal-actions,.admin-inspections-screen .modal-body{align-self:stretch;box-sizing:border-box;max-width:100%!important;width:100%!important}.admin-inspections-screen .modal-actions{background:linear-gradient(145deg,#f5faf7,#fff);border-radius:0 0 16px 16px;border-top:none;display:flex;gap:.75rem;justify-content:center;padding:1.25rem 1.5rem}.inspection-summary{background:linear-gradient(145deg,#fff,#f0f7f2);border:none;border-radius:16px;box-shadow:6px 6px 12px #253d2c1f,-6px -6px 12px #fffffff2,inset 1px 1px 2px #fffc,inset -1px -1px 2px #253d2c08;margin-bottom:1.5rem;padding:1rem}.summary-row{border-bottom:1px solid #253d2c1a;display:flex;justify-content:space-between;padding:.5rem 0}.summary-row:last-child{border-bottom:none}.summary-row .label{color:#666;font-weight:600}.summary-row .value{color:#333;text-align:right}.summary-row .value.score{color:#2e6f40;font-weight:600}.summary-row .value.decision.approved{color:#10b981;font-weight:600}.summary-row .value.decision.declined{color:#f59e0b;font-weight:600}.furniture-scores{margin-bottom:2rem}.furniture-scores h4{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.scores-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.score-item{align-items:flex-start;background:linear-gradient(145deg,#fff,#f5faf7);border:none;border-radius:12px;box-shadow:4px 4px 10px #253d2c14,-4px -4px 10px #ffffffe6,inset 1px 1px 2px #fffc,inset -1px -1px 2px #253d2c08;display:flex;flex-direction:column;gap:.35rem;overflow:hidden;padding:.85rem 1rem}.score-line{display:flex;gap:.5rem;justify-content:space-between;width:100%}.furniture-name{color:#333;font-weight:500;text-transform:capitalize}.furniture-score{color:#2e6f40;font-weight:600}.score-footer{align-items:center;display:flex;gap:.75rem;justify-content:space-between;min-width:0;width:100%}.furniture-note{background:none;border:none;color:#555;cursor:pointer;flex:1 1;font-size:.8rem;font-style:italic;line-height:1.4;margin:0;max-width:100%;min-width:0;overflow:hidden;padding:0;text-align:left;text-overflow:ellipsis;white-space:nowrap}.furniture-note:hover{color:#2e6f40}.furniture-note .note-label{color:#2e6f40;font-style:normal;font-weight:700;margin-right:.25rem}.furniture-condition{background:#0000;border:none;border-bottom:3px solid;border-radius:0;flex-shrink:0;font-size:.78rem;font-weight:700;letter-spacing:.6px;min-height:1.4em;padding:.1rem .25rem .2rem;text-transform:uppercase}.inspection-notes,.item-notes{margin-bottom:2rem}.inspection-notes h4,.item-notes h4{color:#2e6f40;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.inspection-notes p{color:#333;line-height:1.6;margin:0}.inspection-notes p,.item-note{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:0;padding:1rem}.item-note{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.item-note:last-child{margin-bottom:0}.item-note strong{color:#2e6f40;font-weight:600}.item-note span{color:#333;line-height:1.5}.inspection-images{margin-bottom:2rem}.inspection-images h4{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.images-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.image-item{display:flex;flex-direction:column;gap:.5rem}.image-item img{border:1px solid #e0e0e0;border-radius:0;height:200px;object-fit:cover;width:100%}.image-label{color:#666;font-size:.875rem;font-weight:500;text-align:center;text-transform:capitalize}.btn-approve,.btn-reject{align-items:center;border:none;border-radius:0;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:background-color .2s ease}.btn-approve{background-color:#10b981;color:#fff}.btn-approve:hover:not(:disabled){background-color:#059669}.btn-reject{background-color:#f59e0b;color:#fff}.btn-reject:hover:not(:disabled){background-color:#d97706}.btn-approve:disabled,.btn-reject:disabled{cursor:not-allowed;opacity:.6}.popup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1100}.popup-content{background-color:#fff;border:1px solid #e0e0e0;border-radius:0;max-width:500px;min-width:300px;width:100%}.popup-header{background-color:#2e6f40;border-bottom:1px solid #e0e0e0;color:#fff;padding:1.5rem}.popup-header h3{font-size:1.1rem;font-weight:600;margin:0}.popup-body{padding:1.5rem}.popup-body p{color:#333;line-height:1.6;margin:0}.note-popup .popup-body{background-color:#2e6f40}.note-popup .popup-body p{color:#fff;font-style:italic}.popup-actions{background-color:#f5f5f5;border-top:1px solid #e0e0e0;display:flex;gap:1rem;padding:1.5rem}.btn-cancel{background-color:#fff;border:1px solid #e0e0e0;border-radius:0;color:#333;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.btn-cancel:hover{background-color:#f5f5f5;border-color:#ccc}.btn-confirm{border:none;border-radius:0;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-confirm.btn-approve{background-color:#10b981}.btn-confirm.btn-approve:hover{background-color:#059669}.btn-confirm.btn-reject{background-color:#f59e0b}.btn-confirm.btn-reject:hover{background-color:#d97706}@media (max-width:768px){.admin-inspections-screen .main,.inspection-card{padding:1rem}.detail-block,.inspection-footer{flex-direction:column;gap:.5rem}.inspection-footer{align-items:flex-start}.modal-content{margin:.5rem}.inspection-modal{max-width:100%}.images-grid,.scores-grid{grid-template-columns:1fr}.modal-actions,.popup-actions{flex-direction:column}}.images-by-item{display:flex;flex-direction:column;gap:1.5rem}.item-images-section{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:0;padding:1rem}.item-images-title{color:#2e6f40;font-size:1rem;font-weight:600;margin:0 0 1rem;text-transform:capitalize}.inspection-images .images-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.inspection-images .image-item{background-color:#fff;border:1px solid #e0e0e0;border-radius:0;display:flex;flex-direction:column;gap:.5rem;overflow:hidden;position:relative}.inspection-images .image-item img{display:block;height:150px;object-fit:cover;width:100%}.image-number{align-items:center;background-color:#1a365de6;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:24px;justify-content:center;position:absolute;right:8px;top:8px;width:24px}@media (min-width:768px){.inspection-images .images-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.inspection-images .image-item img{height:180px}}@media (min-width:1024px){.inspection-images .images-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.inspection-images .image-item img{height:200px}}:root[data-theme=dark] .admin-inspections-screen{--color-text:#e8f0e9;--color-muted:#9ab8a0;--color-border:#68ba7f2e;background:radial-gradient(circle at 20% 20%,#68ba7f14,#0000 45%),radial-gradient(circle at 80% 0,#253d2c4d,#0000 45%),#1a1f1b;background-color:#1a1f1c}:root[data-theme=dark] .admin-inspections-screen .main{background-color:#1a1f1c}:root[data-theme=dark] .btn-cancel,:root[data-theme=dark] .empty-state,:root[data-theme=dark] .info-banner,:root[data-theme=dark] .inspection-card,:root[data-theme=dark] .inspection-images .image-item,:root[data-theme=dark] .inspection-notes p,:root[data-theme=dark] .inspection-summary,:root[data-theme=dark] .item-images-section,:root[data-theme=dark] .item-note,:root[data-theme=dark] .popup-actions,:root[data-theme=dark] .popup-content,:root[data-theme=dark] .score-item{background-color:#252b26;border:1px solid #68ba7f2e}:root[data-theme=dark] .empty-state h2,:root[data-theme=dark] .furniture-name,:root[data-theme=dark] .furniture-scores h4,:root[data-theme=dark] .info-label,:root[data-theme=dark] .inspection-images h4,:root[data-theme=dark] .inspection-notes h4,:root[data-theme=dark] .inspection-title,:root[data-theme=dark] .item-images-title,:root[data-theme=dark] .item-note strong,:root[data-theme=dark] .item-notes h4,:root[data-theme=dark] .summary-row .value{color:#cfffdc}:root[data-theme=dark] .detail-label,:root[data-theme=dark] .detail-value,:root[data-theme=dark] .empty-state,:root[data-theme=dark] .empty-state p,:root[data-theme=dark] .furniture-note,:root[data-theme=dark] .image-label,:root[data-theme=dark] .info-text,:root[data-theme=dark] .item-note span,:root[data-theme=dark] .loading-container,:root[data-theme=dark] .popup-body p,:root[data-theme=dark] .summary-row .label{color:#9ab8a0}:root[data-theme=dark] .furniture-note .note-label,:root[data-theme=dark] .furniture-score,:root[data-theme=dark] .summary-row .value.score{color:#68ba7f}:root[data-theme=dark] .admin-inspections-screen .info-label,:root[data-theme=dark] .admin-inspections-screen .inspection-notes h4,:root[data-theme=dark] .admin-inspections-screen .item-note strong,:root[data-theme=dark] .admin-inspections-screen .item-notes h4,:root[data-theme=dark] .admin-inspections-screen .note-label{color:#cfffdc!important}:root[data-theme=dark] .inspection-card{background-color:#252b26;border-color:#68ba7f2e}:root[data-theme=dark] .inspection-card:hover{background-color:#2a322d;border-color:#68ba7f66}:root[data-theme=dark] .summary-row{border-bottom-color:#68ba7f29}:root[data-theme=dark] .inspection-notes p,:root[data-theme=dark] .item-images-section,:root[data-theme=dark] .item-note{border:1px solid #68ba7f2e}:root[data-theme=dark] .image-item img,:root[data-theme=dark] .inspection-images .image-item{border-color:#68ba7f33}:root[data-theme=dark] .modal-overlay,:root[data-theme=dark] .popup-overlay{background-color:#0009}:root[data-theme=dark] .admin-inspections-screen .modal-body{background:linear-gradient(145deg,#252b26,#1e2420)!important;box-shadow:0 -4px 20px #00000040,inset 1px 1px 2px #3c4b3f26,inset -1px -1px 2px #0003;color:#e8f0e9!important}:root[data-theme=dark] .admin-inspections-screen .modal-actions{background:linear-gradient(145deg,#1e2420,#252b26)!important;box-shadow:inset 1px 1px 2px #3c4b3f26,inset -1px -1px 2px #0000002e}:root[data-theme=dark] .popup-header{background:linear-gradient(135deg,#2e6f40,#253d2c)}:root[data-theme=dark] .popup-actions{border-top-color:#68ba7f2e}:root[data-theme=dark] .btn-cancel{border:1px solid #68ba7f33;color:#e8f0e9}:root[data-theme=dark] .btn-cancel:hover{background:linear-gradient(145deg,#2a322d,#222825);border-color:#68ba7f52}:root[data-theme=dark] .image-number{background-color:#68ba7fd9}.profile-screen{--color-primary:#2e6f40;--color-primary-dark:#253d2c;--color-accent:#68ba7f;--color-surface:#cfffdc;--color-text:#1f2b20;--color-muted:#4f6b57;--color-border:#253d2c14;--color-shadow:0 12px 30px #253d2c1f;background:radial-gradient(circle at 20% 20%,#68ba7f1f,#0000 45%),radial-gradient(circle at 80% 0,#cfffdc66,#0000 45%),#f7fff8;display:flex;flex-direction:column;min-height:100vh}.profile-screen .profile-hero{align-items:flex-end;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:200px;justify-content:center;position:relative;width:100%}.profile-screen .hero-overlay{background:linear-gradient(180deg,#253d2c4d 0,#253d2cb3);bottom:0;left:0;position:absolute;right:0;top:0}.profile-screen .hero-nav{align-items:flex-start;display:flex;justify-content:space-between;left:0;padding:1rem;position:absolute;right:0;top:0;z-index:20}.profile-screen .hero-back-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;transition:background-color .2s ease,transform .2s ease;width:40px}.profile-screen .hero-back-btn:hover{background-color:#ffffff59;transform:scale(1.05)}.profile-screen .hero-settings-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;transition:background-color .2s ease,transform .2s ease;width:40px}.profile-screen .hero-settings-btn:hover{background-color:#ffffff59;transform:scale(1.05)}.profile-screen .hero-options{position:relative}.profile-screen .hero-menu-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;transition:background-color .2s ease,transform .2s ease;width:40px}.profile-screen .hero-menu-btn:hover:not(:disabled){background-color:#ffffff59;transform:scale(1.05)}.profile-screen .hero-menu-btn:disabled{cursor:not-allowed;opacity:.5}.profile-screen .hero-menu{background-color:#fff;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 16px 40px #253d2c40;display:flex;flex-direction:column;min-width:200px;overflow:hidden;position:absolute;right:0;top:48px;z-index:100}.profile-screen .hero-menu button{align-items:center;background:none;border:none;color:var(--color-text);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;padding:1rem 1.25rem;text-align:left;transition:background-color .2s ease}.profile-screen .hero-menu button svg{color:var(--color-primary);font-size:1.25rem}.profile-screen .hero-menu button:hover{background-color:#68ba7f1f}.profile-screen .hero-menu button:not(:last-child){border-bottom:1px solid var(--color-border)}.profile-screen .main{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1000px;padding:2.5rem 1.5rem 3.5rem;width:100%}.profile-screen .loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:50vh}.profile-screen .loading-container p{color:var(--color-muted);font-size:1rem;margin:0}.profile-screen .error-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:50vh}.profile-screen .error-message{color:#ff3b30;font-size:1rem;margin:0;text-align:center}.profile-screen .retry-btn{background-color:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s ease,transform .2s ease}.profile-screen .retry-btn:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}.profile-screen .error-banner{background-color:#ff3b3014;border:1px solid #ff3b3029;border-radius:6px;margin-bottom:1.5rem;padding:1rem 1.25rem}.profile-screen .error-banner p{color:#c62828;font-size:.875rem;margin:0;text-align:center}.profile-screen .profile-avatar-section{align-items:center;display:flex;flex-direction:column;margin-top:-60px;position:relative;z-index:10}.profile-screen .avatar-wrapper{position:relative}.profile-screen .profile-avatar-section .avatar-container{background:radial-gradient(circle at 30% 30%,#fff,#e8f7ed);border:4px solid #fff;border-radius:50%;box-shadow:0 8px 24px #253d2c33;height:120px;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:120px}.profile-screen .avatar-edit-btn{align-items:center;background:linear-gradient(135deg,#2e6f40,#253d2c);border:3px solid #fff;border-radius:50%;bottom:4px;box-shadow:0 4px 12px #253d2c4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;position:absolute;right:4px;transition:all .2s ease;width:36px;z-index:5}.profile-screen .avatar-edit-btn:hover:not(:disabled){box-shadow:0 6px 16px #253d2c66;transform:scale(1.1)}.profile-screen .avatar-edit-btn:disabled{cursor:not-allowed;opacity:.5}.profile-screen .avatar-menu{border-radius:12px;box-shadow:0 16px 40px #253d2c40;left:50%;min-width:200px;top:calc(100% + 8px);transform:translateX(-50%);z-index:200}.profile-screen .avatar-menu button{font-weight:500;padding:1rem 1.25rem;transition:background-color .2s ease}.profile-screen .avatar-menu button svg{color:var(--color-primary);font-size:1.25rem}.profile-screen .avatar-menu button:hover{background-color:#68ba7f1f}.profile-screen .avatar-menu button:not(:last-child){border-bottom:1px solid var(--color-border)}.profile-screen .profile-avatar-section .avatar-container[onclick]{cursor:pointer}.profile-screen .profile-avatar-section .avatar-container[onclick]:hover{box-shadow:0 16px 35px #253d2c40;transform:scale(1.04)}.profile-screen .profile-avatar-section .avatar-overlay{align-items:center;background-color:#00000080;bottom:0;color:#fff;display:flex;font-size:1.5rem;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.profile-screen .profile-avatar-section .avatar-container:hover .avatar-overlay{opacity:1}.profile-screen .profile-avatar-section .avatar-image{height:100%;object-fit:cover;width:100%}.profile-screen .profile-avatar-section .avatar-placeholder{align-items:center;background:#e4f3e9;color:var(--color-muted);display:flex;height:100%;justify-content:center;width:100%}.profile-screen .profile-avatar-section .avatar-placeholder svg{font-size:4rem}.profile-screen .profile-avatar-section .profile-meta{align-items:center;display:flex;flex-direction:column;gap:.25rem;margin-top:.75rem;text-align:center}.profile-screen .profile-avatar-section .profile-name{color:var(--color-primary-dark);font-size:1.5rem;font-weight:700;margin:0}.profile-screen .profile-avatar-section .profile-email{color:var(--color-muted);font-size:.95rem;margin:0}.profile-screen .profile-avatar-section .role-chip{align-items:center;background:#68ba7f26;border:1px solid #68ba7f59;border-radius:20px;color:var(--color-primary-dark);display:inline-flex;font-size:.8rem;letter-spacing:.5px;margin-top:.25rem;padding:.35rem .85rem;text-transform:uppercase}.profile-screen .profile-identity-card{background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:1.5rem;padding:0}.profile-screen .identity-header{display:flex;gap:1rem;justify-content:space-between}.profile-screen .avatar-wrapper{align-items:center;display:flex;gap:1rem}.profile-screen .avatar-container{background:radial-gradient(circle at 30% 30%,#fff,#e8f7ed);border:4px solid var(--color-accent);border-radius:50%;box-shadow:var(--color-shadow);height:120px;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:120px}.profile-screen .avatar-container[onclick]{cursor:pointer}.profile-screen .avatar-container[onclick]:hover{box-shadow:0 16px 35px #253d2c38;transform:scale(1.04)}.profile-screen .avatar-overlay{align-items:center;background-color:#00000080;bottom:0;color:#fff;display:flex;font-size:1.5rem;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.profile-screen .avatar-container:hover .avatar-overlay{opacity:1}.profile-screen .avatar-image{height:100%;object-fit:cover;width:100%}.profile-screen .avatar-placeholder{align-items:center;background:#e4f3e9;color:var(--color-muted);display:flex;height:100%;justify-content:center;width:100%}.profile-screen .avatar-placeholder svg{font-size:4rem}.profile-screen .profile-meta{display:flex;flex-direction:column;gap:.25rem}.profile-screen .profile-name{color:var(--color-primary-dark);font-size:1.5rem;font-weight:700;margin:0}.profile-screen .profile-email{color:var(--color-muted);font-size:.95rem;margin:0}.profile-screen .role-chip{align-items:center;background:#68ba7f26;border:1px solid #68ba7f59;border-radius:20px;color:var(--color-primary-dark);display:inline-flex;font-size:.8rem;letter-spacing:.5px;padding:.35rem .85rem;text-transform:uppercase}.profile-screen .avatar-options{position:relative}.profile-screen .avatar-menu-btn{align-items:center;background-color:#fff;border:1px solid var(--color-border);border-radius:6px;cursor:pointer;display:flex;height:40px;justify-content:center;transition:border-color .2s ease,box-shadow .2s ease;width:40px}.profile-screen .avatar-menu-btn:hover:not(:disabled){border-color:var(--color-primary);box-shadow:0 8px 18px #253d2c26}.profile-screen .avatar-menu-btn:disabled{cursor:not-allowed;opacity:.5}.profile-screen .avatar-menu{background-color:#fff;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 12px 24px #253d2c2e;display:flex;flex-direction:column;min-width:180px;overflow:hidden;position:absolute;right:0;top:48px;z-index:5}.profile-screen .avatar-menu button{align-items:center;background:none;border:none;color:var(--color-text);cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;padding:.75rem 1rem;text-align:left}.profile-screen .avatar-menu button:hover{background-color:#f0f8f3}.profile-screen .preview-image{height:160px;width:160px}.profile-screen .card-header h2{color:var(--color-primary-dark);font-size:1.25rem;margin:0}.profile-screen .info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.profile-screen .info-item{display:flex;flex-direction:column;gap:.4rem}.profile-screen .info-item label{color:var(--color-muted);font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.profile-screen .info-value{align-items:center;background-color:initial;border:none;border-radius:0;box-shadow:none;color:var(--color-text);display:flex;font-size:1rem;min-height:auto;padding:0}.profile-screen .logout-section{margin-top:1.5rem}.profile-screen .logout-btn{align-items:center;background:linear-gradient(135deg,#c41e3a,#a01830);border:none;border-radius:8px;box-shadow:0 12px 24px #c41e3a33;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:transform .2s ease,box-shadow .2s ease;width:100%}.profile-screen .logout-btn:hover{box-shadow:0 14px 30px #c41e3a42;transform:translateY(-1px)}.profile-screen .logout-btn:active{transform:translateY(0)}.profile-screen .logout-btn svg{font-size:1.25rem}.profile-screen .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#253d2c99;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.profile-screen .modal{animation:modalSlideIn .25s ease-out;background:linear-gradient(135deg,#2e6f40,#253d2c);border:none;border-radius:16px;box-shadow:0 24px 60px #253d2c59;max-width:420px;overflow:hidden;width:100%}.profile-screen .modal-header{align-items:center;background:#0000!important;border-bottom:none;display:flex;justify-content:center;padding:1.25rem 1.5rem;position:relative}.profile-screen .modal-header h2{color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:.3px;margin:0}.profile-screen .modal-close-btn{align-items:center;background-color:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:background-color .2s ease;width:32px}.profile-screen .modal-close-btn:hover:not(:disabled){background-color:#ffffff59}.profile-screen .modal-close-btn:disabled{cursor:not-allowed;opacity:.5}.profile-screen .modal-body{background:linear-gradient(145deg,#fff,#f5faf7)!important;border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #253d2c1a,inset 1px 1px 2px #ffffffe6,inset -1px -1px 2px #253d2c08;color:var(--color-text)!important;margin-top:-8px;max-height:60vh;overflow-y:auto;padding:2rem 1.5rem;position:relative}.profile-screen .modal-text{color:var(--color-muted)!important;font-size:1rem;line-height:1.6;margin:0 0 1.5rem;text-align:center}.profile-screen .image-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.profile-screen .image-preview{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.profile-screen .preview-image{border:4px solid var(--color-accent);border-radius:50%;box-shadow:0 8px 24px #253d2c33;height:140px;object-fit:cover;width:140px}.profile-screen .preview-details{color:var(--color-muted);font-size:.875rem;line-height:1.4;text-align:center}.profile-screen .preview-details p{margin:.25rem 0}.profile-screen .image-option-btn{align-items:center;background:linear-gradient(145deg,#fff,#f5faf7);border:none;border-radius:16px;box-shadow:4px 4px 10px #253d2c1a,-4px -4px 10px #ffffffe6,inset 1px 1px 2px #fffc,inset -1px -1px 2px #253d2c08;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:1.5rem 1rem;transition:all .2s ease}.profile-screen .image-option-btn:hover{background:linear-gradient(145deg,#f8fcf9,#f0f7f2);box-shadow:6px 6px 14px #253d2c1f,-6px -6px 14px #fffffff2,inset 1px 1px 2px #ffffffe6,inset -1px -1px 2px #253d2c0a;transform:translateY(-2px)}.profile-screen .image-option-btn .option-icon{align-items:center;background:linear-gradient(145deg,#e8f4eb,#f5faf7);border-radius:50%;box-shadow:3px 3px 6px #253d2c1a,-3px -3px 6px #fffc;display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.profile-screen .image-option-btn svg{color:var(--color-primary);font-size:1.5rem}.profile-screen .image-option-btn .option-text{align-items:center;display:flex;flex-direction:column;gap:.15rem;text-align:center}.profile-screen .image-option-btn .option-title{color:var(--color-text);font-size:1rem;font-weight:600}.profile-screen .image-option-btn .option-subtitle{color:var(--color-muted);font-size:.8rem}.profile-screen .uploading-state{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:2rem}.profile-screen .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e1efe5;border-radius:50%;border-top:4px solid var(--color-primary);height:40px;width:40px}.profile-screen .uploading-state p{color:var(--color-muted);font-size:1rem;margin:0}.profile-screen .modal-actions{background:linear-gradient(145deg,#f5faf7,#fff);border-radius:0 0 16px 16px;border-top:none;display:flex;gap:.75rem;justify-content:center;padding:1.25rem 1.5rem}.profile-screen .btn-secondary{background-color:#fff;border:1px solid var(--color-border);border-radius:10px;color:var(--color-primary-dark);cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:.875rem 1rem;transition:all .2s ease}.profile-screen .btn-secondary:hover{background-color:#edf7f1;border-color:var(--color-primary);box-shadow:0 10px 20px #253d2c1f}.profile-screen .btn-secondary:active{background-color:#e6f2ea}.profile-screen .btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border:none;border-radius:10px;box-shadow:0 8px 20px #253d2c33;color:#fff;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:.875rem 1rem;transition:all .2s ease}.profile-screen .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2f7c49,var(--color-primary-dark));box-shadow:0 14px 28px #253d2c3d;transform:translateY(-1px)}.profile-screen .btn-primary:disabled{cursor:not-allowed;opacity:.6}.profile-screen .btn-primary.btn-full{flex:none;width:100%}.profile-screen .modal-confirm{max-width:360px}.profile-screen .modal-settings{max-width:400px}.profile-screen .modal-settings .modal-body{padding:1.5rem}.profile-screen .settings-section{display:flex;flex-direction:column;gap:1rem}.profile-screen .settings-section+.settings-section{border-top:1px solid #253d2c1a;margin-top:1.5rem;padding-top:1.5rem}.profile-screen .settings-section-title{color:var(--color-muted);font-size:.75rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.profile-screen .about-info{align-items:center;display:flex;flex-direction:column;gap:.35rem;text-align:center}.profile-screen .about-version{color:var(--color-primary-dark);font-size:.95rem;font-weight:600}.profile-screen .about-copyright{color:var(--color-muted);font-size:.8rem}.profile-screen .theme-toggle-full{background:linear-gradient(145deg,#e8efe9,#f5faf7);border-radius:50px;box-shadow:inset 3px 3px 6px #253d2c1a,inset -3px -3px 6px #ffffffe6;cursor:pointer;display:flex;padding:5px;position:relative;width:100%}.profile-screen .theme-toggle-full .theme-slider{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:50px;box-shadow:4px 4px 8px #253d2c40,-2px -2px 4px #ffffff4d;height:calc(100% - 10px);left:5px;position:absolute;top:5px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:calc(50% - 5px)}.profile-screen .theme-toggle-full .theme-slider.dark{transform:translateX(100%)}.profile-screen .theme-toggle-full .theme-option{align-items:center;color:var(--color-primary-dark);display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;position:relative;text-align:center;transition:color .3s ease;z-index:1}.profile-screen .theme-toggle-full .theme-option svg{font-size:1.25rem;transition:color .3s ease,fill .3s ease}.profile-screen .theme-toggle-full .theme-option.active{color:#e8f0e9!important;text-shadow:0 1px 2px #0003}.profile-screen .theme-toggle-full .theme-option.active svg{fill:#e8f0e9!important;color:#e8f0e9!important}.profile-screen .settings-list{display:flex;flex-direction:column;gap:0}.profile-screen .settings-item{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1rem 0}.profile-screen .settings-item:last-child{border-bottom:none}.profile-screen .settings-item-left{align-items:center;display:flex;gap:.75rem}.profile-screen .settings-item-left svg{color:var(--color-primary);font-size:1.25rem}.profile-screen .settings-label{color:var(--color-muted);font-size:.95rem;font-weight:500}.profile-screen .settings-value{color:var(--color-text);font-size:.95rem;font-weight:600;text-transform:capitalize}.profile-screen .theme-toggle{background:#f0f5f1;border-radius:50px;cursor:pointer;display:flex;min-width:140px;padding:4px;position:relative}.profile-screen .theme-slider{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:50px;box-shadow:0 2px 8px #253d2c40;height:calc(100% - 8px);left:4px;position:absolute;top:4px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:calc(50% - 4px)}.profile-screen .theme-slider.dark{transform:translateX(100%)}.profile-screen .modal-settings .btn-danger{align-items:center;display:flex;gap:.5rem;justify-content:center}.profile-screen .confirm-icon{display:flex;justify-content:center;margin-bottom:16px}.profile-screen .confirm-icon img{height:120px;object-fit:contain;width:120px}.profile-screen .btn-danger{background:linear-gradient(135deg,#c41e3a,#a01830);border:none;border-radius:10px;box-shadow:0 8px 20px #c41e3a33;color:#fff;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:.875rem 1rem;transition:all .2s ease}.profile-screen .btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#d42a47,#a01830);box-shadow:0 12px 24px #c41e3a47;transform:translateY(-1px)}.profile-screen .btn-danger:disabled{cursor:not-allowed;opacity:.6}.profile-screen .btn-danger.btn-full{flex:none;width:100%}.profile-screen .identity-status{grid-gap:1.5rem;background:#fff;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #253d2c14;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;padding:1rem 1.5rem;text-align:center}.profile-screen .status-label{color:var(--color-muted);font-size:.78rem;letter-spacing:.6px;margin:0;text-transform:uppercase}.profile-screen .status-value{color:var(--color-primary-dark);font-size:1.05rem;font-weight:700;margin:.2rem 0 0}.profile-screen .profile-sections{display:flex;flex-direction:column;gap:1.25rem}.profile-screen .profile-card{background:#0000;border:none;border-radius:0;box-shadow:none;gap:1rem;padding:0}.profile-screen .profile-card,.profile-screen .profile-list{display:flex;flex-direction:column}.profile-screen .list-item{align-items:center;border-bottom:1px solid #253d2c1a;display:flex;gap:1rem;padding:1rem 0}.profile-screen .list-item:last-child{border-bottom:none}.profile-screen .list-icon{align-items:center;background:#68ba7f26;border-radius:10px;color:var(--color-primary);display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;width:40px}.profile-screen .list-content{display:flex;flex:1 1;flex-direction:column;gap:.15rem}.profile-screen .list-label{color:var(--color-muted);font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.profile-screen .list-value{color:var(--color-text);font-size:1rem;font-weight:600}@media (min-width:768px){.profile-screen .profile-hero{height:250px}.profile-screen .profile-avatar-section .avatar-container{height:150px;width:150px}.profile-screen .profile-avatar-section{margin-top:-75px}.profile-screen .info-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.profile-screen .profile-hero{height:280px}.profile-screen .profile-sections{flex-direction:row}.profile-screen .profile-card{flex:1 1}}.profile-screen .identity-status{background:linear-gradient(145deg,#fff,#f5faf7);border:none;border-radius:16px;box-shadow:6px 6px 12px #253d2c1f,-6px -6px 12px #ffffffe6,inset 1px 1px 2px #fffc,inset -1px -1px 2px #253d2c0a}.profile-screen .list-icon{background:linear-gradient(145deg,#f0f7f2,#e4f3e9);border-radius:12px;box-shadow:3px 3px 6px #253d2c1a,-3px -3px 6px #fffc}.profile-screen .profile-avatar-section .avatar-container{box-shadow:8px 8px 20px #253d2c33,-8px -8px 20px #ffffffe6}.profile-screen .profile-avatar-section .role-chip{background:linear-gradient(145deg,#f0f7f2,#e4f3e9);border:none;box-shadow:3px 3px 6px #253d2c1a,-3px -3px 6px #fffc}.profile-screen .avatar-menu,.profile-screen .hero-menu{background:linear-gradient(145deg,#fff,#f8fcf9);border:none;box-shadow:0 16px 40px #253d2c33,inset 1px 1px 2px #ffffffe6}.profile-screen .logout-btn{box-shadow:6px 6px 12px #c41e3a40,-4px -4px 10px #ffffffb3}.profile-screen .logout-btn:hover{box-shadow:8px 8px 16px #c41e3a4d,-6px -6px 12px #fffc}:root[data-theme=dark] .profile-screen{--color-text:#e8f0e9;--color-muted:#9ab8a0;--color-border:#68ba7f26;background:radial-gradient(circle at 20% 20%,#68ba7f14,#0000 45%),radial-gradient(circle at 80% 0,#253d2c4d,#0000 45%),#1a1f1b}:root[data-theme=dark] .profile-screen .main{background:#0000}:root[data-theme=dark] .profile-screen .profile-avatar-section .profile-name,:root[data-theme=dark] .profile-screen .profile-name{color:#e8f0e9}:root[data-theme=dark] .profile-screen .profile-avatar-section .profile-email,:root[data-theme=dark] .profile-screen .profile-email{color:#9ab8a0}:root[data-theme=dark] .profile-screen .identity-status{background:linear-gradient(145deg,#252b26,#1e2420);box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #3c4b3f1a,inset 1px 1px 2px #3c4b3f26,inset -1px -1px 2px #0003}:root[data-theme=dark] .profile-screen .status-label{color:#9ab8a0}:root[data-theme=dark] .profile-screen .status-value{color:#cfffdc}:root[data-theme=dark] .profile-screen .profile-avatar-section .role-chip,:root[data-theme=dark] .profile-screen .role-chip{background:linear-gradient(145deg,#252b26,#1e2420);box-shadow:3px 3px 6px #00000040,-3px -3px 6px #3c4b3f14;color:#68ba7f}:root[data-theme=dark] .profile-screen .list-item{border-bottom-color:#68ba7f26}:root[data-theme=dark] .profile-screen .list-icon{background:linear-gradient(145deg,#252b26,#1e2420);box-shadow:3px 3px 6px #00000040,-3px -3px 6px #3c4b3f14;color:#68ba7f}:root[data-theme=dark] .profile-screen .list-label{color:#9ab8a0}:root[data-theme=dark] .profile-screen .list-value{color:#e8f0e9}:root[data-theme=dark] .profile-screen .profile-avatar-section .avatar-container{background:radial-gradient(circle at 30% 30%,#2a352c,#1e2420);border-color:#2e3e32;box-shadow:8px 8px 20px #00000059,-8px -8px 20px #3c4b3f1a}:root[data-theme=dark] .profile-screen .avatar-placeholder{background:#252b26;color:#68ba7f}:root[data-theme=dark] .profile-screen .avatar-menu,:root[data-theme=dark] .profile-screen .hero-menu{background:linear-gradient(145deg,#252b26,#1e2420);box-shadow:0 16px 40px #0006,inset 1px 1px 2px #3c4b3f26}:root[data-theme=dark] .profile-screen .avatar-menu button,:root[data-theme=dark] .profile-screen .hero-menu button{color:#e8f0e9}:root[data-theme=dark] .profile-screen .avatar-menu button:hover,:root[data-theme=dark] .profile-screen .hero-menu button:hover{background-color:#68ba7f26}:root[data-theme=dark] .profile-screen .avatar-menu button:not(:last-child),:root[data-theme=dark] .profile-screen .hero-menu button:not(:last-child){border-bottom-color:#68ba7f26}:root[data-theme=dark] .profile-screen .logout-btn{box-shadow:6px 6px 12px #00000059,-4px -4px 10px #3c4b3f1a}:root[data-theme=dark] .profile-screen .logout-btn:hover{box-shadow:8px 8px 16px #0006,-6px -6px 12px #3c4b3f1f}:root[data-theme=dark] .profile-screen .modal{background:linear-gradient(135deg,#2e6f40,#253d2c)}:root[data-theme=dark] .profile-screen .modal-header h2{color:#fff!important}:root[data-theme=dark] .profile-screen .modal-body{background:linear-gradient(145deg,#252b26,#1e2420)!important;box-shadow:0 -4px 20px #0003,inset 1px 1px 2px #3c4b3f26,inset -1px -1px 2px #0003;color:#e8f0e9!important}:root[data-theme=dark] .profile-screen .modal-actions{background:linear-gradient(145deg,#1e2420,#252b26)}:root[data-theme=dark] .profile-screen .modal-body p,:root[data-theme=dark] .profile-screen .modal-text{color:#c8dccb!important}:root[data-theme=dark] .profile-screen .image-option-btn{background:linear-gradient(145deg,#2a312b,#1e2420);box-shadow:4px 4px 8px #00000040,-4px -4px 8px #3c4b3f14,inset 1px 1px 2px #3c4b3f1a,inset -1px -1px 2px #00000026}:root[data-theme=dark] .profile-screen .image-option-btn:hover{background:linear-gradient(145deg,#2f372f,#232a25);box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #3c4b3f1a,inset 1px 1px 2px #3c4b3f1f,inset -1px -1px 2px #0000001a}:root[data-theme=dark] .profile-screen .image-option-btn .option-icon{background:linear-gradient(145deg,#1e2420,#252b26);box-shadow:inset 2px 2px 4px #0003,inset -2px -2px 4px #3c4b3f14}:root[data-theme=dark] .profile-screen .image-option-btn svg{color:#68ba7f!important}:root[data-theme=dark] .profile-screen .image-option-btn .option-title{color:#e8f0e9!important}:root[data-theme=dark] .profile-screen .image-option-btn .option-subtitle,:root[data-theme=dark] .profile-screen .uploading-state p{color:#9ab8a0!important}:root[data-theme=dark] .profile-screen .loading-spinner{border-color:#68ba7f #3a4a3d #3a4a3d!important}:root[data-theme=dark] .profile-screen .preview-image{border-color:#3a5240!important}:root[data-theme=dark] .profile-screen .preview-details,:root[data-theme=dark] .profile-screen .preview-details p{color:#9ab8a0!important}:root[data-theme=dark] .profile-screen .btn-secondary{background-color:#2a312b;border-color:#68ba7f33;color:#c8dccb}:root[data-theme=dark] .profile-screen .btn-secondary:hover{background-color:#323b33;border-color:#68ba7f59}:root[data-theme=dark] .profile-screen .btn-primary{background:linear-gradient(135deg,#2e6f40,#253d2c)}:root[data-theme=dark] .profile-screen .settings-section-title{color:#9ab8a0}:root[data-theme=dark] .profile-screen .theme-toggle-full{background:linear-gradient(145deg,#1e2420,#252b26);box-shadow:inset 3px 3px 6px #0000004d,inset -3px -3px 6px #3c4b3f1a}:root[data-theme=dark] .profile-screen .theme-toggle-full .theme-option{color:#9ab8a0}:root[data-theme=dark] .profile-screen .about-version{color:#cfffdc}:root[data-theme=dark] .profile-screen .about-copyright{color:#9ab8a0}:root[data-theme=dark] .profile-screen .confirm-icon img{filter:brightness(.9);opacity:.9}:root[data-theme=dark] .profile-screen .error-banner{background-color:#ff3b301f;border-color:#ff3b3040}:root[data-theme=dark] .profile-screen .error-banner p{color:#ff6b6b}:root[data-theme=dark] .profile-screen .retry-btn{background:linear-gradient(135deg,#2e6f40,#253d2c)}.maintenance-screen{--color-primary:#2e6f40;--color-primary-dark:#253d2c;--color-accent:#68ba7f;--color-surface:#cfffdc;--color-text:#1f2b20;--color-muted:#4f6b57;--color-border:#253d2c14;background:linear-gradient(145deg,#edf1f6,#e5ebf2);display:flex;flex-direction:column;min-height:100vh}.maintenance-screen .header{align-items:center;background:linear-gradient(135deg,#2e6f40,#253d2c);box-shadow:0 4px 12px #253d2c26;color:#fff;display:flex;justify-content:center;min-height:56px;padding:1rem 1.25rem;position:-webkit-sticky;position:sticky;top:0;z-index:12}.maintenance-screen .header h1{flex:1 1;font-size:1.25rem;font-weight:700;letter-spacing:-.3px;margin:0;text-align:center}.maintenance-screen .back-button,.maintenance-screen .tab-toggle{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .2s ease,box-shadow .2s ease;width:40px}.maintenance-screen .back-button{left:1rem}.maintenance-screen .tab-toggle{right:1rem}.maintenance-screen .back-button:hover,.maintenance-screen .tab-toggle:hover{background-color:#ffffff4d}.maintenance-screen .tab-toggle.active{background-color:#ffffff40}.maintenance-screen .main{flex:1 1;overflow-y:auto;padding:1.5rem}.maintenance-screen .maintenance-form{background:linear-gradient(145deg,#fff,#f0f7f2);border-radius:16px;box-shadow:6px 6px 12px #253d2c1f,-6px -6px 12px #ffffffe6,inset 1px 1px 2px #ffffffd9,inset -1px -1px 2px #253d2c0d;display:flex;flex-direction:column;gap:1.25rem;margin:0 auto;max-width:560px;padding:1.5rem 1.75rem}.maintenance-screen .form-section{display:flex;flex-direction:column;gap:.5rem}.maintenance-screen .form-label{color:var(--color-primary-dark);font-size:.9rem;font-weight:700}.maintenance-screen .form-input,.maintenance-screen .form-textarea{background-color:#f5f9f6;border:1.5px solid #253d2c1f;border-radius:10px;box-shadow:inset 1px 1px 2px #ffffffe6;color:var(--color-text);font-family:inherit;font-size:.98rem;padding:.78rem 1rem;transition:all .2s ease;width:100%}.maintenance-screen .form-input::placeholder,.maintenance-screen .form-textarea::placeholder{color:var(--color-muted);opacity:.75}.maintenance-screen .form-input:focus,.maintenance-screen .form-textarea:focus{background-color:#fff;border-color:var(--color-primary);box-shadow:0 0 0 4px #2e6f401f;outline:none}.maintenance-screen .form-textarea{min-height:100px;resize:none}.maintenance-screen .option-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.maintenance-screen .option-btn{align-items:center;background:linear-gradient(145deg,#fff,#f5f9f6);border:1.5px solid #253d2c1a;border-radius:12px;box-shadow:3px 3px 6px #253d2c14,-3px -3px 6px #ffffffe6;color:var(--color-muted);cursor:pointer;display:flex;flex-direction:column;font-size:.75rem;font-weight:500;gap:.35rem;justify-content:center;padding:.85rem .5rem;transition:all .2s ease}.maintenance-screen .option-btn.selected,.maintenance-screen .option-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.maintenance-screen .option-btn.selected{background:linear-gradient(145deg,#e8f5eb,#d4eeda);box-shadow:inset 2px 2px 4px #253d2c1a,inset -2px -2px 4px #ffffffe6}.maintenance-screen .option-icon{font-size:1.35rem}.maintenance-screen .priority-options{display:flex;gap:.5rem}.maintenance-screen .priority-btn{background:linear-gradient(145deg,#fff,#f5f9f6);border:1.5px solid #253d2c1a;border-radius:10px;box-shadow:2px 2px 4px #253d2c0f,-2px -2px 4px #ffffffe6;color:var(--color-muted);cursor:pointer;flex:1 1;font-size:.8rem;font-weight:600;padding:.65rem .5rem;transition:all .2s ease}.maintenance-screen .priority-btn.selected,.maintenance-screen .priority-btn:hover{border-color:var(--priority-color,var(--color-primary))}.maintenance-screen .priority-btn.selected{background:linear-gradient(145deg,#fff,#f9fafb);box-shadow:inset 2px 2px 4px #253d2c0d,inset -2px -2px 4px #ffffffe6;color:var(--color-primary);color:var(--priority-color,var(--color-primary))}.maintenance-screen .image-upload-btn{align-items:center;background:linear-gradient(145deg,#fff,#f5f9f6);border:2px dashed #253d2c33;border-radius:12px;color:var(--color-muted);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:1.5rem;transition:all .2s}.maintenance-screen .image-upload-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.maintenance-screen .image-upload-btn svg{font-size:2rem}.maintenance-screen .image-preview-container{border-radius:12px;overflow:hidden;position:relative}.maintenance-screen .image-preview{border-radius:12px;height:auto;max-height:200px;object-fit:cover;width:100%}.maintenance-screen .remove-image-btn{background:#0009;border:none;border-radius:50%;font-size:20px;height:32px;position:absolute;right:8px;top:8px;width:32px}.maintenance-screen .remove-image-btn,.maintenance-screen .submit-btn{align-items:center;color:#fff;cursor:pointer;display:flex;justify-content:center}.maintenance-screen .submit-btn{background:linear-gradient(135deg,#2e6f40,#253d2c);border:none;border-radius:12px;box-shadow:4px 4px 8px #253d2c33,-2px -2px 4px #ffffff80;font-size:1rem;font-weight:600;gap:.5rem;margin-top:.5rem;padding:.85rem 1.25rem;transition:all .2s ease}.maintenance-screen .submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#357a4a,#2a4532);box-shadow:6px 6px 12px #253d2c40,-3px -3px 6px #fff9;transform:translateY(-1px)}.maintenance-screen .submit-btn:disabled{cursor:not-allowed;opacity:.7}.maintenance-screen .tickets-list{display:flex;flex-direction:column;gap:1rem}.maintenance-screen .ticket-card{background:linear-gradient(145deg,#fff,#f5faf7);border-radius:16px;box-shadow:6px 6px 12px #253d2c1a,-6px -6px 12px #ffffffe6,inset 1px 1px 2px #fffc,inset -1px -1px 2px #253d2c08;cursor:pointer;padding:1.25rem;transition:all .2s ease}.maintenance-screen .ticket-card:hover{box-shadow:8px 8px 16px #253d2c1f,-8px -8px 16px #fffffff2;transform:translateY(-2px)}.maintenance-screen .ticket-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.maintenance-screen .ticket-title{color:var(--color-primary-dark);flex:1 1;font-size:1rem;font-weight:600;margin:0 .75rem 0 0}.maintenance-screen .ticket-status{border-radius:10px;font-size:.7rem;font-weight:700;letter-spacing:.3px;padding:.3rem .6rem;text-transform:uppercase;white-space:nowrap}.maintenance-screen .ticket-meta{align-items:center;color:var(--color-muted);display:flex;flex-wrap:wrap;font-size:.85rem;gap:.35rem;margin-bottom:.5rem}.maintenance-screen .ticket-separator{color:#253d2c4d}.maintenance-screen .ticket-date{align-items:center;color:var(--color-muted);display:flex;font-size:.8rem;gap:.35rem;opacity:.8}.maintenance-screen .loading-container{align-items:center;color:var(--color-muted);display:flex;flex-direction:column;justify-content:center;padding:3rem}.maintenance-screen .loading-container svg{color:var(--color-primary);font-size:2rem;margin-bottom:.75rem}.maintenance-screen .empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 1.5rem;text-align:center}.maintenance-screen .empty-icon{color:#253d2c4d;font-size:3rem;margin-bottom:1rem}.maintenance-screen .empty-state p{color:var(--color-muted);font-size:1rem;margin:0 0 1rem}.maintenance-screen .empty-action-btn{background:linear-gradient(135deg,#2e6f40,#253d2c);border:none;border-radius:10px;box-shadow:4px 4px 8px #253d2c33;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.65rem 1.25rem}.maintenance-screen .spin{animation:spin 1s linear infinite}.maintenance-screen .error-message{background:linear-gradient(145deg,#fff5f5,#fee);border:1px solid #dc262633;border-radius:10px;color:#c41e3a;font-size:.9rem;font-weight:500;padding:.85rem 1rem}.maintenance-screen .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#253d2c99;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.maintenance-screen .modal-content{animation:modalSlideIn .25s ease-out;background:linear-gradient(145deg,#fff,#f5faf7);border-radius:16px;box-shadow:0 24px 60px #253d2c59;max-width:420px;overflow:hidden;width:100%}.maintenance-screen .success-modal{padding:2rem 1.5rem;text-align:center}.maintenance-screen .success-icon{align-items:center;background:linear-gradient(145deg,#e8f5eb,#d4eeda);border-radius:50%;box-shadow:4px 4px 8px #253d2c26,-4px -4px 8px #ffffffe6;display:flex;height:64px;justify-content:center;margin:0 auto 1rem;width:64px}.maintenance-screen .success-icon svg{color:var(--color-primary);font-size:2rem}.maintenance-screen .success-modal h2{color:var(--color-primary-dark);font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.maintenance-screen .success-modal p{color:var(--color-muted);font-size:.95rem;line-height:1.5;margin:0 0 1.5rem}.maintenance-screen .modal-btn.primary{background:linear-gradient(135deg,#2e6f40,#253d2c);border:none;border-radius:10px;box-shadow:4px 4px 8px #253d2c33;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.85rem;width:100%}.maintenance-screen .details-modal{max-height:85vh;overflow-y:auto}.maintenance-screen .details-modal .modal-header{align-items:flex-start;background:linear-gradient(135deg,#2e6f40,#253d2c);border-bottom:1px solid #253d2c1a;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.maintenance-screen .details-modal .modal-header h2{color:#fff;flex:1 1;font-size:1.1rem;font-weight:600;margin:0 .75rem 0 0}.maintenance-screen .modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;line-height:1;padding:0;width:32px}.maintenance-screen .modal-close:hover{background:#ffffff4d}.maintenance-screen .details-modal .modal-body{padding:1.25rem 1.5rem}.maintenance-screen .detail-row{align-items:center;border-bottom:1px solid #253d2c14;display:flex;justify-content:space-between;padding:.85rem 0}.maintenance-screen .detail-label{color:var(--color-muted);font-size:.85rem;font-weight:500}.maintenance-screen .detail-value{color:var(--color-primary-dark);font-size:.9rem;font-weight:600}.maintenance-screen .detail-status{border-radius:10px;font-size:.75rem;font-weight:700;letter-spacing:.3px;padding:.3rem .65rem;text-transform:uppercase}.maintenance-screen .detail-section{border-bottom:1px solid #253d2c14;padding:1rem 0}.maintenance-screen .detail-section:last-child{border-bottom:none}.maintenance-screen .detail-description{color:var(--color-text);font-size:.9rem;line-height:1.6;margin:.5rem 0 0}.maintenance-screen .detail-description.admin-notes{background:linear-gradient(145deg,#e8f5eb,#d4eeda);border-left:3px solid var(--color-primary);border-radius:10px;padding:.85rem 1rem}.maintenance-screen .detail-image{border-radius:10px;height:auto;margin-top:.5rem;width:100%}:root[data-theme=dark] .maintenance-screen{background:linear-gradient(145deg,#1e2420,#1a1f1b)}:root[data-theme=dark] .maintenance-screen .header{background:linear-gradient(135deg,#2a5535,#1e3d28);box-shadow:0 4px 12px #00000059}:root[data-theme=dark] .maintenance-screen .back-button,:root[data-theme=dark] .maintenance-screen .tab-toggle{background-color:#68ba7f26}:root[data-theme=dark] .maintenance-screen .back-button:hover,:root[data-theme=dark] .maintenance-screen .tab-toggle:hover{background-color:#68ba7f40}:root[data-theme=dark] .maintenance-screen .tab-toggle.active{background-color:#68ba7f4d}:root[data-theme=dark] .maintenance-screen .main{background:#0000}:root[data-theme=dark] .maintenance-screen .maintenance-form{background:linear-gradient(145deg,#252b26,#1e2420);box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #3c4b3f1a,inset 1px 1px 2px #3c4b3f26,inset -1px -1px 2px #0003}:root[data-theme=dark] .maintenance-screen .form-label{color:#e8f0e9f2}:root[data-theme=dark] .maintenance-screen .form-input,:root[data-theme=dark] .maintenance-screen .form-textarea{background-color:#262d28;border-color:#68ba7f26;box-shadow:inset 1px 1px 2px #0003;color:#e8f0e9e6}:root[data-theme=dark] .maintenance-screen .form-input::placeholder,:root[data-theme=dark] .maintenance-screen .form-textarea::placeholder{color:#e8f0e980}:root[data-theme=dark] .maintenance-screen .form-input:focus,:root[data-theme=dark] .maintenance-screen .form-textarea:focus{background-color:#2a322d;border-color:#68ba7f;box-shadow:0 0 0 4px #68ba7f1f}:root[data-theme=dark] .maintenance-screen .option-btn{background:linear-gradient(145deg,#252b26,#1e2420);border-color:#68ba7f26;box-shadow:3px 3px 6px #00000040,-3px -3px 6px #3c4b3f14;color:#e8f0e9b3}:root[data-theme=dark] .maintenance-screen .option-btn:hover{border-color:#68ba7f;color:#68ba7f}:root[data-theme=dark] .maintenance-screen .option-btn.selected{background:linear-gradient(145deg,#2a322d,#253028);border-color:#68ba7f;box-shadow:inset 2px 2px 4px #0003,inset -2px -2px 4px #3c4b3f1a;color:#68ba7f}:root[data-theme=dark] .maintenance-screen .priority-btn{background:linear-gradient(145deg,#252b26,#1e2420);border-color:#68ba7f26;box-shadow:2px 2px 4px #00000040,-2px -2px 4px #3c4b3f14;color:#e8f0e9b3}:root[data-theme=dark] .maintenance-screen .priority-btn:hover{border-color:#68ba7f;border-color:var(--priority-color,#68ba7f)}:root[data-theme=dark] .maintenance-screen .priority-btn.selected{background:linear-gradient(145deg,#252b26,#1e2420);box-shadow:inset 2px 2px 4px #0003,inset -2px -2px 4px #3c4b3f1a}:root[data-theme=dark] .maintenance-screen .image-upload-btn{background:linear-gradient(145deg,#252b26,#1e2420);border-color:#68ba7f40;color:#e8f0e999}:root[data-theme=dark] .maintenance-screen .image-upload-btn:hover{border-color:#68ba7f;color:#68ba7f}:root[data-theme=dark] .maintenance-screen .submit-btn{background:linear-gradient(135deg,#68ba7f,#4a9960);box-shadow:4px 4px 8px #0000004d,-2px -2px 4px #3c4b3f1a;color:#1e2420}:root[data-theme=dark] .maintenance-screen .submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#7ac98d,#5aaa70)}:root[data-theme=dark] .maintenance-screen .ticket-card{background:linear-gradient(145deg,#252b26,#1e2420);box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #3c4b3f1a,inset 1px 1px 2px #3c4b3f26,inset -1px -1px 2px #0003}:root[data-theme=dark] .maintenance-screen .ticket-card:hover{box-shadow:8px 8px 16px #00000059,-8px -8px 16px #3c4b3f1f}:root[data-theme=dark] .maintenance-screen .ticket-title{color:#e8f0e9f2}:root[data-theme=dark] .maintenance-screen .ticket-meta{color:#e8f0e999}:root[data-theme=dark] .maintenance-screen .ticket-separator{color:#68ba7f4d}:root[data-theme=dark] .maintenance-screen .ticket-date{color:#e8f0e980}:root[data-theme=dark] .maintenance-screen .loading-container{color:#e8f0e9b3}:root[data-theme=dark] .maintenance-screen .loading-container svg{color:#68ba7f}:root[data-theme=dark] .maintenance-screen .empty-icon{color:#68ba7f66}:root[data-theme=dark] .maintenance-screen .empty-state p{color:#e8f0e9b3}:root[data-theme=dark] .maintenance-screen .empty-action-btn{background:linear-gradient(135deg,#68ba7f,#4a9960);color:#1e2420}:root[data-theme=dark] .maintenance-screen .error-message{background:linear-gradient(145deg,#3d2828,#2d2020);border-color:#ff64644d;color:#ff9da7}:root[data-theme=dark] .maintenance-screen .modal-overlay{background-color:#000000b3}:root[data-theme=dark] .maintenance-screen .modal-content{background:linear-gradient(145deg,#252b26,#1e2420);box-shadow:0 24px 60px #00000080}:root[data-theme=dark] .maintenance-screen .success-icon{background:linear-gradient(145deg,#2a322d,#253028);box-shadow:4px 4px 8px #00000040,-4px -4px 8px #3c4b3f1a}:root[data-theme=dark] .maintenance-screen .success-icon svg{color:#68ba7f}:root[data-theme=dark] .maintenance-screen .success-modal h2{color:#e8f0e9f2}:root[data-theme=dark] .maintenance-screen .success-modal p{color:#e8f0e9b3}:root[data-theme=dark] .maintenance-screen .modal-btn.primary{background:linear-gradient(135deg,#68ba7f,#4a9960);color:#1e2420}:root[data-theme=dark] .maintenance-screen .details-modal .modal-header{background:linear-gradient(135deg,#2a5535,#1e3d28)}:root[data-theme=dark] .maintenance-screen .detail-row{border-bottom-color:#68ba7f1f}:root[data-theme=dark] .maintenance-screen .detail-label{color:#e8f0e999}:root[data-theme=dark] .maintenance-screen .detail-value{color:#e8f0e9f2}:root[data-theme=dark] .maintenance-screen .detail-section{border-bottom-color:#68ba7f1f}:root[data-theme=dark] .maintenance-screen .detail-description{color:#e8f0e9e6}:root[data-theme=dark] .maintenance-screen .detail-description.admin-notes{background:linear-gradient(145deg,#2a322d,#253028);border-left-color:#68ba7f}.inbox-screen{--color-primary:#2e6f40;--color-primary-dark:#253d2c;--color-accent:#68ba7f;--color-surface:#cfffdc;--color-text:#1f2b20;--color-muted:#4f6b57;--color-border:#253d2c14;background:linear-gradient(145deg,#edf1f6,#e5ebf2);display:flex;flex-direction:column;min-height:100vh}.inbox-screen .header{align-items:center;background:linear-gradient(135deg,#2e6f40,#253d2c);box-shadow:0 4px 12px #253d2c26;color:#fff;display:flex;justify-content:center;min-height:56px;padding:1rem 1.25rem;position:-webkit-sticky;position:sticky;top:0;z-index:12}.inbox-screen .header h1{flex:1 1;font-size:1.25rem;font-weight:700;letter-spacing:-.3px;margin:0;text-align:center}.inbox-screen .back-button,.inbox-screen .tab-toggle{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .2s ease,box-shadow .2s ease;width:40px}.inbox-screen .back-button{left:1rem}.inbox-screen .tab-toggle{right:1rem}.inbox-screen .back-button:hover,.inbox-screen .tab-toggle:hover{background-color:#ffffff4d}.inbox-screen .tab-toggle.active{background-color:#ffffff40}.inbox-screen .main{flex:1 1;overflow-y:auto;padding:1.5rem}.inbox-screen .inbox-form{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:560px}.inbox-screen .form-section{background:linear-gradient(145deg,#fff,#f0f7f2);border-radius:16px;box-shadow:6px 6px 12px #253d2c1f,-6px -6px 12px #ffffffe6,inset 1px 1px 2px #ffffffd9,inset -1px -1px 2px #253d2c0d;display:flex;flex-direction:column;gap:.75rem;padding:1.25rem}.inbox-screen .form-label{align-items:center;color:var(--color-primary-dark);display:flex;font-size:.95rem;font-weight:700;gap:.5rem}.inbox-screen .form-label:before{background:linear-gradient(135deg,#2e6f40,#253d2c);border-radius:2px;content:"";height:18px;width:4px}.inbox-screen .form-input,.inbox-screen .form-textarea{background-color:#f5f9f6;border:1.5px solid #253d2c1f;border-radius:10px;box-shadow:inset 1px 1px 2px #ffffffe6;color:var(--color-text);font-family:inherit;font-size:.98rem;padding:.78rem 1rem;transition:all .2s ease;width:100%}.inbox-screen .form-input::placeholder,.inbox-screen .form-textarea::placeholder{color:var(--color-muted);opacity:.75}.inbox-screen .form-input:focus,.inbox-screen .form-textarea:focus{background-color:#fff;border-color:var(--color-primary);box-shadow:0 0 0 4px #2e6f401f;outline:none}.inbox-screen .form-textarea{min-height:150px;resize:none}.inbox-screen .recipient-options{display:flex;flex-direction:column;gap:.65rem}.inbox-screen .recipient-btn{align-items:center;background:linear-gradient(145deg,#fff,#f5f9f6);border:1.5px solid #253d2c1a;border-radius:12px;box-shadow:3px 3px 6px #253d2c14,-3px -3px 6px #ffffffe6;cursor:pointer;display:flex;gap:.85rem;padding:1rem;text-align:left;transition:all .2s ease}.inbox-screen .recipient-btn:hover{border-color:var(--color-primary)}.inbox-screen .recipient-btn.selected{background:linear-gradient(145deg,#e8f5eb,#d4eeda);border-color:var(--color-primary);box-shadow:inset 2px 2px 4px #253d2c1a,inset -2px -2px 4px #ffffffe6}.inbox-screen .recipient-icon{align-items:center;background:linear-gradient(145deg,#f5f9f6,#e8f0eb);border-radius:12px;box-shadow:2px 2px 4px #253d2c14,-2px -2px 4px #ffffffe6;color:var(--color-muted);display:flex;font-size:1.35rem;height:44px;justify-content:center;transition:all .2s;width:44px}.inbox-screen .recipient-btn.selected .recipient-icon{background:linear-gradient(135deg,#2e6f40,#253d2c);box-shadow:2px 2px 4px #253d2c33;color:#fff}.inbox-screen .recipient-info{display:flex;flex-direction:column;gap:2px}.inbox-screen .recipient-name{color:var(--color-primary-dark);font-size:.95rem;font-weight:600}.inbox-screen .recipient-desc{color:var(--color-muted);font-size:.8rem}.inbox-screen .form-note{align-items:center;background:linear-gradient(145deg,#e8f5eb,#d4eeda);border-left:4px solid var(--color-primary);border-radius:12px;box-shadow:3px 3px 6px #253d2c14,-3px -3px 6px #ffffffe6;color:var(--color-muted);display:flex;font-size:.85rem;gap:.65rem;padding:1rem 1.25rem}.inbox-screen .form-note svg{color:var(--color-primary);flex-shrink:0;font-size:1.25rem}.inbox-screen .submit-btn{align-items:center;background:linear-gradient(135deg,#2e6f40,#253d2c);border:none;border-radius:14px;box-shadow:6px 6px 12px #253d2c33,-3px -3px 6px #ffffff80;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 1.25rem;transition:all .2s ease}.inbox-screen .submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#357a4a,#2a4532);box-shadow:6px 6px 12px #253d2c40,-3px -3px 6px #fff9;transform:translateY(-1px)}.inbox-screen .submit-btn:disabled{cursor:not-allowed;opacity:.7}.inbox-screen .messages-list{display:flex;flex-direction:column;gap:1rem}.inbox-screen .message-card{background:linear-gradient(145deg,#fff,#f5faf7);border-left:4px solid var(--color-primary);border-radius:16px;box-shadow:6px 6px 12px #253d2c1a,-6px -6px 12px #ffffffe6,inset 1px 1px 2px #fffc,inset -1px -1px 2px #253d2c08;cursor:pointer;padding:1.25rem;position:relative;transition:all .2s ease}.inbox-screen .message-card:hover{box-shadow:8px 8px 16px #253d2c1f,-8px -8px 16px #fffffff2;transform:translateY(-2px)}.inbox-screen .message-card.unread{border-left:4px solid var(--color-accent)}.inbox-screen .message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.inbox-screen .message-recipient{align-items:center;color:var(--color-muted);display:flex;font-size:.85rem;gap:.35rem}.inbox-screen .message-recipient svg{font-size:1rem}.inbox-screen .message-status{align-items:center;border-radius:10px;display:flex;font-size:.7rem;font-weight:700;gap:.25rem;letter-spacing:.3px;padding:.3rem .6rem;text-transform:uppercase;white-space:nowrap}.inbox-screen .message-status svg{font-size:.75rem}.inbox-screen .message-subject{color:var(--color-primary-dark);font-size:1rem;font-weight:600;margin:0 0 .25rem}.inbox-screen .message-preview{color:var(--color-muted);font-size:.85rem;line-height:1.4;margin:0 0 .5rem}.inbox-screen .message-date{align-items:center;color:var(--color-muted);display:flex;font-size:.8rem;gap:.35rem;opacity:.8}.inbox-screen .new-reply-indicator{background:linear-gradient(135deg,#2e6f40,#253d2c);border-radius:10px;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.3px;padding:.3rem .6rem;position:absolute;right:12px;text-transform:uppercase;top:12px}.inbox-screen .loading-container{align-items:center;color:var(--color-muted);display:flex;flex-direction:column;justify-content:center;padding:3rem}.inbox-screen .loading-container svg{color:var(--color-primary);font-size:2rem;margin-bottom:.75rem}.inbox-screen .empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 1.5rem;text-align:center}.inbox-screen .empty-icon{color:#253d2c4d;font-size:3rem;margin-bottom:1rem}.inbox-screen .empty-state p{color:var(--color-muted);font-size:1rem;margin:0 0 1rem}.inbox-screen .empty-action-btn{background:linear-gradient(135deg,#2e6f40,#253d2c);border:none;border-radius:10px;box-shadow:4px 4px 8px #253d2c33;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.65rem 1.25rem}.inbox-screen .spin{animation:spin 1s linear infinite}.inbox-screen .error-message{background:linear-gradient(145deg,#fff5f5,#fee);border:1px solid #dc262633;border-radius:10px;color:#c41e3a;font-size:.9rem;font-weight:500;padding:.85rem 1rem}.inbox-screen .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#253d2c99;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.inbox-screen .modal-content{animation:modalSlideIn .25s ease-out;background:linear-gradient(145deg,#fff,#f5faf7);border-radius:16px;box-shadow:0 24px 60px #253d2c59;max-width:420px;overflow:hidden;width:100%}.inbox-screen .success-modal{padding:2rem 1.5rem;text-align:center}.inbox-screen .success-icon{align-items:center;background:linear-gradient(145deg,#e8f5eb,#d4eeda);border-radius:50%;box-shadow:4px 4px 8px #253d2c26,-4px -4px 8px #ffffffe6;display:flex;height:64px;justify-content:center;margin:0 auto 1rem;width:64px}.inbox-screen .success-icon svg{color:var(--color-primary);font-size:2rem}.inbox-screen .success-modal h2{color:var(--color-primary-dark);font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.inbox-screen .success-modal p{color:var(--color-muted);font-size:.95rem;line-height:1.5;margin:0 0 1.5rem}.inbox-screen .modal-btn.primary{background:linear-gradient(135deg,#2e6f40,#253d2c);border:none;border-radius:10px;box-shadow:4px 4px 8px #253d2c33;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.85rem;width:100%}.inbox-screen .details-modal{max-height:85vh;overflow-y:auto}.inbox-screen .details-modal .modal-header{align-items:flex-start;background:linear-gradient(135deg,#2e6f40,#253d2c);border-bottom:1px solid #253d2c1a;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.inbox-screen .details-modal .modal-header h2{color:#fff;flex:1 1;font-size:1.1rem;font-weight:600;margin:0 .75rem 0 0}.inbox-screen .modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;line-height:1;padding:0;width:32px}.inbox-screen .modal-close:hover{background:#ffffff4d}.inbox-screen .details-modal .modal-body{padding:1.25rem 1.5rem}.inbox-screen .detail-row{align-items:center;border-bottom:1px solid #253d2c14;display:flex;justify-content:space-between;padding:.85rem 0}.inbox-screen .detail-label{color:var(--color-muted);font-size:.85rem;font-weight:500}.inbox-screen .detail-value{color:var(--color-primary-dark);font-size:.9rem;font-weight:600}.inbox-screen .recipient-value{align-items:center;display:flex;gap:.35rem}.inbox-screen .recipient-value svg{color:var(--color-primary);font-size:1.15rem}.inbox-screen .detail-status{border-radius:10px;font-size:.75rem;font-weight:700;letter-spacing:.3px;padding:.3rem .65rem;text-transform:uppercase}.inbox-screen .conversation-section{padding-top:1rem}.inbox-screen .conversation-message{border-radius:12px;margin-bottom:.85rem;padding:1rem}.inbox-screen .conversation-message.sent{background:linear-gradient(145deg,#f5f9f6,#eef4f0);border-bottom-right-radius:4px}.inbox-screen .conversation-message.received{background:linear-gradient(145deg,#e8f5eb,#d4eeda);border-bottom-left-radius:4px;border-left:3px solid var(--color-primary)}.inbox-screen .conversation-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.inbox-screen .conversation-sender{color:var(--color-primary-dark);font-size:.85rem;font-weight:600}.inbox-screen .conversation-message.received .conversation-sender{color:var(--color-primary)}.inbox-screen .conversation-time{color:var(--color-muted);font-size:.7rem;opacity:.8}.inbox-screen .conversation-text{color:var(--color-text);font-size:.9rem;line-height:1.5;margin:0;white-space:pre-wrap}.inbox-screen .awaiting-reply{align-items:center;background:linear-gradient(145deg,#f5f9f6,#eef4f0);border-radius:10px;color:var(--color-muted);display:flex;font-size:.85rem;gap:.5rem;justify-content:center;padding:1rem}.inbox-screen .awaiting-reply svg{color:var(--color-muted);font-size:1rem;opacity:.7}:root[data-theme=dark] .inbox-screen{background:radial-gradient(circle at 20% 20%,#68ba7f14,#0000 45%),radial-gradient(circle at 80% 0,#253d2c4d,#0000 45%),#1a1f1b!important}:root[data-theme=dark] .inbox-screen .header{background:linear-gradient(135deg,#2a5535,#1e3d28);box-shadow:0 4px 12px #00000059}:root[data-theme=dark] .inbox-screen .form-section{background:linear-gradient(145deg,#252b26,#1e2420);box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #3c4b3f1a,inset 1px 1px 2px #3c4b3f26,inset -1px -1px 2px #0003}:root[data-theme=dark] .inbox-screen .form-label{color:#e8f0e9}:root[data-theme=dark] .inbox-screen .form-label:before{background:linear-gradient(135deg,#68ba7f,#4a9960)}:root[data-theme=dark] .inbox-screen .form-input,:root[data-theme=dark] .inbox-screen .form-textarea{background-color:#1e2420;border-color:#68ba7f26;box-shadow:inset 2px 2px 4px #0003;color:#e8f0e9}:root[data-theme=dark] .inbox-screen .form-input::placeholder,:root[data-theme=dark] .inbox-screen .form-textarea::placeholder{color:#9ab8a0}:root[data-theme=dark] .inbox-screen .form-input:focus,:root[data-theme=dark] .inbox-screen .form-textarea:focus{background-color:#252b26;border-color:#68ba7f;box-shadow:0 0 0 3px #68ba7f26}:root[data-theme=dark] .inbox-screen .recipient-btn{background:linear-gradient(145deg,#252b26,#1e2420);border-color:#68ba7f26;box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #3c4b3f1a,inset 1px 1px 2px #3c4b3f26,inset -1px -1px 2px #0003}:root[data-theme=dark] .inbox-screen .recipient-btn.selected,:root[data-theme=dark] .inbox-screen .recipient-btn:hover{background:linear-gradient(145deg,#2a312b,#232a25);border-color:#68ba7f}:root[data-theme=dark] .inbox-screen .recipient-btn.selected{box-shadow:inset 3px 3px 6px #0000004d,inset -2px -2px 4px #3c4b3f1a}:root[data-theme=dark] .inbox-screen .recipient-icon{background:linear-gradient(145deg,#252b26,#1e2420);box-shadow:3px 3px 6px #00000040,-3px -3px 6px #3c4b3f14;color:#9ab8a0}:root[data-theme=dark] .inbox-screen .recipient-btn.selected .recipient-icon{background:linear-gradient(135deg,#2e6f40,#253d2c);box-shadow:3px 3px 6px #0000004d;color:#cfffdc}:root[data-theme=dark] .inbox-screen .recipient-name{color:#e8f0e9}:root[data-theme=dark] .inbox-screen .recipient-desc{color:#9ab8a0}:root[data-theme=dark] .inbox-screen .form-note{background:linear-gradient(145deg,#252b26,#1e2420);border-left-color:#68ba7f;box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #3c4b3f1a;color:#9ab8a0}:root[data-theme=dark] .inbox-screen .form-note svg{color:#68ba7f}:root[data-theme=dark] .inbox-screen .submit-btn{background:linear-gradient(135deg,#2e6f40,#253d2c);box-shadow:6px 6px 12px #00000059,-4px -4px 10px #3c4b3f1a;color:#fff}:root[data-theme=dark] .inbox-screen .submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#357a4a,#2a4532);box-shadow:8px 8px 16px #0006,-6px -6px 12px #3c4b3f1f}:root[data-theme=dark] .inbox-screen .message-card{background:linear-gradient(145deg,#252b26,#1e2420);border-left-color:#68ba7f;box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #3c4b3f1a,inset 1px 1px 2px #3c4b3f26,inset -1px -1px 2px #0003}:root[data-theme=dark] .inbox-screen .message-card:hover{background:linear-gradient(145deg,#2a312b,#232a25);box-shadow:8px 8px 16px #00000059,-8px -8px 16px #3c4b3f1f}:root[data-theme=dark] .inbox-screen .message-card.unread{border-left-color:#68ba7f}:root[data-theme=dark] .inbox-screen .message-recipient{color:#9ab8a0}:root[data-theme=dark] .inbox-screen .message-subject{color:#e8f0e9}:root[data-theme=dark] .inbox-screen .message-preview{color:#cfffdcb3}:root[data-theme=dark] .inbox-screen .message-date{color:#cfffdc99}:root[data-theme=dark] .inbox-screen .new-reply-indicator{background:linear-gradient(135deg,#2e6f40,#253d2c);color:#cfffdc}:root[data-theme=dark] .inbox-screen .loading-container{color:#9ab8a0}:root[data-theme=dark] .inbox-screen .loading-container svg{color:#68ba7f}:root[data-theme=dark] .inbox-screen .empty-icon{color:#68ba7f66}:root[data-theme=dark] .inbox-screen .empty-state p{color:#9ab8a0}:root[data-theme=dark] .inbox-screen .empty-action-btn{background:linear-gradient(135deg,#2e6f40,#253d2c);box-shadow:6px 6px 12px #00000059,-4px -4px 10px #3c4b3f1a;color:#fff}:root[data-theme=dark] .inbox-screen .error-message{background:linear-gradient(145deg,#3d2525,#352020);border-color:#dc26264d;color:#f87171}:root[data-theme=dark] .inbox-screen .modal-overlay{background-color:#000000b3}:root[data-theme=dark] .inbox-screen .modal-content{background:linear-gradient(145deg,#252b26,#1e2420);box-shadow:0 24px 60px #00000080,inset 1px 1px 2px #3c4b3f26}:root[data-theme=dark] .inbox-screen .success-icon{background:linear-gradient(145deg,#252b26,#1e2420);box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #3c4b3f1a}:root[data-theme=dark] .inbox-screen .success-icon svg{color:#68ba7f}:root[data-theme=dark] .inbox-screen .success-modal h2{color:#e8f0e9}:root[data-theme=dark] .inbox-screen .success-modal p{color:#9ab8a0}:root[data-theme=dark] .inbox-screen .modal-btn.primary{background:linear-gradient(135deg,#2e6f40,#253d2c);box-shadow:6px 6px 12px #00000059,-4px -4px 10px #3c4b3f1a;color:#fff}:root[data-theme=dark] .inbox-screen .details-modal .modal-header{background:linear-gradient(135deg,#2e6f40,#253d2c)}:root[data-theme=dark] .inbox-screen .details-modal .modal-body{background:linear-gradient(145deg,#252b26,#1e2420)}:root[data-theme=dark] .inbox-screen .detail-row{border-bottom-color:#68ba7f26}:root[data-theme=dark] .inbox-screen .detail-label{color:#9ab8a0}:root[data-theme=dark] .inbox-screen .detail-value{color:#e8f0e9}:root[data-theme=dark] .inbox-screen .recipient-value svg{color:#68ba7f}:root[data-theme=dark] .inbox-screen .detail-status{background:#68ba7f26!important;color:#68ba7f!important}:root[data-theme=dark] .inbox-screen .conversation-message.sent{background:linear-gradient(145deg,#1e2420,#1a1f1b)}:root[data-theme=dark] .inbox-screen .conversation-message.received{background:linear-gradient(145deg,#252b26,#1e2420);border-left-color:#68ba7f}:root[data-theme=dark] .inbox-screen .conversation-sender{color:#e8f0e9}:root[data-theme=dark] .inbox-screen .conversation-message.received .conversation-sender{color:#68ba7f}:root[data-theme=dark] .inbox-screen .conversation-time{color:#cfffdc99}:root[data-theme=dark] .inbox-screen .conversation-text{color:#cfffdce6}:root[data-theme=dark] .inbox-screen .awaiting-reply{background:linear-gradient(145deg,#252b26,#1e2420);box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #3c4b3f1a;color:#9ab8a0}:root[data-theme=dark] .inbox-screen .awaiting-reply svg{color:#9ab8a0}.admin-maintenance-screen{--color-primary:#2e6f40;--color-primary-dark:#253d2c;--color-accent:#68ba7f;--color-surface:#cfffdc;--color-text:#1f2b20;--color-muted:#4f6b57;--color-border:#253d2c14;background:linear-gradient(145deg,#edf1f6,#e5ebf2);display:flex;flex-direction:column;min-height:100vh}.admin-maintenance-screen .header{align-items:center;background:linear-gradient(135deg,#2e6f40,#253d2c);box-shadow:0 4px 12px #253d2c26;color:#fff;display:flex;justify-content:center;min-height:56px;padding:1rem 1.25rem;position:-webkit-sticky;position:sticky;top:0;z-index:12}.admin-maintenance-screen .header h1{flex:1 1;font-size:1.25rem;font-weight:700;letter-spacing:-.3px;margin:0;text-align:center}.admin-maintenance-screen .back-button,.admin-maintenance-screen .filter-toggle{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .2s ease,box-shadow .2s ease;width:40px}.admin-maintenance-screen .back-button{left:1rem}.admin-maintenance-screen .filter-toggle{right:1rem}.admin-maintenance-screen .back-button:hover,.admin-maintenance-screen .filter-toggle:hover{background-color:#ffffff4d}.admin-maintenance-screen .filter-toggle.active{background-color:#ffffff40}.admin-maintenance-screen .status-tabs{-webkit-overflow-scrolling:touch;background:linear-gradient(145deg,#fff,#f5faf7);border-bottom:1px solid #253d2c14;box-shadow:0 2px 8px #253d2c0d;display:flex;overflow-x:auto}.admin-maintenance-screen .status-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--color-muted);cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:600;gap:.4rem;justify-content:center;min-width:-webkit-fit-content;min-width:fit-content;padding:.85rem 1rem;transition:all .2s;white-space:nowrap}.admin-maintenance-screen .status-tab:hover{color:var(--color-primary)}.admin-maintenance-screen .status-tab.active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.admin-maintenance-screen .status-count{background:linear-gradient(135deg,#2e6f40,#253d2c);border-radius:10px;color:#fff;font-size:.65rem;font-weight:700;min-width:18px;padding:.2rem .5rem}.admin-maintenance-screen .status-tab:not(.active) .status-count{background:#253d2c26;color:var(--color-muted)}.admin-maintenance-screen .filters-section{background:linear-gradient(145deg,#fff,#f5faf7);border-bottom:1px solid #253d2c14;display:flex;gap:.75rem;padding:.85rem 1rem}.admin-maintenance-screen .search-box{align-items:center;background:#f5f9f6;border:1.5px solid #253d2c1a;border-radius:10px;display:flex;flex:1 1;gap:.5rem;padding:.6rem .85rem;transition:all .2s}.admin-maintenance-screen .search-box:focus-within{background:#fff;border-color:var(--color-primary)}.admin-maintenance-screen .search-box svg{color:var(--color-muted);font-size:1.15rem}.admin-maintenance-screen .search-box input{background:none;border:none;color:var(--color-text);flex:1 1;font-size:.9rem}.admin-maintenance-screen .search-box input:focus{outline:none}.admin-maintenance-screen .search-box input::placeholder{color:var(--color-muted);opacity:.7}.admin-maintenance-screen .priority-filter{position:relative}.admin-maintenance-screen .priority-filter select{-webkit-appearance:none;appearance:none;background:#f5f9f6;border:1.5px solid #253d2c1a;border-radius:10px;color:var(--color-text);cursor:pointer;font-size:.9rem;padding:.6rem 2rem .6rem .85rem;transition:all .2s}.admin-maintenance-screen .priority-filter select:focus{border-color:var(--color-primary);outline:none}.admin-maintenance-screen .select-icon{color:var(--color-muted);font-size:1.15rem;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.admin-maintenance-screen .main{flex:1 1;overflow-y:auto;padding:1.25rem}.admin-maintenance-screen .tickets-list{display:flex;flex-direction:column;gap:1rem}.admin-maintenance-screen .ticket-card{background:linear-gradient(145deg,#fff,#f5faf7);border-radius:16px;box-shadow:6px 6px 12px #253d2c1a,-6px -6px 12px #ffffffe6,inset 1px 1px 2px #fffc,inset -1px -1px 2px #253d2c08;cursor:pointer;display:flex;overflow:hidden;transition:all .2s ease}.admin-maintenance-screen .ticket-card:hover{box-shadow:8px 8px 16px #253d2c1f,-8px -8px 16px #fffffff2;transform:translateY(-2px)}.admin-maintenance-screen .ticket-priority-bar{flex-shrink:0;width:4px}.admin-maintenance-screen .ticket-content{flex:1 1;padding:1rem}.admin-maintenance-screen .ticket-header{align-items:flex-start;display:flex;gap:.65rem;margin-bottom:.5rem}.ticket-category-icon{align-items:center;background:linear-gradient(145deg,#e8f5eb,#d4eeda);border-radius:10px;box-shadow:2px 2px 4px #253d2c14,-2px -2px 4px #ffffffe6;color:var(--color-primary);display:flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;width:36px}.admin-maintenance-screen .ticket-title{color:var(--color-primary-dark);flex:1 1;font-size:.95rem;font-weight:600;line-height:1.3;margin:0}.admin-maintenance-screen .ticket-status{border-radius:10px;font-size:.65rem;font-weight:700;letter-spacing:.3px;padding:.3rem .55rem;text-transform:uppercase;white-space:nowrap}.admin-maintenance-screen .ticket-info{align-items:center;color:var(--color-muted);display:flex;flex-wrap:wrap;font-size:.85rem;gap:.25rem;margin-bottom:.5rem}.admin-maintenance-screen .ticket-student{color:var(--color-primary-dark);font-weight:600}.admin-maintenance-screen .ticket-separator{color:#253d2c4d}.admin-maintenance-screen .ticket-meta{align-items:center;display:flex;justify-content:space-between}.admin-maintenance-screen .ticket-date{align-items:center;color:var(--color-muted);display:flex;font-size:.8rem;gap:.35rem;opacity:.8}.admin-maintenance-screen .ticket-priority-label{font-size:.7rem;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.admin-maintenance-screen .loading-container{align-items:center;color:var(--color-muted);display:flex;flex-direction:column;justify-content:center;padding:3rem}.admin-maintenance-screen .loading-container svg{color:var(--color-primary);font-size:2rem;margin-bottom:.75rem}.admin-maintenance-screen .empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 1.5rem;text-align:center}.admin-maintenance-screen .empty-icon{color:#253d2c4d;font-size:3rem;margin-bottom:1rem}.admin-maintenance-screen .empty-state p{color:var(--color-muted);font-size:1rem;margin:0}.admin-maintenance-screen .spin{animation:spin 1s linear infinite}.admin-maintenance-screen .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#253d2c99;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.admin-maintenance-screen .modal-content{animation:modalSlideIn .25s ease-out;background:linear-gradient(145deg,#fff,#f5faf7);border-radius:16px;box-shadow:0 24px 60px #253d2c59;max-width:480px;overflow:hidden;width:100%}.admin-maintenance-screen .details-modal{max-height:90vh;overflow-y:auto}.admin-maintenance-screen .modal-header{align-items:flex-start;background:linear-gradient(135deg,#2e6f40,#253d2c);border-bottom:1px solid #253d2c1a;display:flex;justify-content:space-between;padding:1.25rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:1}.admin-maintenance-screen .modal-header h2{color:#fff;flex:1 1;font-size:1.1rem;font-weight:600;margin:0 .75rem 0 0}.admin-maintenance-screen .modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;line-height:1;padding:0;width:32px}.admin-maintenance-screen .modal-close:hover{background:#ffffff4d}.admin-maintenance-screen .modal-body{padding:1.25rem 1.5rem}.admin-maintenance-screen .detail-card{background:linear-gradient(145deg,#e8f5eb,#d4eeda);border-left:3px solid var(--color-primary);border-radius:12px;margin-bottom:1rem;padding:1rem}.admin-maintenance-screen .detail-card h4{color:var(--color-muted);font-size:.75rem;font-weight:600;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.admin-maintenance-screen .student-name{color:var(--color-primary-dark);font-size:1rem;font-weight:700;margin:0 0 .25rem}.admin-maintenance-screen .room-number{color:var(--color-muted);font-size:.9rem;margin:0}.admin-maintenance-screen .detail-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.admin-maintenance-screen .detail-item{display:flex;flex-direction:column;gap:.25rem}.admin-maintenance-screen .detail-label{color:var(--color-muted);font-size:.8rem;font-weight:500}.admin-maintenance-screen .detail-value{color:var(--color-primary-dark);font-size:.9rem;font-weight:600}.admin-maintenance-screen .detail-section{margin-bottom:1.25rem}.admin-maintenance-screen .detail-section h4{color:var(--color-primary-dark);font-size:.85rem;font-weight:700;margin:0 0 .5rem}.admin-maintenance-screen .description-text{background:linear-gradient(145deg,#f5f9f6,#eef4f0);border-radius:10px;color:var(--color-text);font-size:.9rem;line-height:1.6;margin:0;padding:.85rem 1rem}.admin-maintenance-screen .detail-image{border-radius:10px;height:auto;width:100%}.admin-maintenance-screen .admin-notes-input{background-color:#f5f9f6;border:1.5px solid #253d2c1f;border-radius:10px;color:var(--color-text);font-family:inherit;font-size:.9rem;padding:.78rem 1rem;resize:none;transition:all .2s ease;width:100%}.admin-maintenance-screen .admin-notes-input:focus{background-color:#fff;border-color:var(--color-primary);box-shadow:0 0 0 4px #2e6f401f;outline:none}.admin-maintenance-screen .save-notes-btn{background:linear-gradient(135deg,#2e6f40,#253d2c);border:none;border-radius:8px;box-shadow:3px 3px 6px #253d2c26;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;margin-top:.5rem;padding:.6rem 1rem}.admin-maintenance-screen .save-notes-btn:hover:not(:disabled){background:linear-gradient(135deg,#357a4a,#2a4532)}.admin-maintenance-screen .save-notes-btn:disabled{cursor:not-allowed;opacity:.7}.admin-maintenance-screen .status-actions{border-top:1px solid #253d2c1a;padding-top:1rem}.admin-maintenance-screen .status-actions h4{color:var(--color-primary-dark);font-size:.85rem;font-weight:700;margin:0 0 .75rem}.admin-maintenance-screen .status-buttons{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.admin-maintenance-screen .status-btn{align-items:center;background:linear-gradient(145deg,#fff,#f5f9f6);border:1.5px solid #253d2c1f;border-radius:10px;box-shadow:2px 2px 4px #253d2c0f,-2px -2px 4px #ffffffe6;color:var(--color-muted);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.35rem;justify-content:center;padding:.65rem;transition:all .2s}.admin-maintenance-screen .status-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.admin-maintenance-screen .status-btn:disabled{cursor:not-allowed;opacity:.6}.admin-maintenance-screen .status-btn.open.active{background:linear-gradient(145deg,#eff6ff,#e0eeff);border-color:#3b82f6;box-shadow:inset 2px 2px 4px #3b82f61a;color:#3b82f6}.admin-maintenance-screen .status-btn.in-progress.active{background:linear-gradient(145deg,#fffbeb,#fff3d0);border-color:#f59e0b;box-shadow:inset 2px 2px 4px #f59e0b1a;color:#f59e0b}.admin-maintenance-screen .status-btn.resolved.active{background:linear-gradient(145deg,#e8f5eb,#d4eeda);border-color:var(--color-primary);box-shadow:inset 2px 2px 4px #2e6f401a;color:var(--color-primary)}.admin-maintenance-screen .status-btn.closed.active{background:linear-gradient(145deg,#f3f4f6,#e5e7eb);border-color:#6b7280;box-shadow:inset 2px 2px 4px #6b72801a;color:#6b7280}:root[data-theme=dark] .admin-maintenance-screen{background:linear-gradient(145deg,#1e2420,#1a1f1b)}:root[data-theme=dark] .admin-maintenance-screen .header{background:linear-gradient(135deg,#2a5535,#1e3d28);box-shadow:0 4px 12px #00000059}:root[data-theme=dark] .admin-maintenance-screen .back-button,:root[data-theme=dark] .admin-maintenance-screen .filter-toggle{background-color:#68ba7f26}:root[data-theme=dark] .admin-maintenance-screen .back-button:hover,:root[data-theme=dark] .admin-maintenance-screen .filter-toggle:hover{background-color:#68ba7f40}:root[data-theme=dark] .admin-maintenance-screen .filter-toggle.active{background-color:#68ba7f4d}:root[data-theme=dark] .admin-maintenance-screen .status-tabs{background:linear-gradient(145deg,#1e2420,#252b26);border-bottom-color:#68ba7f1f;box-shadow:0 2px 8px #0003}:root[data-theme=dark] .admin-maintenance-screen .status-tab{color:#e8f0e9b3}:root[data-theme=dark] .admin-maintenance-screen .status-tab:hover{color:#68ba7f}:root[data-theme=dark] .admin-maintenance-screen .status-tab.active{border-bottom-color:#68ba7f;color:#68ba7f}:root[data-theme=dark] .admin-maintenance-screen .status-count{background:linear-gradient(135deg,#68ba7f,#4a9960);color:#1e2420}:root[data-theme=dark] .admin-maintenance-screen .status-tab:not(.active) .status-count{background:#68ba7f33;color:#e8f0e9b3}:root[data-theme=dark] .admin-maintenance-screen .filters-section{background:linear-gradient(145deg,#1e2420,#252b26);border-bottom-color:#68ba7f1f}:root[data-theme=dark] .admin-maintenance-screen .search-box{background:#262d28;border-color:#68ba7f26}:root[data-theme=dark] .admin-maintenance-screen .search-box:focus-within{background:#2a322d;border-color:#68ba7f}:root[data-theme=dark] .admin-maintenance-screen .search-box svg{color:#e8f0e999}:root[data-theme=dark] .admin-maintenance-screen .search-box input{color:#e8f0e9e6}:root[data-theme=dark] .admin-maintenance-screen .search-box input::placeholder{color:#e8f0e980}:root[data-theme=dark] .admin-maintenance-screen .priority-filter select{background:#262d28;border-color:#68ba7f26;color:#e8f0e9e6}:root[data-theme=dark] .admin-maintenance-screen .priority-filter select:focus{border-color:#68ba7f}:root[data-theme=dark] .admin-maintenance-screen .select-icon{color:#e8f0e999}:root[data-theme=dark] .admin-maintenance-screen .main{background:#0000}:root[data-theme=dark] .admin-maintenance-screen .ticket-card{background:linear-gradient(145deg,#252b26,#1e2420);box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #3c4b3f1a,inset 1px 1px 2px #3c4b3f26,inset -1px -1px 2px #0003}:root[data-theme=dark] .admin-maintenance-screen .ticket-card:hover{box-shadow:8px 8px 16px #00000059,-8px -8px 16px #3c4b3f1f}:root[data-theme=dark] .admin-maintenance-screen .ticket-category-icon{background:linear-gradient(145deg,#2a322d,#253028);box-shadow:2px 2px 4px #0003,-2px -2px 4px #3c4b3f14;color:#68ba7f}:root[data-theme=dark] .admin-maintenance-screen .ticket-title{color:#e8f0e9f2}:root[data-theme=dark] .admin-maintenance-screen .ticket-info{color:#e8f0e999}:root[data-theme=dark] .admin-maintenance-screen .ticket-student{color:#e8f0e9e6}:root[data-theme=dark] .admin-maintenance-screen .ticket-separator{color:#68ba7f4d}:root[data-theme=dark] .admin-maintenance-screen .ticket-date{color:#e8f0e980}:root[data-theme=dark] .admin-maintenance-screen .loading-container{color:#e8f0e9b3}:root[data-theme=dark] .admin-maintenance-screen .loading-container svg{color:#68ba7f}:root[data-theme=dark] .admin-maintenance-screen .empty-icon{color:#68ba7f66}:root[data-theme=dark] .admin-maintenance-screen .empty-state p{color:#e8f0e9b3}:root[data-theme=dark] .admin-maintenance-screen .modal-overlay{background-color:#000000b3}:root[data-theme=dark] .admin-maintenance-screen .modal-content{background:linear-gradient(145deg,#252b26,#1e2420);box-shadow:0 24px 60px #00000080}:root[data-theme=dark] .admin-maintenance-screen .modal-header{background:linear-gradient(135deg,#2a5535,#1e3d28)}:root[data-theme=dark] .admin-maintenance-screen .modal-body{background:#0000}:root[data-theme=dark] .admin-maintenance-screen .detail-card{background:linear-gradient(145deg,#2a322d,#253028);border-left-color:#68ba7f}:root[data-theme=dark] .admin-maintenance-screen .detail-card h4{color:#e8f0e999}:root[data-theme=dark] .admin-maintenance-screen .student-name{color:#e8f0e9f2}:root[data-theme=dark] .admin-maintenance-screen .room-number{color:#e8f0e9b3}:root[data-theme=dark] .admin-maintenance-screen .detail-label{color:#e8f0e999}:root[data-theme=dark] .admin-maintenance-screen .detail-section h4,:root[data-theme=dark] .admin-maintenance-screen .detail-value{color:#e8f0e9f2}:root[data-theme=dark] .admin-maintenance-screen .description-text{background:linear-gradient(145deg,#1e2420,#232a25);color:#e8f0e9e6}:root[data-theme=dark] .admin-maintenance-screen .admin-notes-input{background-color:#262d28;border-color:#68ba7f26;color:#e8f0e9e6}:root[data-theme=dark] .admin-maintenance-screen .admin-notes-input:focus{background-color:#2a322d;border-color:#68ba7f;box-shadow:0 0 0 4px #68ba7f1f}:root[data-theme=dark] .admin-maintenance-screen .admin-notes-input::placeholder{color:#e8f0e980}:root[data-theme=dark] .admin-maintenance-screen .save-notes-btn{background:linear-gradient(135deg,#68ba7f,#4a9960);color:#1e2420}:root[data-theme=dark] .admin-maintenance-screen .save-notes-btn:hover:not(:disabled){background:linear-gradient(135deg,#7ac98d,#5aaa70)}:root[data-theme=dark] .admin-maintenance-screen .status-actions{border-top-color:#68ba7f1f}:root[data-theme=dark] .admin-maintenance-screen .status-actions h4{color:#e8f0e9f2}:root[data-theme=dark] .admin-maintenance-screen .status-btn{background:linear-gradient(145deg,#252b26,#1e2420);border-color:#68ba7f26;box-shadow:2px 2px 4px #00000040,-2px -2px 4px #3c4b3f14;color:#e8f0e9b3}:root[data-theme=dark] .admin-maintenance-screen .status-btn:hover:not(:disabled){border-color:#68ba7f;color:#68ba7f}:root[data-theme=dark] .admin-maintenance-screen .status-btn.open.active{background:linear-gradient(145deg,#1e3045,#162538);border-color:#60a5fa;color:#60a5fa}:root[data-theme=dark] .admin-maintenance-screen .status-btn.in-progress.active{background:linear-gradient(145deg,#3d3520,#2d2818);border-color:#fbbf24;color:#fbbf24}:root[data-theme=dark] .admin-maintenance-screen .status-btn.resolved.active{background:linear-gradient(145deg,#2a322d,#253028);border-color:#68ba7f;color:#68ba7f}:root[data-theme=dark] .admin-maintenance-screen .status-btn.closed.active{background:linear-gradient(145deg,#2a2d30,#22252a);border-color:#9ca3af;color:#9ca3af}.staff-inbox-screen{--color-primary:#2e6f40;--color-primary-dark:#253d2c;--color-accent:#68ba7f;--color-surface:#cfffdc;--color-text:#1f2b20;--color-muted:#4f6b57;--color-border:#253d2c14;background:linear-gradient(145deg,#edf1f6,#e5ebf2);display:flex;flex-direction:column;min-height:100vh}.staff-inbox-screen .header{align-items:center;background:linear-gradient(135deg,#2e6f40,#253d2c);box-shadow:0 4px 12px #253d2c26;color:#fff;display:flex;justify-content:center;min-height:56px;padding:1rem 1.25rem;position:-webkit-sticky;position:sticky;top:0;z-index:12}.staff-inbox-screen .header h1{flex:1 1;font-size:1.25rem;font-weight:700;letter-spacing:-.3px;margin:0;text-align:center}.staff-inbox-screen .back-button,.staff-inbox-screen .filter-toggle{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .2s ease,box-shadow .2s ease;width:40px}.staff-inbox-screen .back-button{left:1rem}.staff-inbox-screen .filter-toggle{right:1rem}.staff-inbox-screen .back-button:hover,.staff-inbox-screen .filter-toggle:hover{background-color:#ffffff4d}.staff-inbox-screen .filter-toggle.active{background-color:#ffffff40}.staff-inbox-screen .status-tabs{-webkit-overflow-scrolling:touch;background:linear-gradient(145deg,#fff,#f5faf7);border-bottom:1px solid #253d2c14;box-shadow:0 2px 8px #253d2c0d;display:flex;overflow-x:auto}.staff-inbox-screen .status-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--color-muted);cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:600;gap:.4rem;justify-content:center;min-width:-webkit-fit-content;min-width:fit-content;padding:.85rem 1rem;transition:all .2s;white-space:nowrap}.staff-inbox-screen .status-tab:hover{color:var(--color-primary)}.staff-inbox-screen .status-tab.active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.staff-inbox-screen .status-count{background:linear-gradient(135deg,#2e6f40,#253d2c);border-radius:10px;color:#fff;font-size:.65rem;font-weight:700;min-width:18px;padding:.2rem .5rem}.staff-inbox-screen .status-tab:not(.active) .status-count{background:#253d2c26;color:var(--color-muted)}.staff-inbox-screen .filters-section{background:linear-gradient(145deg,#fff,#f5faf7);border-bottom:1px solid #253d2c14;display:flex;flex-direction:column;gap:.75rem;padding:.85rem 1rem}.staff-inbox-screen .search-box{align-items:center;background:#f5f9f6;border:1.5px solid #253d2c1a;border-radius:10px;display:flex;gap:.5rem;padding:.6rem .85rem;transition:all .2s}.staff-inbox-screen .search-box:focus-within{background:#fff;border-color:var(--color-primary)}.staff-inbox-screen .search-box svg{color:var(--color-muted);font-size:1.15rem}.staff-inbox-screen .search-box input{background:none;border:none;color:var(--color-text);flex:1 1;font-size:.9rem}.staff-inbox-screen .search-box input:focus{outline:none}.staff-inbox-screen .search-box input::placeholder{color:var(--color-muted);opacity:.7}.staff-inbox-screen .type-buttons{display:flex;gap:.5rem}.staff-inbox-screen .type-btn{background:linear-gradient(145deg,#fff,#f5f9f6);border:1.5px solid #253d2c1a;border-radius:8px;box-shadow:2px 2px 4px #253d2c0f,-2px -2px 4px #ffffffe6;color:var(--color-muted);cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:.6rem;transition:all .2s}.staff-inbox-screen .type-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.staff-inbox-screen .type-btn.active{background:linear-gradient(135deg,#2e6f40,#253d2c);border-color:var(--color-primary);box-shadow:3px 3px 6px #253d2c26;color:#fff}.staff-inbox-screen .main{flex:1 1;overflow-y:auto;padding:1.25rem}.staff-inbox-screen .messages-list{display:flex;flex-direction:column;gap:1rem}.staff-inbox-screen .message-card{background:linear-gradient(145deg,#fff,#f5faf7);border-radius:16px;box-shadow:6px 6px 12px #253d2c1a,-6px -6px 12px #ffffffe6,inset 1px 1px 2px #fffc,inset -1px -1px 2px #253d2c08;cursor:pointer;overflow:hidden;padding:1.25rem;position:relative;transition:all .2s ease}.staff-inbox-screen .message-card:before{background:linear-gradient(90deg,#0000,#253d2c26,#0000);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.staff-inbox-screen .message-card:hover{box-shadow:8px 8px 16px #253d2c1f,-8px -8px 16px #fffffff2;transform:translateY(-2px)}.staff-inbox-screen .message-card:hover:before{opacity:1}.staff-inbox-screen .message-card.unread{background:linear-gradient(145deg,#f8fffa,#f0f9f3);box-shadow:6px 6px 14px #253d2c1f,-6px -6px 12px #fffffff2,inset 1px 1px 2px #ffffffe6,inset -1px -1px 2px #253d2c0a}.staff-inbox-screen .message-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.4rem}.staff-inbox-screen .message-from{display:flex;flex-direction:column;gap:2px}.staff-inbox-screen .message-student{color:var(--color-primary-dark);font-size:.9rem;font-weight:700}.staff-inbox-screen .message-room{color:var(--color-muted);font-size:.8rem}.staff-inbox-screen .message-status{border-radius:10px;font-size:.65rem;font-weight:700;letter-spacing:.3px;padding:.3rem .55rem;text-transform:uppercase;white-space:nowrap}.staff-inbox-screen .message-recipient-type{align-items:center;color:var(--color-primary);display:flex;font-size:.8rem;font-weight:600;gap:.35rem;margin-bottom:.5rem}.staff-inbox-screen .message-recipient-type svg{font-size:.9rem}.staff-inbox-screen .message-subject{color:var(--color-primary-dark);font-size:1rem;font-weight:600;margin:0 0 .25rem}.staff-inbox-screen .message-preview{color:var(--color-muted);font-size:.85rem;line-height:1.4;margin:0 0 .5rem}.staff-inbox-screen .message-date{align-items:center;color:var(--color-muted);display:flex;font-size:.8rem;gap:.35rem;opacity:.8}.staff-inbox-screen .needs-reply-indicator{background:linear-gradient(135deg,#2e6f40,#253d2c);border-radius:10px;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.3px;padding:.3rem .6rem;position:absolute;right:12px;text-transform:uppercase;top:12px}.staff-inbox-screen .loading-container{align-items:center;color:var(--color-muted);display:flex;flex-direction:column;justify-content:center;padding:3rem}.staff-inbox-screen .loading-container svg{color:var(--color-primary);font-size:2rem;margin-bottom:.75rem}.staff-inbox-screen .empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 1.5rem;text-align:center}.staff-inbox-screen .empty-icon{color:#253d2c4d;font-size:3rem;margin-bottom:1rem}.staff-inbox-screen .empty-state p{color:var(--color-muted);font-size:1rem;margin:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.staff-inbox-screen .spin{animation:spin 1s linear infinite}.staff-inbox-screen .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#253d2c99;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.staff-inbox-screen .modal-content{animation:modalSlideIn .25s ease-out;background:linear-gradient(145deg,#fff,#f5faf7);border-radius:16px;box-shadow:0 24px 60px #253d2c59;max-width:480px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.staff-inbox-screen .details-modal{max-height:90vh;overflow-y:auto}.staff-inbox-screen .modal-header{align-items:flex-start;background:linear-gradient(135deg,#2e6f40,#253d2c);border-bottom:1px solid #253d2c1a;display:flex;justify-content:space-between;padding:1.25rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:1}.staff-inbox-screen .modal-header h2{color:#fff;flex:1 1;font-size:1.1rem;font-weight:600;margin:0 .75rem 0 0}.staff-inbox-screen .modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;line-height:1;padding:0;width:32px}.staff-inbox-screen .modal-close:hover{background:#ffffff4d}.staff-inbox-screen .modal-body{padding:1.25rem 1.5rem}.staff-inbox-screen .detail-card{background:linear-gradient(145deg,#f5f9f6,#eef4f0);border:1px solid #253d2c14;border-radius:12px;box-shadow:3px 3px 6px #253d2c0f,-3px -3px 6px #fffc;margin-bottom:1rem;padding:1rem}.staff-inbox-screen .student-info-row{align-items:flex-start;display:flex;justify-content:space-between}.staff-inbox-screen .detail-card h4{color:var(--color-muted);font-size:.7rem;font-weight:600;letter-spacing:.5px;margin:0 0 .4rem;text-transform:uppercase}.staff-inbox-screen .student-name{color:var(--color-primary-dark);font-size:1rem;font-weight:700;margin:0 0 .15rem}.staff-inbox-screen .room-number{color:var(--color-muted);font-size:.85rem;margin:0}.staff-inbox-screen .message-to{text-align:right}.staff-inbox-screen .recipient-badge{align-items:center;background:linear-gradient(135deg,#2e6f40,#253d2c);border-radius:8px;color:#fff;display:inline-flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.4rem .75rem}.staff-inbox-screen .recipient-badge svg{font-size:1rem}.staff-inbox-screen .detail-row{align-items:center;border-bottom:1px solid #253d2c14;display:flex;justify-content:space-between;padding:.85rem 0}.staff-inbox-screen .detail-label{color:var(--color-muted);font-size:.85rem;font-weight:500}.staff-inbox-screen .detail-value{color:var(--color-primary-dark);font-size:.9rem;font-weight:600}.staff-inbox-screen .detail-status{border-radius:10px;font-size:.75rem;font-weight:700;letter-spacing:.3px;padding:.3rem .65rem;text-transform:uppercase}.staff-inbox-screen .conversation-section{padding:1rem 0}.staff-inbox-screen .conversation-message{border-radius:12px;margin-bottom:.85rem;padding:1rem}.staff-inbox-screen .conversation-message.received{background:linear-gradient(145deg,#f5f9f6,#eef4f0);border-bottom-left-radius:4px}.staff-inbox-screen .conversation-message.sent{background:linear-gradient(145deg,#e8f5eb,#d4eeda);border-bottom-right-radius:4px;border-left:3px solid var(--color-primary)}.staff-inbox-screen .conversation-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.staff-inbox-screen .conversation-sender{color:var(--color-primary-dark);font-size:.85rem;font-weight:600}.staff-inbox-screen .conversation-message.sent .conversation-sender{color:var(--color-primary)}.staff-inbox-screen .conversation-time{color:var(--color-muted);font-size:.7rem;opacity:.8}.staff-inbox-screen .conversation-text{color:var(--color-text);font-size:.9rem;line-height:1.5;margin:0;white-space:pre-wrap}.staff-inbox-screen .reply-section{border-top:1px solid #253d2c1a;padding-top:1rem}.staff-inbox-screen .reply-section h4{color:var(--color-primary-dark);font-size:.9rem;font-weight:700;margin:0 0 .5rem}.staff-inbox-screen .reply-note{align-items:center;background:linear-gradient(145deg,#e8f5eb,#d4eeda);border-left:3px solid var(--color-primary);border-radius:8px;color:var(--color-muted);display:flex;font-size:.8rem;gap:.4rem;margin:0 0 .75rem;padding:.6rem .85rem}.staff-inbox-screen .reply-note svg{color:var(--color-primary);font-size:.9rem}.staff-inbox-screen .reply-input{background-color:#f5f9f6;border:1.5px solid #253d2c1f;border-radius:10px;color:var(--color-text);font-family:inherit;font-size:.9rem;margin-bottom:.75rem;padding:.78rem 1rem;resize:none;transition:all .2s ease;width:100%}.staff-inbox-screen .reply-input:focus{background-color:#fff;border-color:var(--color-primary);box-shadow:0 0 0 4px #2e6f401f;outline:none}.staff-inbox-screen .send-reply-btn{align-items:center;background:linear-gradient(135deg,#2e6f40,#253d2c);border:none;border-radius:10px;box-shadow:4px 4px 8px #253d2c33;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.85rem;transition:all .2s ease;width:100%}.staff-inbox-screen .send-reply-btn:hover:not(:disabled){background:linear-gradient(135deg,#357a4a,#2a4532);transform:translateY(-1px)}.staff-inbox-screen .send-reply-btn:disabled{cursor:not-allowed;opacity:.7}.staff-inbox-screen .closed-notice{align-items:center;background:linear-gradient(145deg,#e8f5eb,#d4eeda);border-left:3px solid var(--color-primary);border-radius:10px;color:var(--color-primary-dark);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;margin-top:1rem;padding:1rem}.staff-inbox-screen .closed-notice svg{color:var(--color-primary);font-size:1.15rem}:root[data-theme=dark] .staff-inbox-screen{background:linear-gradient(145deg,#1e2420,#1a1f1b)}:root[data-theme=dark] .staff-inbox-screen .header{background:linear-gradient(135deg,#2a5535,#1e3d28);box-shadow:0 4px 12px #00000059}:root[data-theme=dark] .staff-inbox-screen .status-tabs{background:linear-gradient(145deg,#1e2420,#252b26);border-bottom-color:#68ba7f1f;box-shadow:0 2px 8px #0003}:root[data-theme=dark] .staff-inbox-screen .status-tab{color:#e8f0e9b3}:root[data-theme=dark] .staff-inbox-screen .status-tab:hover{color:#68ba7f}:root[data-theme=dark] .staff-inbox-screen .status-tab.active{border-bottom-color:#68ba7f;color:#68ba7f}:root[data-theme=dark] .staff-inbox-screen .status-count{background:linear-gradient(135deg,#68ba7f,#4a9960);color:#1e2420}:root[data-theme=dark] .staff-inbox-screen .status-tab:not(.active) .status-count{background:#68ba7f33;color:#e8f0e9b3}:root[data-theme=dark] .staff-inbox-screen .filters-section{background:linear-gradient(145deg,#1e2420,#252b26);border-bottom-color:#68ba7f1f}:root[data-theme=dark] .staff-inbox-screen .search-box{background:#262d28;border-color:#68ba7f26}:root[data-theme=dark] .staff-inbox-screen .search-box:focus-within{background:#2a322d;border-color:#68ba7f}:root[data-theme=dark] .staff-inbox-screen .search-box svg{color:#e8f0e999}:root[data-theme=dark] .staff-inbox-screen .search-box input{color:#e8f0e9e6}:root[data-theme=dark] .staff-inbox-screen .search-box input::placeholder{color:#e8f0e980}:root[data-theme=dark] .staff-inbox-screen .type-btn{background:linear-gradient(145deg,#252b26,#1e2420);border-color:#68ba7f26;box-shadow:2px 2px 4px #00000040,-2px -2px 4px #3c4b3f14;color:#e8f0e9b3}:root[data-theme=dark] .staff-inbox-screen .type-btn:hover{border-color:#68ba7f;color:#68ba7f}:root[data-theme=dark] .staff-inbox-screen .type-btn.active{background:linear-gradient(135deg,#68ba7f,#4a9960);border-color:#68ba7f;color:#1e2420}:root[data-theme=dark] .staff-inbox-screen .main{background:#0000}:root[data-theme=dark] .staff-inbox-screen .message-card{background:linear-gradient(145deg,#252b26,#1e2420);box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #3c4b3f1a,inset 1px 1px 2px #3c4b3f26,inset -1px -1px 2px #0003}:root[data-theme=dark] .staff-inbox-screen .message-card:before{background:linear-gradient(90deg,#0000,#68ba7f4d,#0000)}:root[data-theme=dark] .staff-inbox-screen .message-card:hover{box-shadow:8px 8px 16px #00000059,-8px -8px 16px #3c4b3f1f}:root[data-theme=dark] .staff-inbox-screen .message-card.unread{background:linear-gradient(145deg,#2a322d,#222a24);box-shadow:6px 6px 14px #00000059,-6px -6px 12px #3c4b3f1f,inset 1px 1px 2px #3c4b3f2e,inset -1px -1px 2px #00000038}:root[data-theme=dark] .staff-inbox-screen .message-student{color:#e8f0e9f2}:root[data-theme=dark] .staff-inbox-screen .message-room{color:#e8f0e999}:root[data-theme=dark] .staff-inbox-screen .message-recipient-type{color:#68ba7f}:root[data-theme=dark] .staff-inbox-screen .message-subject{color:#e8f0e9f2}:root[data-theme=dark] .staff-inbox-screen .message-preview{color:#e8f0e9b3}:root[data-theme=dark] .staff-inbox-screen .message-date{color:#e8f0e980}:root[data-theme=dark] .staff-inbox-screen .needs-reply-indicator{background:linear-gradient(135deg,#68ba7f,#4a9960);color:#1e2420}:root[data-theme=dark] .staff-inbox-screen .loading-container{color:#e8f0e9b3}:root[data-theme=dark] .staff-inbox-screen .loading-container svg{color:#68ba7f}:root[data-theme=dark] .staff-inbox-screen .empty-icon{color:#68ba7f66}:root[data-theme=dark] .staff-inbox-screen .empty-state p{color:#e8f0e9b3}:root[data-theme=dark] .staff-inbox-screen .modal-overlay{background-color:#000000b3}:root[data-theme=dark] .staff-inbox-screen .modal-content{background:linear-gradient(145deg,#252b26,#1e2420);box-shadow:0 24px 60px #00000080}:root[data-theme=dark] .staff-inbox-screen .modal-header{background:linear-gradient(135deg,#2a5535,#1e3d28)}:root[data-theme=dark] .staff-inbox-screen .modal-body{background:#0000}:root[data-theme=dark] .staff-inbox-screen .detail-card{background:linear-gradient(145deg,#2a322d,#232a25);border-color:#68ba7f26;box-shadow:3px 3px 6px #0003,-3px -3px 6px #3c4b3f14}:root[data-theme=dark] .staff-inbox-screen .detail-card h4{color:#e8f0e999}:root[data-theme=dark] .staff-inbox-screen .student-name{color:#e8f0e9f2}:root[data-theme=dark] .staff-inbox-screen .room-number{color:#e8f0e9b3}:root[data-theme=dark] .staff-inbox-screen .recipient-badge{background:linear-gradient(135deg,#68ba7f,#4a9960);color:#1e2420}:root[data-theme=dark] .staff-inbox-screen .detail-row{border-bottom-color:#68ba7f1f}:root[data-theme=dark] .staff-inbox-screen .detail-label{color:#e8f0e999}:root[data-theme=dark] .staff-inbox-screen .detail-value{color:#e8f0e9f2}:root[data-theme=dark] .staff-inbox-screen .conversation-message.received{background:linear-gradient(145deg,#1e2420,#232a25)}:root[data-theme=dark] .staff-inbox-screen .conversation-message.sent{background:linear-gradient(145deg,#2a322d,#253028);border-left-color:#68ba7f}:root[data-theme=dark] .staff-inbox-screen .conversation-sender{color:#e8f0e9f2}:root[data-theme=dark] .staff-inbox-screen .conversation-message.sent .conversation-sender{color:#68ba7f}:root[data-theme=dark] .staff-inbox-screen .conversation-time{color:#e8f0e980}:root[data-theme=dark] .staff-inbox-screen .conversation-text{color:#e8f0e9e6}:root[data-theme=dark] .staff-inbox-screen .reply-section{border-top-color:#68ba7f1f}:root[data-theme=dark] .staff-inbox-screen .reply-section h4{color:#e8f0e9f2}:root[data-theme=dark] .staff-inbox-screen .reply-note{background:linear-gradient(145deg,#2a322d,#253028);border-left-color:#68ba7f;color:#e8f0e9cc}:root[data-theme=dark] .staff-inbox-screen .reply-note svg{color:#68ba7f}:root[data-theme=dark] .staff-inbox-screen .reply-input{background-color:#262d28;border-color:#68ba7f26;color:#e8f0e9e6}:root[data-theme=dark] .staff-inbox-screen .reply-input:focus{background-color:#2a322d;border-color:#68ba7f;box-shadow:0 0 0 4px #68ba7f1f}:root[data-theme=dark] .staff-inbox-screen .reply-input::placeholder{color:#e8f0e980}:root[data-theme=dark] .staff-inbox-screen .send-reply-btn{background:linear-gradient(135deg,#68ba7f,#4a9960);box-shadow:4px 4px 8px #0000004d;color:#1e2420}:root[data-theme=dark] .staff-inbox-screen .send-reply-btn:hover:not(:disabled){background:linear-gradient(135deg,#7ac98d,#5aaa70)}:root[data-theme=dark] .staff-inbox-screen .closed-notice{background:linear-gradient(145deg,#2a322d,#253028);border-left-color:#68ba7f;color:#e8f0e9e6}:root[data-theme=dark] .staff-inbox-screen .closed-notice svg{color:#68ba7f}.maintenance-home-screen{--color-primary:#2e6f40;--color-primary-dark:#253d2c;--color-accent:#68ba7f;--color-surface:#cfffdc;--color-text:#1f2b20;--color-muted:#4f6b57;--color-border:#253d2c14;--color-shadow:0 12px 30px #253d2c1f;background:linear-gradient(135deg,#2e6f40,#253d2c);display:flex;flex-direction:column;min-height:100vh}.maintenance-home-screen .hero-section{background:#0000;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:2.5rem 1.5rem 2rem;position:relative}.maintenance-home-screen .hero-section:after{animation:heroShimmer 8s ease-in-out infinite;background:linear-gradient(115deg,#0000,#0000 40%,#ffffff1a 50%,#0000 60%,#0000);content:"";height:200%;left:-150%;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}@keyframes heroShimmer{0%,to{left:-150%;opacity:0}10%{opacity:1}30%{left:150%;opacity:1}40%,to{left:150%;opacity:0}}.maintenance-home-screen .hero-decoration{background:radial-gradient(circle,#68ba7f4d 0,#0000 70%);border-radius:50%;height:300px;pointer-events:none;position:absolute;right:-20%;top:-50%;width:300px}.maintenance-home-screen .hero-content{align-items:flex-end;display:flex;gap:1rem;position:relative;z-index:1}.maintenance-home-screen .avatar-container{border:3px solid #ffffff4d;border-radius:50%;box-shadow:0 8px 24px #0003;cursor:pointer;flex-shrink:0;height:72px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;width:72px}.maintenance-home-screen .avatar-container:hover{box-shadow:0 12px 32px #00000040;transform:scale(1.05)}.maintenance-home-screen .avatar-image{height:100%;object-fit:cover;width:100%}.maintenance-home-screen .avatar-placeholder{align-items:center;background:radial-gradient(circle at 30% 30%,#fff,#e8f7ed);display:flex;height:100%;justify-content:center;width:100%}.maintenance-home-screen .avatar-placeholder svg{color:var(--color-accent);height:2.5rem;width:2.5rem}.maintenance-home-screen .greeting-text{display:flex;flex-direction:column;gap:.25rem}.maintenance-home-screen .greeting-label{color:#fffc;font-size:.9rem;font-weight:400;letter-spacing:.3px}.maintenance-home-screen .greeting-name{color:#fff;font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin:0;text-shadow:0 2px 8px #00000026}.maintenance-home-screen .main{background:linear-gradient(145deg,#f5f7f5,#eef2ef);border-radius:24px 24px 0 0;box-shadow:0 -8px 24px #253d2c26,8px 0 16px #253d2c14,-8px 0 16px #253d2c14,inset 0 2px 4px #fff,inset 2px 0 4px #fffc,inset -2px 0 4px #fffc;flex:1 1;margin-top:-12px;overflow-y:auto;padding:2rem 1.5rem 1.5rem;position:relative}.maintenance-home-screen .announcement-banner{background:linear-gradient(145deg,#fff,#f0f7f2);border:none;border-radius:16px;box-shadow:6px 6px 12px #253d2c26,-6px -6px 12px #fffffff2,inset 1px 1px 2px #fffc,inset -1px -1px 2px #253d2c0d;margin-bottom:1.5rem;padding:1.5rem}.maintenance-home-screen .announcement-content{display:flex;flex-direction:column;gap:.75rem}.maintenance-home-screen .announcement-header{align-items:center;display:flex;justify-content:space-between}.maintenance-home-screen .announcement-label{color:#2e6f40;font-size:.78rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.maintenance-home-screen .announcement-time{color:#4f6b57;font-size:.85rem;font-weight:500}.maintenance-home-screen .announcement-text{color:#253d2c!important;font-size:1rem;font-weight:500;line-height:1.6;margin:0}.maintenance-home-screen .action-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.maintenance-home-screen .action-btn{align-items:center;background:linear-gradient(145deg,#fff,#f0f7f2);border:none;border-radius:16px;box-shadow:6px 6px 12px #253d2c26,-6px -6px 12px #fffffff2,inset 1px 1px 2px #fffc,inset -1px -1px 2px #253d2c0d;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;justify-content:center;min-height:140px;padding:1.5rem 1rem;transition:all .1s ease}.maintenance-home-screen .action-btn:hover{background:linear-gradient(145deg,#fff,#f5faf7);box-shadow:8px 8px 16px #253d2c2e,-8px -8px 16px #fff,inset 1px 1px 2px #ffffffe6,inset -1px -1px 2px #253d2c08}.maintenance-home-screen .action-btn:active{background:linear-gradient(145deg,#f0f7f2,#fff);box-shadow:2px 2px 5px #253d2c1a,-2px -2px 5px #fffc,inset 3px 3px 6px #253d2c1a,inset -2px -2px 4px #ffffffb3;transform:scale(.98)}.maintenance-home-screen .action-btn .icon{align-items:center;display:flex;justify-content:center}.maintenance-home-screen .action-btn .icon svg{stroke:url(#icon-gradient);stroke-width:1.5;fill:none;height:2.75rem;width:2.75rem}.maintenance-home-screen .action-btn span{color:var(--color-muted);font-size:.85rem;font-weight:500;opacity:.8;text-align:center}@media (min-width:768px){.maintenance-home-screen .hero-section{padding:3rem 2rem 1.5rem}.maintenance-home-screen .avatar-container{height:88px;width:88px}.maintenance-home-screen .avatar-placeholder svg{height:3rem;width:3rem}.maintenance-home-screen .greeting-name{font-size:2.25rem}.maintenance-home-screen .greeting-label{font-size:1rem}.maintenance-home-screen .announcement-banner,.maintenance-home-screen .main{padding:2rem}.maintenance-home-screen .announcement-text{font-size:1.05rem}.maintenance-home-screen .action-buttons{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.maintenance-home-screen .main{margin:0 auto;max-width:1000px;padding:2.5rem}.maintenance-home-screen .hero-section{padding:3.5rem 2.5rem 1.75rem}.maintenance-home-screen .hero-decoration{height:400px;width:400px}.maintenance-home-screen .avatar-container{height:100px;width:100px}.maintenance-home-screen .greeting-name{font-size:2.5rem}.maintenance-home-screen .action-buttons{grid-template-columns:repeat(2,1fr)}}:root[data-theme=dark] .maintenance-home-screen{background:linear-gradient(135deg,#2a5535,#1e3d28)}:root[data-theme=dark] .maintenance-home-screen .hero-decoration{background:radial-gradient(circle,#68ba7f26 0,#0000 70%)}:root[data-theme=dark] .maintenance-home-screen .greeting-label{color:#c8dccbb3}:root[data-theme=dark] .maintenance-home-screen .greeting-name{color:#e8f0e9}:root[data-theme=dark] .maintenance-home-screen .main{background:linear-gradient(145deg,#1e2420,#1a1f1b);box-shadow:0 -2px 8px #00000026,inset 0 1px 2px #3c4b3f14}:root[data-theme=dark] .maintenance-home-screen .action-btn{background:linear-gradient(145deg,#252b26,#1e2420);box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #3c4b3f1a,inset 1px 1px 2px #3c4b3f26,inset -1px -1px 2px #0003}:root[data-theme=dark] .maintenance-home-screen .action-btn:hover{background:linear-gradient(145deg,#2a312b,#232a25);box-shadow:8px 8px 16px #00000059,-8px -8px 16px #3c4b3f1f,inset 1px 1px 2px #3c4b3f33,inset -1px -1px 2px #00000026}:root[data-theme=dark] .maintenance-home-screen .action-btn:active{background:linear-gradient(145deg,#1e2420,#252b26);box-shadow:2px 2px 5px #00000040,-2px -2px 5px #3c4b3f14,inset 3px 3px 6px #0000004d,inset -2px -2px 4px #3c4b3f1a}:root[data-theme=dark] .maintenance-home-screen .action-btn span{color:#cfffdc99}:root[data-theme=dark] .maintenance-home-screen .announcement-banner{background:linear-gradient(145deg,#252b26,#1e2420);box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #3c4b3f1a,inset 1px 1px 2px #3c4b3f26,inset -1px -1px 2px #0003}:root[data-theme=dark] .maintenance-home-screen .announcement-label{color:#68ba7f}:root[data-theme=dark] .maintenance-home-screen .announcement-time{color:#cfffdc99}:root[data-theme=dark] .maintenance-home-screen .announcement-text{color:#cfffdce6!important}.notification-center{--nf-green:#2e6f40;--nf-green-700:#1f4c2b;--nf-surface:#fff;--nf-surface-muted:#f7f9fb;--nf-border:#e6e9ef;--nf-text:#1f2937;--nf-text-muted:#6b7280;--nf-accent:#2563eb;--nf-accent-soft:#e8f0ff;--nf-shadow:0 12px 30px #0f172a1f;position:relative}.notification-bell{background:none;border:none;border-radius:50%;color:var(--nf-green);cursor:pointer;font-size:1.5rem;padding:.5rem;position:relative;transition:background-color .2s ease}.notification-bell:hover{background-color:#2e6f401f}.notification-badge{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:10px;box-shadow:0 4px 12px #ef444459;color:#fff;font-size:.75rem;font-weight:600;line-height:1;min-width:1.2rem;padding:.2rem .4rem;position:absolute;right:0;text-align:center;top:0}.notification-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0f172a59;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.notification-panel{background-color:var(--nf-surface);border:1px solid var(--nf-border);border-radius:12px;box-shadow:var(--nf-shadow);max-height:500px;overflow:hidden;position:absolute;right:0;top:100%;width:350px;z-index:1000}.notification-header{align-items:center;background:linear-gradient(135deg,var(--nf-green),var(--nf-green-700));border-bottom:1px solid #ffffff26;color:#fff;display:flex;justify-content:space-between;padding:1rem}.notification-header h3{font-size:1.125rem;font-weight:600;margin:0}.close-btn{background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.25rem;padding:.25rem;transition:background-color .2s ease}.close-btn:hover{background-color:#fff3}.notification-list{background-color:var(--nf-surface);max-height:400px;overflow-y:auto}.notification-loading{font-size:.875rem}.notification-empty,.notification-loading{color:var(--nf-text-muted);padding:2rem;text-align:center}.notification-empty .empty-icon{color:#cbd5f5;font-size:2rem;margin-bottom:.5rem}.notification-empty p{font-size:.875rem;margin:0}.notification-item{align-items:flex-start;border-bottom:1px solid var(--nf-border);cursor:pointer;display:flex;padding:1rem;position:relative;transition:background-color .2s ease}.notification-item:hover{background-color:var(--nf-surface-muted)}.notification-item.unread{background-color:var(--nf-accent-soft);border-left:4px solid var(--nf-green)}.notification-item.unread:hover{background-color:#dfeaff}.notification-icon{filter:drop-shadow(0 4px 8px rgba(15,23,42,.12));font-size:1.5rem;margin-right:.75rem;margin-top:.25rem}.notification-content{flex:1 1;min-width:0}.notification-title{color:var(--nf-text);font-size:.875rem;font-weight:600;line-height:1.4;margin-bottom:.25rem}.notification-body{word-wrap:break-word;color:var(--nf-text-muted);font-size:.8125rem;line-height:1.4;margin-bottom:.5rem}.notification-time{color:#9aa3b2;font-size:.75rem;font-weight:500}.notification-unread-dot{background-color:var(--nf-green);border-radius:50%;box-shadow:0 0 0 3px #2e6f4026;flex-shrink:0;height:8px;margin-left:.5rem;margin-top:.5rem;width:8px}@media (max-width:480px){.notification-panel{right:-10px;width:320px}}@media (max-width:360px){.notification-panel{right:-10px;width:280px}.notification-item{padding:.75rem}}
/*# sourceMappingURL=main.ae6e941b.css.map*/