@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&display=swap";:root{--navy: #0B1F3A;--navy-mid: #122848;--navy-light: #1a3a5c;--teal: #0E7C7B;--teal-light: #12A09F;--teal-faint: #E6F4F4;--gold: #D4882A;--gold-faint: #FDF3E3;--red: #C0392B;--red-faint: #FDECEA;--green: #1A7A4A;--green-faint:#E8F5EE;--blue: #1A5EAB;--blue-faint: #E8F0FB;--purple: #6B3FA0;--purple-faint:#F0EBF9;--white: #FFFFFF;--off: #F5F7FA;--g50: #F9FAFB;--g100: #EDF0F5;--g200: #DDE2EA;--g300: #C5CDD8;--g500: #7A8799;--g700: #3E4D5C;--g900: #1A2533;--sidebar-w: 224px;--topbar-h: 56px;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 4px rgba(0,0,0,.07);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.14);--transition: .15s ease;--font-head: "Sora", sans-serif;--font-body: "DM Sans", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-body);background:var(--off);color:var(--g700);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5{font-family:var(--font-head)}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer}input,textarea,select{font-family:var(--font-body);font-size:13px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--g300);border-radius:3px}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--navy);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;overflow-x:hidden;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:transform var(--transition)}.sidebar-logo{padding:20px 18px 16px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.logo-star{font-size:22px;font-family:var(--font-head);font-weight:800;color:var(--white);letter-spacing:-.5px}.logo-star span{color:var(--teal-light)}.logo-sub{font-size:10px;color:#fff6;letter-spacing:1.5px;text-transform:uppercase;margin-top:2px}.nav-section{padding:12px 18px 4px;font-size:9.5px;font-weight:700;color:#ffffff47;letter-spacing:1.8px;text-transform:uppercase;margin-top:6px}.nav-item{display:flex;align-items:center;gap:9px;padding:9px 18px;cursor:pointer;color:#ffffff8c;font-size:13px;font-weight:400;border-left:3px solid transparent;transition:all var(--transition);white-space:nowrap}.nav-item:hover{background:#ffffff0d;color:var(--white)}.nav-item.active{background:#0e7c7b33;color:var(--white);font-weight:600;border-left-color:var(--teal-light)}.nav-item .nav-icon{font-size:15px;width:20px;text-align:center;flex-shrink:0}.nav-badge{margin-left:auto;background:var(--red);color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px}.sidebar-footer{padding:14px 18px;border-top:1px solid rgba(255,255,255,.08);margin-top:auto;flex-shrink:0}.user-chip{display:flex;align-items:center;gap:9px}.user-name{color:var(--white);font-size:12.5px;font-weight:600}.user-role{color:#ffffff73;font-size:11px}.main-area{flex:1;display:flex;flex-direction:column;margin-left:var(--sidebar-w);min-width:0;min-height:100vh}.topbar{background:var(--white);border-bottom:1px solid var(--g100);height:var(--topbar-h);padding:0 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;flex-shrink:0}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-title{font-size:16px;font-weight:800;color:var(--navy);font-family:var(--font-head)}.topbar-right{display:flex;align-items:center;gap:10px}.hamburger{display:none;background:none;border:none;font-size:20px;color:var(--navy);padding:4px}.page-content{padding:24px;flex:1}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;margin-bottom:18px}.card-title{font-size:13px;font-weight:800;color:var(--navy);font-family:var(--font-head);margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.g2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stat-card{background:var(--white);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow)}.stat-val{font-size:28px;font-weight:900;color:var(--navy);font-family:var(--font-head);line-height:1.1}.stat-lbl{font-size:11px;color:var(--g500);margin-top:4px;font-weight:500}.btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border-radius:var(--radius-sm);border:none;cursor:pointer;font-size:13px;font-weight:600;transition:opacity var(--transition),transform var(--transition);white-space:nowrap;flex-shrink:0}.btn:hover{opacity:.88}.btn:active{transform:scale(.98)}.btn-primary{background:var(--teal);color:#fff}.btn-navy{background:var(--navy);color:#fff}.btn-danger{background:var(--red);color:#fff}.btn-gold{background:var(--gold);color:#fff}.btn-ghost{background:transparent;color:var(--teal)}.btn-outline{background:transparent;color:var(--g700);border:1px solid var(--g300)}.btn-sm{padding:5px 11px;font-size:12px}.btn-icon{padding:7px;border-radius:var(--radius-sm);background:var(--g100);color:var(--g700);border:none}.form-group{margin-bottom:13px}.form-label{display:block;font-size:11.5px;font-weight:700;color:var(--g700);margin-bottom:5px}.form-input{width:100%;padding:8px 11px;border:1px solid var(--g300);border-radius:var(--radius-sm);font-size:13px;outline:none;background:var(--white);transition:border-color var(--transition)}.form-input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0e7c7b1a}.form-textarea{width:100%;padding:8px 11px;border:1px solid var(--g300);border-radius:var(--radius-sm);font-size:13px;outline:none;resize:vertical;min-height:80px;transition:border-color var(--transition)}.form-textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0e7c7b1a}.form-select{width:100%;padding:8px 11px;border:1px solid var(--g300);border-radius:var(--radius-sm);font-size:13px;outline:none;background:var(--white)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:9px 12px;background:var(--g100);color:var(--g500);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}td{padding:11px 12px;border-bottom:1px solid var(--g100);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:var(--g50)}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap}.prog-bar{height:7px;border-radius:4px;background:var(--g100);overflow:hidden}.prog-fill{height:100%;border-radius:4px;transition:width .3s ease}.alert{border-radius:10px;padding:12px 16px;margin-bottom:12px;border-left:4px solid}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0;font-family:var(--font-head)}.tab-bar{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:18px}.tab{padding:7px 14px;border-radius:var(--radius-sm);border:none;cursor:pointer;font-size:12px;font-weight:600;background:var(--white);color:var(--g700);box-shadow:var(--shadow);transition:all var(--transition)}.tab.active{background:var(--navy);color:#fff}.tab:hover:not(.active){background:var(--g100)}.divider{border-top:1px solid var(--g100);margin:14px 0}.kv{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:9px;margin-bottom:9px;border-bottom:1px solid var(--g100);font-size:13px;gap:12px}.kv-key{color:var(--g500);font-weight:500;flex-shrink:0}.kv-val{font-weight:600;color:var(--navy);text-align:right}.section-head{font-size:11px;font-weight:800;color:var(--g500);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;margin-top:4px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .15s ease}.modal{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:580px;max-height:90vh;overflow-y:auto;animation:slideUp .2s ease}.modal-header{padding:20px 24px 0;display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:16px;font-weight:800;color:var(--navy);font-family:var(--font-head)}.modal-body{padding:16px 24px 24px}.modal-footer{padding:0 24px 20px;display:flex;gap:8px;justify-content:flex-end}.toast-container{position:fixed;bottom:20px;right:20px;z-index:300;display:flex;flex-direction:column;gap:8px}.toast{padding:12px 18px;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);font-size:13px;font-weight:600;color:#fff;min-width:240px;animation:slideLeft .2s ease}.toast-success{background:var(--green)}.toast-error{background:var(--red)}.toast-info{background:var(--teal)}.toast-warning{background:var(--gold)}.spinner{width:32px;height:32px;border-radius:50%;border:3px solid var(--g200);border-top-color:var(--teal);animation:spin .7s linear infinite}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:200px;flex-direction:column;gap:14px;color:var(--g500);font-size:13px}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99}.schedule-grid{display:grid;grid-template-columns:80px repeat(7,1fr);gap:1px;background:var(--g200);border-radius:var(--radius-sm);overflow:hidden}.schedule-cell{background:var(--white);padding:6px;min-height:60px;font-size:11px}.schedule-event{background:var(--teal-faint);border-left:3px solid var(--teal);border-radius:4px;padding:4px 6px;margin-bottom:2px;font-size:11px;cursor:pointer}.schedule-event:hover{background:var(--teal);color:#fff}.audit-entry{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--g100);align-items:flex-start}.audit-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.audit-time{font-size:11px;color:var(--g500);white-space:nowrap}.audit-text{font-size:13px;color:var(--g700);line-height:1.5}.sig-canvas{border:2px dashed var(--g300);border-radius:var(--radius-sm);cursor:crosshair;display:block;touch-action:none;background:var(--g50)}.sig-canvas.signed{border-color:var(--teal);background:var(--teal-faint)}.notif-bell{position:relative;cursor:pointer}.notif-count{position:absolute;top:-4px;right:-4px;background:var(--red);color:#fff;font-size:9px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.notif-panel{position:absolute;top:36px;right:0;width:320px;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:150;overflow:hidden;animation:slideDown .15s ease}.notif-header{padding:14px 16px;border-bottom:1px solid var(--g100);font-weight:800;color:var(--navy);font-size:13px;display:flex;justify-content:space-between}.notif-item{padding:12px 16px;border-bottom:1px solid var(--g100);cursor:pointer;transition:background var(--transition)}.notif-item:hover{background:var(--g50)}.notif-item.unread{background:var(--teal-faint)}.notif-title{font-size:13px;font-weight:600;color:var(--navy)}.notif-body{font-size:12px;color:var(--g500);margin-top:2px}.notif-time{font-size:11px;color:var(--g300);margin-top:3px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideLeft{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 1024px){.g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:1fr 1fr}}@media (max-width: 768px){:root{--sidebar-w: 0px}.sidebar{transform:translate(-224px);width:224px}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}.hamburger{display:flex;align-items:center}.main-area{margin-left:0}.page-content{padding:16px}.topbar{padding:0 16px}.g2,.g3{grid-template-columns:1fr}.g4{grid-template-columns:1fr 1fr}.tab-bar{gap:4px}.tab{padding:6px 10px;font-size:11px}table{font-size:12px}th,td{padding:8px 10px}.card{padding:16px}.card-title{font-size:12.5px}.modal{margin:0;max-height:100vh;border-radius:var(--radius) var(--radius) 0 0}.modal-overlay{align-items:flex-end;padding:0}.toast-container{bottom:16px;right:16px;left:16px}.toast{min-width:unset}.notif-panel{width:290px;right:-10px}.hide-mobile{display:none!important}}@media (max-width: 480px){.g4{grid-template-columns:1fr}.stat-val{font-size:22px}.topbar-title{font-size:14px}.btn{padding:7px 12px;font-size:12px}}