@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=Playfair+Display:wght@700&family=Atkinson+Hyperlegible:wght@400;700&display=swap";:root{--navy:#0d1b35;--navy2:#124;--navy3:#0a1428;--teal:#0097a7;--teal-light:#00bcd4;--teal-dim:#0097a726;--gold:#c9a84c;--gold-light:#e8c87a;--cream:#f5f0e8;--white:#fff;--border:#ffffff14;--border2:#ffffff24;--green:#2e7d32;--green-light:#43a047;--green-dim:#2e7d3226;--red:#c62828;--red-dim:#c6282826;--amber:#f57c00;--amber-dim:#f57c0026;--purple:#6a1b9a;--purple-dim:#6a1ba026;--slate:#ffffff80;--slate2:#ffffff4d;--card:#ffffff0a;--card2:#ffffff12}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--navy);color:var(--white);min-height:100vh;font-family:DM Sans,sans-serif}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}button,input,textarea,select{font-family:inherit}.login-screen{background:radial-gradient(ellipse at 30% 50%,#0097a71a,transparent 60%), radial-gradient(ellipse at 70% 80%,#c9a84c0d,transparent 50%), var(--navy);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{border:1px solid var(--border2);text-align:center;background:#ffffff0a;border-radius:24px;width:100%;max-width:420px;padding:48px}.login-sphere{background:radial-gradient(circle at 35% 35%,var(--teal-light),var(--teal),#005f69);border-radius:50%;width:60px;height:60px;margin:0 auto 20px;position:relative;box-shadow:0 0 40px #0097a74d}.login-sphere:after{content:"";background:#ffffff4d;border-radius:50%;width:13px;height:9px;position:absolute;top:10px;left:11px;transform:rotate(-30deg)}.login-title{color:var(--white);margin-bottom:4px;font-family:Playfair Display,serif;font-size:32px;font-weight:700}.login-sub{color:var(--slate);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:32px;font-size:11px}.role-select{gap:10px;margin-bottom:24px;display:flex}.role-btn{border:1px solid var(--border);color:var(--slate);cursor:pointer;background:0 0;border-radius:12px;flex:1;padding:14px;font-size:13px;transition:all .2s}.role-btn.active{border-color:var(--teal);background:var(--teal-dim);color:var(--teal-light)}.login-input{border:1px solid var(--border);width:100%;color:var(--white);background:#ffffff0f;border-radius:10px;outline:none;margin-bottom:12px;padding:13px 16px;font-size:14px;transition:border-color .2s}.login-input:focus{border-color:var(--teal)}.login-input::placeholder{color:var(--slate2)}.login-btn{background:var(--teal);width:100%;color:var(--white);cursor:pointer;border:none;border-radius:10px;margin-top:4px;padding:14px;font-size:14px;font-weight:600;transition:background .2s}.login-btn:hover:not(:disabled){background:#00838f}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-footer{color:var(--slate2);margin-top:20px;font-size:11px}.login-error{background:var(--red-dim);color:#ef9a9a;text-align:left;border:1px solid #ef9a9a4d;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:12px;line-height:1.5}.app-shell{flex-direction:row;min-height:100vh;display:flex}.sidebar{background:var(--navy3);border-right:1px solid var(--border);z-index:10;flex-direction:column;width:230px;height:100vh;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-logo{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:18px 16px;display:flex}.s-sphere{background:radial-gradient(circle at 35% 35%,var(--teal-light),var(--teal));border-radius:50%;flex-shrink:0;width:32px;height:32px}.s-name{font-size:13px;font-weight:600;line-height:1.2}.s-role{color:var(--teal-light);letter-spacing:.5px;text-transform:uppercase;font-size:10px}.nav-section{padding:10px 0}.nav-label{letter-spacing:2px;text-transform:uppercase;color:#ffffff40;padding:8px 16px 4px;font-size:9px;font-weight:700}.nav-item{color:#ffffff8c;cursor:pointer;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:9px;width:100%;padding:8px 16px;font-size:12px;transition:all .15s;display:flex}.nav-item:hover{color:var(--white);background:#ffffff0a}.nav-item.active{color:var(--teal-light);border-left-color:var(--teal);background:#0097a71a}.nav-icon{text-align:center;width:16px;font-size:14px}.nav-badge{text-align:center;border-radius:8px;min-width:16px;margin-left:auto;padding:2px 5px;font-size:9px;font-weight:700}.nb-red{background:var(--red);color:#fff}.nb-amber{background:var(--amber);color:#fff}.nb-teal{background:var(--teal);color:#fff}.sidebar-bottom{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:auto;padding:14px 16px;display:flex}.s-av{background:var(--teal);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:flex}.s-user-name{font-size:12px;font-weight:500}.s-signout{color:var(--teal-light);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px}.main{flex-direction:column;flex:1;min-height:100vh;margin-left:230px;display:flex}.topbar{border-bottom:1px solid var(--border);z-index:5;background:#0003;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;position:sticky;top:0}.page-title{font-size:17px;font-weight:600}.page-sub{color:var(--slate);margin-top:2px;font-size:11px}.topbar-right{align-items:center;gap:10px;display:flex}.content{flex:1;padding:22px 24px}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--teal);color:#fff}.btn-primary:hover{background:#00838f}.btn-danger{background:var(--red);color:#fff}.btn-amber{background:var(--amber);color:#fff}.btn-outline{border:1px solid var(--border2);color:#ffffffb3;background:0 0}.btn-outline:hover{border-color:var(--teal);color:var(--teal-light)}.btn-ghost{color:var(--teal-light);background:0 0;border:none;padding:4px 8px}.btn-gold{color:var(--gold-light);background:#c9a84c26;border:1px solid #c9a84c4d}.btn-gold:hover{background:#c9a84c40}.btn-sm{padding:5px 12px;font-size:11px}.btn-xs{padding:3px 8px;font-size:10px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.stat-card{background:var(--card);border:1px solid var(--border);border-top:3px solid #0000;border-radius:12px;padding:14px 16px;position:relative;overflow:hidden}.stat-card:before{content:"";opacity:.06;border-radius:50%;width:60px;height:60px;position:absolute;top:0;right:0;transform:translate(20px,-20px)}.stat-card.red{border-top-color:var(--red)}.stat-card.red:before{background:var(--red)}.stat-card.amber{border-top-color:var(--amber)}.stat-card.amber:before{background:var(--amber)}.stat-card.green{border-top-color:var(--green-light)}.stat-card.green:before{background:var(--green-light)}.stat-card.teal{border-top-color:var(--teal)}.stat-card.teal:before{background:var(--teal)}.stat-card.gold{border-top-color:var(--gold)}.stat-card.gold:before{background:var(--gold)}.stat-card.purple{border-top-color:#9c27b0}.stat-label{text-transform:uppercase;letter-spacing:.8px;color:var(--slate);margin-bottom:8px;font-size:10px;font-weight:600}.stat-num{font-size:28px;font-weight:700;line-height:1}.stat-num.c-red{color:#ef9a9a}.stat-num.c-amber{color:#ffcc80}.stat-num.c-green{color:#a5d6a7}.stat-num.c-teal{color:var(--teal-light)}.stat-num.c-gold{color:var(--gold-light)}.stat-num.c-purple{color:#ce93d8}.stat-sub{color:var(--slate);margin-top:4px;font-size:11px}.section-card{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;overflow:hidden}.section-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:13px 18px;display:flex}.section-title{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;text-transform:uppercase;letter-spacing:.8px;color:var(--slate);white-space:nowrap;background:#ffffff08;padding:9px 14px;font-size:10px;font-weight:600}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:11px 14px}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff05}.person-cell{align-items:center;gap:9px;display:flex}.av{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:flex}.name-cell{font-size:13px;font-weight:500}.sub-cell{color:var(--slate);font-size:10px}.pill{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:10px;font-weight:600;display:inline-flex}.pill:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.p-valid{background:var(--green-dim);color:#a5d6a7}.p-expiring{background:var(--amber-dim);color:#ffcc80}.p-expired,.p-missing{background:var(--red-dim);color:#ef9a9a}.p-overseas{background:var(--purple-dim);color:#ce93d8}.p-open{background:var(--amber-dim);color:#ffcc80}.p-resolved{background:var(--green-dim);color:#a5d6a7}.p-pending{color:#fff9;background:#ffffff14}.p-teal{background:var(--teal-dim);color:var(--teal-light)}.p-gold{color:var(--gold-light);background:#c9a84c26}.p-overdue{background:var(--red-dim);color:#ef9a9a}.p-ontrack{background:var(--green-dim);color:#a5d6a7}.alert{border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:16px;padding:12px 16px;font-size:12px;line-height:1.5;display:flex}.alert-icon{flex-shrink:0;margin-top:1px;font-size:18px}.alert-red{background:#c628281f;border:1px solid #ef9a9a40}.alert-amber{background:#f57c001a;border:1px solid #ffcc8033}.alert-teal{background:#0097a71a;border:1px solid #00bcd433}.alert-gold{background:#c9a84c1a;border:1px solid #e8c87a40}.progress-wrap{background:#ffffff14;border-radius:4px;height:6px;margin-top:6px;overflow:hidden}.progress-fill{border-radius:4px;height:100%;transition:width .5s}.modal-overlay{z-index:100;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--navy2);border:1px solid var(--border2);border-radius:16px;width:100%;max-width:640px;max-height:88vh;overflow-y:auto;box-shadow:0 24px 80px #00000080}.modal-head{border-bottom:1px solid var(--border);background:var(--navy2);z-index:1;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:sticky;top:0}.modal-title{font-size:15px;font-weight:600}.modal-close{color:var(--slate);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:22px;line-height:1}.modal-close:hover{color:var(--white)}.modal-body{padding:22px}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-full{grid-column:1/-1}.form-group{flex-direction:column;gap:5px;display:flex}label{color:var(--slate);font-size:11px;font-weight:500}.fi,.fs,.ft{border:1px solid var(--border);color:var(--white);background:#ffffff0f;border-radius:8px;outline:none;width:100%;padding:9px 13px;font-family:inherit;font-size:13px;transition:border-color .2s}.fi:focus,.fs:focus,.ft:focus{border-color:var(--teal)}.fi::placeholder,.ft::placeholder{color:var(--slate2)}.fs option{background:var(--navy2)}.ft{resize:vertical;min-height:70px}.fi.invalid,.fs.invalid,.ft.invalid{border-color:#ef9a9a}.field-error{color:#ef9a9a;font-size:11px}.form-section-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--teal-light);border-bottom:1px solid var(--border);margin:18px 0 12px;padding-bottom:8px;font-size:10px;font-weight:700}.form-section-label:first-child{margin-top:0}.check-row{color:#fffc;align-items:flex-start;gap:8px;font-size:12px;display:flex}.check-row input{accent-color:var(--teal);flex-shrink:0;margin-top:2px}.form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;display:flex}.toast{color:#fff;z-index:9999;background:#1d9e75;border-radius:10px;padding:12px 20px;font-size:13px;font-weight:500;animation:.3s toast-in;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #0000004d}.toast.error{background:var(--red)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.upload-zone{text-align:center;cursor:pointer;background:#0097a70a;border:2px dashed #0097a766;border-radius:12px;padding:28px 20px;transition:all .2s}.upload-zone:hover{border-color:var(--teal);background:#0097a714}.upload-zone.dragover{border-color:var(--teal-light);background:#0097a71f}.tabs{border-bottom:1px solid var(--border);gap:0;margin-bottom:18px;display:flex;overflow-x:auto}.tab{color:var(--slate);cursor:pointer;white-space:nowrap;border-bottom:2px solid #0000;padding:9px 16px;font-size:12px;font-weight:500;transition:all .15s}.tab.active{color:var(--teal-light);border-bottom-color:var(--teal)}.tab:hover{color:var(--white)}.empty-state{text-align:center;color:var(--slate);padding:40px 20px;font-size:12px}.spinner{border:2px solid var(--border2);border-top-color:var(--teal);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.a11y-dyslexia,.a11y-dyslexia *{letter-spacing:.04em!important;word-spacing:.12em!important;font-family:Atkinson Hyperlegible,Verdana,Tahoma,sans-serif!important;line-height:1.8!important}.a11y-large{font-size:1.15em}.a11y-xlarge{font-size:1.3em}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #0097a74d}50%{box-shadow:0 0 0 6px #0097a700}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes aurora{0%{transform:translate(0)rotate(0)}50%{transform:translate(20px,-30px)rotate(180deg)}to{transform:translate(0)rotate(360deg)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes glow-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.float{animation:4s ease-in-out infinite float}.scale-in{animation:.5s cubic-bezier(.34,1.56,.64,1) both scale-in}.glass{-webkit-backdrop-filter:blur(20px)saturate(140%);background:#ffffff0a;border:1px solid #ffffff14}.glass-strong{-webkit-backdrop-filter:blur(24px)saturate(160%);background:#0d1b3599;border:1px solid #ffffff1f}.glass-card{-webkit-backdrop-filter:blur(16px);background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff14;border-radius:16px;position:relative;overflow:hidden}.glass-card:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;position:absolute;top:0;left:0;right:0}.mesh-bg{background:radial-gradient(circle at 20% 20%,#0097a72e,transparent 40%), radial-gradient(circle at 80% 30%,#6a1ba01f,transparent 40%), radial-gradient(circle at 50% 80%,#c9a84c1a,transparent 50%), radial-gradient(circle at 80% 80%,#00bcd41a,transparent 40%), var(--navy);position:relative;overflow:hidden}.mesh-bg:after{content:"";opacity:.03;mix-blend-mode:overlay;pointer-events:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/></filter><rect width='100' height='100' filter='url(%23n)' opacity='0.5'/></svg>");position:absolute;inset:0}.aurora{position:relative;overflow:hidden}.aurora:before,.aurora:after{content:"";filter:blur(80px);opacity:.25;pointer-events:none;z-index:0;border-radius:50%;width:600px;height:600px;position:absolute}.aurora:before{background:radial-gradient(circle,var(--teal),transparent 70%);animation:22s ease-in-out infinite aurora;top:-200px;left:-200px}.aurora:after{background:radial-gradient(circle,var(--gold),transparent 70%);animation:28s ease-in-out infinite reverse aurora;bottom:-200px;right:-200px}.aurora>*{z-index:1;position:relative}.gradient-text{background:linear-gradient(120deg,var(--teal-light) 0%,var(--gold-light) 50%,var(--teal-light) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:6s infinite gradient-shift}.icon{color:currentColor;stroke-width:2px;flex-shrink:0;display:inline-block}.icon-sm{width:14px;height:14px}.icon-md{width:18px;height:18px}.icon-lg{width:24px;height:24px}.icon-xl{width:36px;height:36px}.btn-glow{position:relative}.btn-glow:before{content:"";background:linear-gradient(120deg,var(--teal-light),var(--gold-light),var(--teal-light));border-radius:inherit;z-index:-1;filter:blur(8px);opacity:0;background-size:200%;transition:opacity .3s;animation:3s infinite gradient-shift;position:absolute;inset:-1px}.btn-glow:hover:before{opacity:.6}.feature-card{transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s,background .3s;position:relative}.feature-card:hover{background:#ffffff0d;border-color:#00bcd44d;transform:translateY(-4px)}.feature-card:after{content:"";border-radius:inherit;z-index:-1;opacity:0;background:linear-gradient(135deg,#00bcd466,#e8c87a66);transition:opacity .3s;position:absolute;inset:-1px}.feature-card:hover:after{opacity:1}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.reveal.reveal-in{opacity:1;transform:translateY(0)}.fade-in{animation:.4s both fade-in}.slide-up{animation:.5s both slide-up}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.stat-card,.section-card{transition:transform .2s,border-color .2s}.stat-card:hover{border-color:var(--border2);transform:translateY(-2px)}.skel{background:linear-gradient(90deg,#ffffff0a 0,#ffffff14 100px,#ffffff0a 200px) 0 0/800px 100%;border-radius:6px;animation:1.6s linear infinite shimmer;display:inline-block}.skel-line{width:100%;height:12px}.skel-line.s{width:40%}.skel-line.m{width:60%}.skel-line.l{width:80%}.skel-stat{flex-direction:column;gap:8px;padding:14px 16px;display:flex}.skel-row{border-bottom:1px solid var(--border);align-items:center;gap:9px;padding:11px 14px;display:flex}.skel-circle{border-radius:50%;flex-shrink:0;width:28px;height:28px}.mobile-menu-btn,.mobile-backdrop{display:none}@media (width<=900px){.sidebar{width:min(280px,82vw);transition:transform .24s cubic-bezier(.4,0,.2,1);transform:translate(-110%);box-shadow:8px 0 28px #0006}body.sidebar-open .sidebar{transform:translate(0)}body.sidebar-open{overflow:hidden}.mobile-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9;opacity:0;pointer-events:none;background:#00000080;transition:opacity .24s;display:block;position:fixed;inset:0}body.sidebar-open .mobile-backdrop{opacity:1;pointer-events:auto}.main{margin-left:0}.topbar{gap:10px;padding:10px 14px}.topbar-right{flex-wrap:wrap;justify-content:flex-end}.content{padding:14px 12px}.stats-grid,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr!important}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table{min-width:560px}.mobile-menu-btn{background:var(--card2);border:1px solid var(--border);cursor:pointer;width:36px;height:36px;color:var(--white);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.page-title{font-size:18px}.page-sub{font-size:11px}.section-card{margin-bottom:12px}.section-head{padding:11px 14px}.section-head .section-title{font-size:14px}}@media (width<=520px){.topbar button[title^=Search] span,.topbar button[title^=Search] kbd{display:none}}@media print{body{color:#111!important;background:#fff!important}.sidebar,.no-print,.btn,.alert,.app-topbar,.s-signout{display:none!important}.main{margin-left:0!important;padding:0!important}.section-card{page-break-inside:avoid;box-shadow:none!important;background:#fff!important;border:1px solid #ddd!important}.section-head{color:#111!important;background:#f7f7f7!important;border-bottom:1px solid #ddd!important}.section-title{color:#0e7490!important}.glass-card{page-break-inside:avoid;background:#fafafa!important;border:1px solid #e0e0e0!important}.stats-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.pill,.p-teal,[class^=p-]{color:#006064!important;background:#e0f7fa!important;border:1px solid #b2ebf2!important}.empty-state{color:#666!important}*,:before,:after{color:inherit!important;text-shadow:none!important}h1,h2,h3,.section-title{color:#0e7490!important}.progress-wrap{background:#eee!important}.progress-fill{background:#0097a7!important}a[href]:after{content:""!important}.print-only{display:block!important}}