:root{--bg:#080d1b;--surface:#10182a;--surface-2:#151f34;--line:#253149;--text:#f7f9fc;--muted:#8995ab;--indigo:#6c63ff;--indigo-light:#908aff;--green:#34d399;--danger:#fb7185;--shadow:0 24px 70px rgba(0,0,0,.28)}
*{box-sizing:border-box}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html{font-family:"DM Sans",sans-serif;background:var(--bg);color:var(--text)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 10%,rgba(108,99,255,.08),transparent 28%),var(--bg)}button,input,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.brand{display:flex;align-items:center;gap:12px;color:var(--text);font-family:Manrope,sans-serif;font-size:18px;font-weight:800;letter-spacing:.16em;text-decoration:none}.brand-mark{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:linear-gradient(145deg,#7b73ff,#5147e7);box-shadow:0 8px 24px rgba(108,99,255,.3);color:#fff;font-size:18px;letter-spacing:0}.kicker{color:var(--indigo-light);font-size:11px!important;font-weight:800;letter-spacing:.16em}.muted{color:var(--muted);line-height:1.65}.auth-shell{display:grid;min-height:100vh;grid-template-columns:minmax(420px,46%) 1fr}.auth-story{position:relative;display:flex;overflow:hidden;flex-direction:column;padding:48px 10%;border-right:1px solid rgba(255,255,255,.05);background:linear-gradient(155deg,rgba(23,32,58,.98),rgba(8,13,27,.98))}.auth-story:after{position:absolute;right:-25%;bottom:-20%;width:550px;height:550px;border:1px solid rgba(108,99,255,.15);border-radius:50%;box-shadow:0 0 0 80px rgba(108,99,255,.035),0 0 0 160px rgba(108,99,255,.025);content:""}.story-content{z-index:1;margin:auto 0;max-width:580px}.eyebrow{display:flex;align-items:center;gap:9px;color:#b5bfd2;font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.eyebrow span{width:24px;height:2px;background:var(--indigo)}.story-content h1{margin:24px 0;font-family:Manrope,sans-serif;font-size:clamp(42px,5vw,68px);line-height:1.06;letter-spacing:-.045em}.story-content h1 em{color:var(--indigo-light);font-style:normal}.story-content>p{max-width:470px;color:#9da8bc;font-size:17px;line-height:1.7}.trust-row{display:flex;align-items:center;gap:14px;margin-top:56px}.trust-icon{display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(52,211,153,.25);border-radius:12px;background:rgba(52,211,153,.08);color:var(--green)}.trust-row div{display:flex;flex-direction:column;gap:4px}.trust-row strong{font-size:13px}.trust-row small,.auth-footer{color:#68758d;font-size:12px}.auth-footer{z-index:1}.auth-panel{display:grid;padding:32px;place-items:center}.auth-card{width:min(430px,100%);animation:fade-up .5s ease}.auth-card h2{margin:9px 0 4px;font-family:Manrope,sans-serif;font-size:31px;letter-spacing:-.03em}.auth-card .muted{margin:0 0 34px;font-size:14px}.mobile-brand{display:none}.auth-card label,.form-grid label{display:flex;flex-direction:column;gap:9px;margin-bottom:19px;color:#bbc5d6;font-size:12px;font-weight:700}.auth-card input,.form-grid input,.form-grid textarea{width:100%;border:1px solid var(--line);border-radius:10px;outline:none;background:#0c1323;color:var(--text);transition:.2s}.auth-card input{height:50px;padding:0 15px}.form-grid input{height:44px;padding:0 13px}.form-grid textarea{resize:vertical;padding:12px 13px}.auth-card input:focus,.form-grid input:focus,.form-grid textarea:focus{border-color:var(--indigo);box-shadow:0 0 0 3px rgba(108,99,255,.12)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:42px;padding:0 18px;border:0;border-radius:9px;font-size:13px;font-weight:700}.button.primary{background:linear-gradient(135deg,var(--indigo),#5850db);box-shadow:0 8px 22px rgba(108,99,255,.2);color:#fff}.button.primary:hover{filter:brightness(1.1)}.button.secondary{border:1px solid var(--line);background:var(--surface-2);color:#dce3ef}.button.wide{width:100%;height:50px;justify-content:space-between;padding:0 18px}.security-note{text-align:center;color:#657188;font-size:11px}.back-button{margin:0 0 42px;padding:0;border:0;background:transparent;color:#9ba7bc}.otp-icon{display:grid;width:52px;height:52px;margin-bottom:24px;place-items:center;border:1px solid rgba(108,99,255,.3);border-radius:15px;background:rgba(108,99,255,.12);color:var(--indigo-light);font-size:22px}.otp-input{text-align:center;font-size:22px!important;font-weight:700;letter-spacing:.35em}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;z-index:20;display:flex;width:242px;height:100vh;flex-direction:column;border-right:1px solid var(--line);background:#0b1120}.sidebar-brand{height:86px;padding:0 25px;border-bottom:1px solid var(--line)}#main-nav{padding:22px 14px}#main-nav p{margin:22px 12px 8px;color:#536078;font-size:9px;font-weight:800;letter-spacing:.17em}.nav-item{display:flex;width:100%;height:44px;align-items:center;gap:13px;padding:0 13px;border:0;border-radius:8px;background:transparent;color:#8491a8;font-size:13px;font-weight:600;text-align:left}.nav-item span{width:18px;color:#6e7b92;font-size:17px;text-align:center}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,rgba(108,99,255,.18),rgba(108,99,255,.05));color:#fff}.nav-item.active span{color:var(--indigo-light)}.sidebar-bottom{margin-top:auto;padding:16px;border-top:1px solid var(--line)}.admin-mini{display:flex;align-items:center;gap:10px;padding:7px}.avatar{display:grid;width:35px;height:35px;flex:none;place-items:center;border-radius:10px;background:linear-gradient(135deg,#352f72,#6c63ff);color:#fff;font-size:11px;font-weight:800}.admin-mini div:not(.avatar){display:flex;min-width:0;flex-direction:column}.admin-mini strong{font-size:12px}.admin-mini small{margin-top:3px;color:#657188;font-size:10px}.logout-button{display:flex;width:100%;justify-content:space-between;margin-top:10px;padding:10px;border:0;background:transparent;color:#77849b;font-size:12px}.logout-button:hover{color:var(--danger)}.main-area{width:calc(100% - 242px);margin-left:242px}.topbar{position:sticky;z-index:10;top:0;display:flex;height:86px;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid var(--line);background:rgba(8,13,27,.85);backdrop-filter:blur(18px)}.breadcrumb{margin:0 0 5px;color:#68758b;font-size:9px;font-weight:800;letter-spacing:.14em}.breadcrumb span{color:var(--indigo-light)}.topbar h2{margin:0;font-family:Manrope,sans-serif;font-size:17px}.top-actions{display:flex;align-items:center;gap:12px}.icon-button,.menu-button{display:grid;width:35px;height:35px;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:#a7b2c5}.menu-button{display:none}.status-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(52,211,153,.15);border-radius:20px;background:rgba(52,211,153,.06);color:#81ddb9;font-size:10px;font-weight:700}.status-pill i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.content{max-width:1500px;margin:0 auto;padding:38px}.page{display:none;animation:fade-up .35s ease}.page.active{display:block}.welcome-row,.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.welcome-row h1,.section-head h1{margin:0 0 8px;font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-.03em}.welcome-row p,.section-head p{margin:0;color:var(--muted);font-size:13px}.date-chip{padding:9px 12px!important;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:#a8b2c4!important;font-size:11px!important}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metric-card{position:relative;overflow:hidden;padding:22px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#111a2d,#0e1627);box-shadow:0 10px 35px rgba(0,0,0,.12)}.metric-card.accent:after{position:absolute;top:0;right:0;width:90px;height:90px;border-radius:50%;background:var(--indigo);filter:blur(65px);opacity:.18;content:""}.metric-icon,.action-icon{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(108,99,255,.2);border-radius:9px;background:rgba(108,99,255,.1);color:var(--indigo-light)}.metric-icon.purple{background:rgba(192,132,252,.1);color:#c084fc}.metric-icon.green{background:rgba(52,211,153,.1);color:var(--green)}.metric-card p{margin:17px 0 8px;color:#8e9bb0;font-size:11px;font-weight:700;text-transform:uppercase}.metric-card strong{display:block;font-family:Manrope,sans-serif;font-size:31px}.metric-card strong.healthy{color:#dffbef;font-size:25px}.metric-card small{display:block;margin-top:10px;color:#5e6b81;font-size:10px}.dashboard-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:16px;margin-top:16px}.panel{border:1px solid var(--line);border-radius:13px;background:#0e1627}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}.panel-heading p{margin:0 0 5px}.panel-heading h3,.form-title h3{margin:0;font-family:Manrope,sans-serif;font-size:15px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px}.quick-grid button{display:flex;min-height:140px;flex-direction:column;align-items:flex-start;padding:17px;border:1px solid var(--line);border-radius:10px;background:#111a2c;color:#fff;text-align:left}.quick-grid button:hover{border-color:#554dd0;transform:translateY(-2px)}.quick-grid strong{margin-top:17px;font-size:12px}.quick-grid small{margin-top:6px;color:#68758b;font-size:10px}.system-panel ul{margin:0;padding:10px 22px 18px;list-style:none}.system-panel li{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(37,49,73,.7);color:#8996aa;font-size:11px}.system-panel li:last-child{border:0}.system-panel li strong{color:#72d7b0;font-size:10px}.table-panel{overflow:hidden}.table-tools{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}.search{display:flex;width:min(350px,70%);height:38px;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#0a1120;color:#67748a}.search input{width:100%;border:0;outline:0;background:transparent;color:#eaf0fa;font-size:11px}.count-label{color:#68758b;font-size:11px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{padding:12px 20px;border-bottom:1px solid var(--line);color:#606d84;font-size:9px;letter-spacing:.1em;text-transform:uppercase}td{padding:15px 20px;border-bottom:1px solid rgba(37,49,73,.65);color:#aab5c8;font-size:11px}td strong{display:block;color:#e8edf6;font-size:12px}td small{display:block;margin-top:4px;color:#626f85}.tag{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:20px;background:rgba(52,211,153,.09);color:#69d4aa;font-size:9px;font-weight:700}.tag.inactive{background:rgba(251,113,133,.08);color:#f18a9b}.row-actions{display:flex;justify-content:flex-end;gap:6px}.row-button{padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:#111a2c;color:#8f9bb0;font-size:10px}.row-button.danger:hover{border-color:var(--danger);color:var(--danger)}.empty-state{padding:55px;text-align:center;color:#69768c;font-size:12px}.content-form{display:grid;gap:16px}.form-section{padding:23px}.form-title{display:flex;align-items:center;gap:13px;margin-bottom:24px}.form-title>span{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:rgba(108,99,255,.1);color:var(--indigo-light);font-size:10px;font-weight:800}.form-title p{margin:4px 0 0;color:#6f7b90;font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-grid label.full{grid-column:1/-1}.form-grid label small{color:#66738a;font-weight:400}.testimonial-title .button{margin-left:auto}.testimonial-list{display:grid;gap:10px}.testimonial-item{position:relative;padding:18px;border:1px solid var(--line);border-radius:10px;background:#0b1322}.testimonial-item .remove-testimonial{position:absolute;top:12px;right:12px;border:0;background:transparent;color:#78849a}.testimonial-item .remove-testimonial:hover{color:var(--danger)}dialog{width:min(620px,calc(100% - 30px));padding:0;border:1px solid var(--line);border-radius:14px;background:#0e1627;box-shadow:var(--shadow);color:#fff}dialog::backdrop{background:rgba(3,7,16,.78);backdrop-filter:blur(5px)}dialog form{padding:25px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:26px}.modal-head p{margin:0 0 7px}.modal-head h2{margin:0;font-family:Manrope,sans-serif;font-size:22px}.close-button{border:0;background:transparent;color:#8d99ad;font-size:25px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.toast-region{position:fixed;z-index:100;top:20px;right:20px;display:grid;gap:8px}.toast{min-width:280px;padding:13px 16px;border:1px solid var(--line);border-radius:9px;background:#172137;box-shadow:var(--shadow);font-size:12px;animation:slide-in .25s ease}.toast.success{border-left:3px solid var(--green)}.toast.error{border-left:3px solid var(--danger)}.loading{pointer-events:none;opacity:.55}@keyframes fade-up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes slide-in{from{opacity:0;transform:translateX(15px)}}
@media(max-width:950px){.auth-shell{grid-template-columns:1fr}.auth-story{display:none}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:60px;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:.15em}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none;box-shadow:20px 0 70px rgba(0,0,0,.4)}.main-area{width:100%;margin:0}.menu-button{display:grid}.metric-grid{grid-template-columns:1fr 1fr}.metric-card:last-child{grid-column:1/-1}.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:650px){.auth-panel{padding:25px}.topbar{height:74px;padding:0 18px}.top-actions .status-pill,.top-actions>.avatar{display:none}.content{padding:24px 16px}.welcome-row,.section-head{align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:1fr}.metric-card:last-child{grid-column:auto}.dashboard-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr}.quick-grid button{min-height:105px}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.table-panel{margin:0 -16px;border-right:0;border-left:0;border-radius:0}.date-chip{display:none}.section-head .button{width:100%}}
.row-button:hover{border-color:var(--indigo-light);color:#fff}.row-button:disabled{cursor:not-allowed;opacity:.4}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:14px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.tag.approval-pending{background:rgba(250,204,21,.1);color:#facc15}.tag.approval-rejected{background:rgba(251,113,133,.08);color:#f18a9b}.unavailable{margin-top:16px;padding:18px 22px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:12px}
.form-grid select{height:44px;padding:0 13px;border:1px solid var(--line);border-radius:10px;outline:none;background:#0c1323;color:var(--text)}.company-user-modal{padding:25px}.company-user-modal form{padding:0 0 20px;border-bottom:1px solid var(--line)}.user-list-head{display:flex;align-items:center;justify-content:space-between;padding:20px 0 10px}.company-user-list{display:grid;gap:8px}.company-user-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px;border:1px solid var(--line);border-radius:9px;background:#0b1322}.company-user-item strong,.company-user-item small{display:block}.company-user-item strong{font-size:12px}.company-user-item small{margin-top:5px;color:var(--muted);font-size:10px}
.auth-text-button{display:block;margin:-10px 0 16px auto;padding:0;border:0;background:transparent;color:var(--indigo-light);font-size:12px;font-weight:700}.auth-text-button:hover{text-decoration:underline}.form-message{margin:0 0 18px;padding:11px 13px;border:1px solid rgba(251,113,133,.3);border-radius:9px;background:rgba(251,113,133,.08);color:#f3a1af;font-size:12px;line-height:1.5}.button:disabled{cursor:not-allowed;opacity:.45}
.rich-editor{min-height:180px;padding:13px;border:1px solid var(--line);border-radius:10px;background:#0c1323;color:var(--text);font-weight:400;line-height:1.6}.rich-editor:focus{border-color:var(--indigo);outline:0;box-shadow:0 0 0 3px rgba(108,99,255,.12)}.check-label{flex-direction:row!important;align-items:center}.check-label input{width:18px!important;height:18px!important}.document-content-field small{color:var(--muted)}
.section-actions{display:flex;gap:9px}
.button.danger{border:1px solid rgba(251,113,133,.35);background:rgba(251,113,133,.08);color:var(--danger)}.document-detail-back{margin:0 0 14px}.document-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.document-detail-main,.publication-panel{padding:24px}.detail-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:22px;border-bottom:1px solid var(--line)}.detail-title h2{margin:12px 0 7px;font-family:Manrope,sans-serif;font-size:25px}.detail-title p{margin:0;color:var(--muted);line-height:1.6}.detail-type{padding:6px 9px;border:1px solid var(--line);border-radius:7px;color:var(--indigo-light);font-size:10px;text-transform:uppercase}.detail-list{display:grid;grid-template-columns:repeat(2,1fr);margin:0;padding:10px 0}.detail-list>div{padding:14px 0;border-bottom:1px solid rgba(37,49,73,.65)}.detail-list dt{margin-bottom:6px;color:var(--muted);font-size:10px;text-transform:uppercase}.detail-list dd{margin:0;color:var(--text);font-size:12px}.detail-list dd small,.attachment-card small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.attachment-card{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:10px;background:#0b1322}.attachment-card strong{font-size:12px}.detail-section{margin-top:24px}.detail-section h3,.publication-panel h3{margin:0 0 10px;font-family:Manrope,sans-serif;font-size:14px}.detail-section a{color:var(--indigo-light);font-size:12px}.document-content-preview{overflow:auto;padding:16px;border:1px solid var(--line);border-radius:10px;color:#c6cfdd;font-size:13px;line-height:1.65}.publication-panel{align-self:start}.publication-panel>p{margin:0 0 22px;color:var(--muted);font-size:11px}.publication-panel label{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;color:#bbc5d6;font-size:11px;font-weight:700}.publication-panel select{height:42px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:#0c1323;color:var(--text)}.document-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.document-stats span{padding:12px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:10px;text-align:center}.document-stats strong{display:block;margin-bottom:4px;color:var(--text);font-size:17px}@media(max-width:1000px){.document-detail-grid{grid-template-columns:1fr}}@media(max-width:650px){.section-actions{width:100%;flex-direction:column}.detail-list{grid-template-columns:1fr}.attachment-card{align-items:flex-start;flex-direction:column}}
.administrator-meta{margin-top:4px;padding:13px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:10px;word-break:break-all}