:root{--navy-950:#071a2c;--navy-900:#0b2743;--navy-800:#113759;--navy-700:#17496f;--slate-950:#101828;--slate-800:#344054;--slate-700:#475467;--slate-600:#667085;--slate-500:#98a2b3;--slate-300:#d0d5dd;--slate-200:#e4e7ec;--slate-100:#f2f4f7;--slate-50:#f8fafc;--white:#fff;--green:#18794e;--green-bg:#e9f7f0;--amber:#946200;--amber-bg:#fff6df;--red:#b42318;--red-bg:#fff0ee;--blue:#16658a;--blue-bg:#edf7fb;--accent:#b53b31;--sidebar:252px;--radius:8px;--shadow:0 1px 3px rgba(16,24,40,.08)}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--slate-50);color:var(--slate-950);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.45}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1{font-size:1.55rem;line-height:1.2;margin:0;letter-spacing:-.02em}h2{font-size:1.08rem;margin-bottom:.25rem}h3{font-size:.95rem;margin-bottom:.4rem}.skip-link{position:fixed;left:12px;top:-80px;background:#fff;padding:8px 12px;z-index:100;border:2px solid var(--navy-800)}.skip-link:focus{top:12px}.icon{width:19px;height:19px;flex:0 0 auto}.mobile-only{display:none}
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:18px 14px;background:var(--navy-950);color:#fff;display:flex;flex-direction:column;z-index:40}.sidebar-brand{height:64px;display:flex;align-items:center;gap:11px;padding:0 7px 15px;border-bottom:1px solid rgba(255,255,255,.12)}.sidebar-brand img{width:42px;height:46px;object-fit:contain}.sidebar-brand strong{display:block;font-size:.93rem;letter-spacing:.09em}.sidebar-brand span{display:block;color:#aec1d0;font-size:.72rem;margin-top:2px}.sidebar-nav{display:grid;gap:3px;padding:15px 0}.sidebar-nav a{display:flex;align-items:center;gap:10px;padding:9px 10px;color:#cfdae4;border-radius:7px;font-size:.86rem;font-weight:620}.sidebar-nav a:hover{text-decoration:none;background:rgba(255,255,255,.07);color:#fff}.sidebar-nav a.active{background:#123a5f;color:#fff;box-shadow:inset 3px 0 0 #d46254}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding:14px 5px 0}.user-mini{display:flex;align-items:center;gap:9px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#163d60;border:1px solid rgba(255,255,255,.15);font-weight:750}.user-mini strong,.user-mini small{display:block}.user-mini strong{font-size:.8rem;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-mini small{font-size:.7rem;color:#adc0cf}.logout-link{display:inline-block;margin-top:10px;color:#c9d6e0;font-size:.76rem}.app-main{margin-left:var(--sidebar);min-height:100vh}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--slate-200);padding:12px 28px;display:flex;align-items:center;gap:12px;justify-content:space-between;position:sticky;top:0;z-index:20}.breadcrumb{font-size:.71rem;color:var(--slate-500);margin-bottom:3px}.breadcrumb span{padding:0 4px;color:var(--slate-300)}.topbar-meta{font-size:.75rem;color:var(--slate-600);display:flex;align-items:center;gap:7px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green)}.content{padding:22px 28px 36px;max-width:1560px;margin:auto}.sidebar-backdrop{display:none}
.page-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin:0 0 16px}.page-heading p{margin:3px 0 0;color:var(--slate-600);font-size:.84rem}.page-actions,.button-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 13px;border:1px solid transparent;border-radius:7px;font-weight:650;font-size:.82rem;cursor:pointer;background:#fff;text-decoration:none}.btn:hover{text-decoration:none}.btn-primary{background:var(--navy-800);border-color:var(--navy-800);color:#fff}.btn-primary:hover{background:var(--navy-900)}.btn-secondary{background:#fff;border-color:var(--slate-300);color:var(--slate-800)}.btn-danger{background:#fff;border-color:#efb6af;color:var(--red)}.btn-success{background:var(--green);color:#fff}.btn-sm{min-height:32px;padding:6px 10px;font-size:.75rem}.btn:disabled{opacity:.45;cursor:not-allowed}.icon-btn{border:1px solid var(--slate-300);background:#fff;border-radius:7px;width:38px;height:38px;cursor:pointer}
.alert{display:flex;gap:9px;align-items:flex-start;padding:10px 12px;border:1px solid var(--slate-200);border-left-width:4px;background:#fff;border-radius:7px;margin-bottom:14px;font-size:.8rem}.alert strong{white-space:nowrap}.alert-success{border-left-color:var(--green);background:#fbfefc}.alert-warning{border-left-color:#d99b1e;background:#fffdf7}.alert-danger{border-left-color:var(--red);background:#fffafa}.alert-info{border-left-color:var(--blue);background:#fbfdff}.notice{border-left:4px solid #d99b1e;background:#fff8e8;padding:10px 12px;font-size:.8rem;margin-bottom:14px}.muted{color:var(--slate-600)}.small{font-size:.77rem}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px}.metric{background:#fff;border:1px solid var(--slate-200);border-radius:8px;padding:14px 15px;box-shadow:var(--shadow)}.metric-label{font-size:.73rem;color:var(--slate-600);font-weight:600}.metric strong{display:block;font-size:1.55rem;margin-top:4px;letter-spacing:-.03em}.metric small{color:var(--slate-500);font-size:.7rem}.panel{background:#fff;border:1px solid var(--slate-200);border-radius:8px;box-shadow:var(--shadow);margin-bottom:14px}.panel-header{padding:13px 15px;border-bottom:1px solid var(--slate-200);display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-header h2,.panel-header p{margin:0}.panel-header p{font-size:.74rem;color:var(--slate-600);margin-top:2px}.panel-body{padding:15px}.panel-plain{padding:0}.two-column{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:14px}.three-column{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:.79rem}.data-table th{text-align:left;background:#f8fafc;color:var(--slate-600);font-size:.7rem;text-transform:uppercase;letter-spacing:.035em;padding:9px 11px;border-bottom:1px solid var(--slate-200);white-space:nowrap}.data-table td{padding:10px 11px;border-bottom:1px solid #edf0f2;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfcfd}.table-actions{display:flex;gap:6px;white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 8px;font-size:.67rem;font-weight:700;line-height:1}.badge.neutral{background:var(--slate-100);color:var(--slate-700)}.badge.warning{background:var(--amber-bg);color:var(--amber)}.badge.success{background:var(--green-bg);color:var(--green)}.badge.danger{background:var(--red-bg);color:var(--red)}.badge.info{background:var(--blue-bg);color:var(--blue)}
.form-section{border-top:1px solid var(--slate-200);padding:18px 0}.form-section:first-child{border-top:0;padding-top:0}.section-title{margin-bottom:12px}.section-title h2{margin:0}.section-title p{font-size:.76rem;color:var(--slate-600);margin:3px 0 0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}.form-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 14px}.field{display:flex;flex-direction:column;gap:5px}.field.full{grid-column:1/-1}.field label{font-size:.75rem;font-weight:700;color:var(--slate-800)}.field .req{color:var(--red)}.field input,.field select,.field textarea{width:100%;border:1px solid var(--slate-300);background:#fff;border-radius:7px;padding:8px 10px;color:var(--slate-950);min-height:38px;outline:none}.field textarea{min-height:85px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#4b7898;box-shadow:0 0 0 3px rgba(22,101,138,.1)}.field small{font-size:.69rem;color:var(--slate-500)}.sticky-actions{position:sticky;bottom:0;margin:18px -15px -15px;padding:11px 15px;background:rgba(255,255,255,.97);border-top:1px solid var(--slate-200);display:flex;gap:8px;justify-content:flex-end;z-index:5}
.detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 18px}.detail-item{border-bottom:1px solid #eef0f2;padding-bottom:8px}.detail-item span{display:block;color:var(--slate-600);font-size:.69rem;margin-bottom:2px}.detail-item strong{display:block;font-size:.82rem;word-break:break-word}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--slate-200);margin-bottom:14px;overflow:auto}.tabs a{padding:9px 12px;color:var(--slate-600);font-size:.78rem;font-weight:650;white-space:nowrap;border-bottom:2px solid transparent}.tabs a:hover{text-decoration:none;color:var(--navy-800)}.tabs a.active{color:var(--navy-800);border-bottom-color:var(--navy-800)}
.timeline{display:grid}.timeline-item{display:grid;grid-template-columns:26px 1fr;gap:10px;position:relative;padding-bottom:14px}.timeline-item:not(:last-child)::before{content:"";position:absolute;left:12px;top:23px;bottom:-2px;width:1px;background:var(--slate-200)}.timeline-dot{width:25px;height:25px;border-radius:50%;background:var(--slate-100);border:1px solid var(--slate-200);display:grid;place-items:center;font-size:.65rem;font-weight:800;z-index:1}.timeline-content strong{font-size:.78rem}.timeline-content p{font-size:.71rem;color:var(--slate-600);margin:2px 0 0}.timeline-content .note{color:var(--slate-800);margin-top:4px}.countdown{font-variant-numeric:tabular-nums;font-weight:700;color:var(--amber)}
.dynamic-list{display:grid;gap:8px}.dynamic-row{display:grid;grid-template-columns:42px minmax(180px,1fr) 130px minmax(220px,1fr) auto;gap:8px;align-items:start;padding:9px;background:#fafbfc;border:1px solid var(--slate-200);border-radius:7px}.dynamic-row .row-number{height:38px;display:grid;place-items:center;font-size:.75rem;font-weight:700;color:var(--slate-600)}.dynamic-row textarea{min-height:66px}.row-tools{display:flex;gap:4px}.mini-btn{width:30px;height:30px;padding:0;border:1px solid var(--slate-300);background:#fff;border-radius:6px;cursor:pointer}.rec-row{grid-template-columns:42px 1fr auto}.rec-row textarea{min-height:70px}.editor-shell{display:grid;grid-template-columns:minmax(620px,1.05fr) minmax(460px,.95fr);gap:14px;align-items:start}.editor-preview{position:sticky;top:92px;background:#cfd6dc;padding:12px;border-radius:8px;overflow:auto;max-height:calc(100vh - 112px)}.editor-preview iframe{display:block;width:794px;height:1123px;border:0;background:#fff;transform-origin:top left}.preview-note{font-size:.72rem;color:var(--slate-600);margin-bottom:8px}
.public-header{height:70px;background:#fff;border-bottom:1px solid var(--slate-200);padding:0 max(20px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;color:var(--slate-950)}.brand:hover{text-decoration:none}.brand img{width:38px;height:44px;object-fit:contain}.brand strong,.brand small{display:block}.brand strong{font-size:.85rem;letter-spacing:.08em}.brand small{font-size:.67rem;color:var(--slate-600)}.public-header nav{display:flex;align-items:center;gap:16px;font-size:.78rem}.public-main{min-height:calc(100vh - 140px)}.public-footer{min-height:70px;background:var(--navy-950);color:#fff;padding:16px max(20px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between}.public-footer strong,.public-footer span{display:block}.public-footer span,.public-footer small{font-size:.7rem;color:#b8c8d5}.public-hero{max-width:1160px;margin:0 auto;padding:72px 20px;display:grid;grid-template-columns:1fr 420px;gap:48px;align-items:center}.public-hero h1{font-size:2.65rem;max-width:680px}.public-hero p{color:var(--slate-600);max-width:680px}.public-hero-box{border:1px solid var(--slate-200);border-top:4px solid var(--navy-800);background:#fff;padding:24px}.public-hero-box img{width:86px;display:block;margin-bottom:18px}.verify-panel{max-width:760px;margin:46px auto;padding:0 20px}.verify-result{border-left:5px solid var(--green);padding:14px 16px;background:#fff;border-top:1px solid var(--slate-200);border-right:1px solid var(--slate-200);border-bottom:1px solid var(--slate-200)}
.auth-page{min-height:100vh;background:#eef2f5;display:grid;place-items:center;padding:20px}.auth-shell{width:min(950px,100%);min-height:560px;background:#fff;border:1px solid var(--slate-200);display:grid;grid-template-columns:360px 1fr;box-shadow:0 12px 40px rgba(10,36,60,.12)}.auth-brand{background:var(--navy-950);color:#fff;padding:34px;display:flex;flex-direction:column;justify-content:space-between}.auth-brand img{width:78px}.auth-brand h1{font-size:2rem;letter-spacing:.08em}.auth-brand p{color:#b8c8d5;font-size:.85rem}.auth-form{padding:54px 70px;display:flex;flex-direction:column;justify-content:center}.auth-form>p{color:var(--slate-600);font-size:.85rem}.auth-form .btn{width:100%}
.sign-page{background:#eef2f5}.sign-shell{max-width:860px;margin:28px auto;padding:0 16px}.sign-header{background:var(--navy-950);color:#fff;padding:15px 18px;display:flex;gap:10px;align-items:center}.sign-header img{width:38px;height:42px;object-fit:contain}.sign-card{background:#fff;border:1px solid var(--slate-200);border-top:0;padding:18px}.document-summary{background:#f8fafc;border:1px solid var(--slate-200);padding:12px;margin-bottom:14px}.document-summary dl{display:grid;grid-template-columns:170px 1fr;gap:6px 10px;margin:0;font-size:.78rem}.document-summary dt{color:var(--slate-600)}.document-summary dd{margin:0;font-weight:700}.signature-box{border:1px solid var(--slate-300);background:#fff}.signature-box canvas{width:100%;height:200px;display:block;touch-action:none}.signature-toolbar{padding:7px 9px;border-top:1px solid var(--slate-200);display:flex;justify-content:space-between}.upload-preview{min-height:140px;border:1px dashed var(--slate-300);background:#fafbfc;display:grid;place-items:center;padding:12px;color:var(--slate-600)}
.position-editor{display:grid;grid-template-columns:minmax(500px,1fr) 350px;gap:14px}.a4-calibration-wrap{overflow:auto;background:#cdd4da;padding:12px}.a4-calibration{position:relative;width:630px;height:891px;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.15);background-image:linear-gradient(#eef1f4 1px,transparent 1px),linear-gradient(90deg,#eef1f4 1px,transparent 1px);background-size:15px 15px}.calibration-doc{padding:44px;text-align:center;font-family:Arial,sans-serif;font-size:12px}.drag-item{position:absolute;border:2px solid #2c78a0;background:rgba(44,120,160,.12);display:grid;place-items:center;font-size:10px;font-weight:750;cursor:move;user-select:none}.drag-item.stamp{border-color:#b75043;background:rgba(183,80,67,.11)}.empty-state{text-align:center;padding:32px 16px;color:var(--slate-600)}.empty-state strong{display:block;color:var(--slate-950);margin-bottom:4px}
@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(2,1fr)}.two-column,.editor-shell{grid-template-columns:1fr}.editor-preview{position:static;max-height:none}.three-column{grid-template-columns:1fr}.position-editor{grid-template-columns:1fr}}
@media(max-width:780px){.mobile-only{display:grid;place-items:center}.sidebar{transform:translateX(-103%);transition:transform .18s ease}.sidebar.open{transform:translateX(0)}.sidebar.open+.app-main{}.sidebar-backdrop{position:fixed;inset:0;background:rgba(3,14,25,.45);z-index:35}.sidebar-backdrop.show{display:block}.app-main{margin-left:0}.topbar{height:70px;padding:10px 14px}.topbar-meta{display:none}.content{padding:14px}.page-heading{align-items:flex-start;flex-direction:column}.metric-grid,.form-grid,.form-grid-3,.detail-list{grid-template-columns:1fr}.panel-header{align-items:flex-start;flex-direction:column}.dynamic-row{grid-template-columns:34px 1fr}.dynamic-row>*{grid-column:2}.dynamic-row .row-number{grid-column:1;grid-row:1/5}.dynamic-row .row-tools{grid-column:2}.sticky-actions{justify-content:flex-start}.public-header{padding:0 14px}.brand small,.public-header nav>a:not(.btn){display:none}.public-hero{grid-template-columns:1fr;padding:42px 16px}.public-hero h1{font-size:2rem}.public-hero-box{display:none}.auth-shell{display:block;min-height:0}.auth-brand{padding:22px}.auth-brand p{display:none}.auth-form{padding:28px 22px}.sign-shell{margin:0;padding:0}.document-summary dl{grid-template-columns:1fr}.position-editor{display:block}.table-actions{flex-wrap:wrap}}
@media(max-width:430px){.content{padding:12px}.topbar h1{font-size:1.25rem}.metric-grid{grid-template-columns:1fr 1fr;gap:7px}.metric{padding:11px}.metric strong{font-size:1.25rem}.btn{width:auto}.form-section{padding:14px 0}}
@media print{.no-print{display:none!important}}

.inline-form{display:inline-flex;margin:0}
.logout-form{margin:0}.logout-button{appearance:none;background:none;border:0;width:100%;text-align:left;font:inherit;cursor:pointer}

.inline-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}

/* Production document/media controls */
.btn .icon{width:16px;height:16px}.btn.is-loading{cursor:wait;opacity:.82}.btn-spinner{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:sb-spin .65s linear infinite}@keyframes sb-spin{to{transform:rotate(360deg)}}
.notice-warning{border-left-color:#c98300;background:#fffaf0}.signature-integrity-note{border:1px solid #f0d7a2;border-left-width:4px;border-radius:7px;color:#5c4517}.signature-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.signature-media-grid.compact{gap:10px}.signature-media-card{border:1px solid var(--slate-200);border-radius:8px;background:#fff;padding:12px;min-width:0}.signature-media-grid.compact .signature-media-card{padding:10px}.media-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:9px}.media-card-head>div strong,.media-card-head>div span{display:block}.media-card-head>div strong,.media-card-head>strong{font-size:.79rem}.media-card-head>div span{font-size:.68rem;color:var(--slate-600);margin-top:2px}.media-status{font-size:.62rem;font-weight:750;color:var(--slate-600);background:var(--slate-100);border:1px solid var(--slate-200);padding:3px 6px;border-radius:999px}.signature-media-preview{height:170px;border:1px solid var(--slate-200);background:linear-gradient(45deg,#f8fafc 25%,transparent 25%),linear-gradient(-45deg,#f8fafc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f8fafc 75%),linear-gradient(-45deg,transparent 75%,#f8fafc 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0;display:grid;place-items:center;overflow:hidden;margin-bottom:10px}.compact .signature-media-preview{height:132px;margin-bottom:0}.signature-media-preview img{max-width:92%;max-height:92%;object-fit:contain}.signature-media-preview span{font-size:.72rem;color:var(--slate-500)}.media-upload-button{position:relative;overflow:hidden}.media-upload-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.signature-media-card>small{display:block;color:var(--slate-500);font-size:.68rem;margin-top:7px}.icon-pencil{width:30px;height:30px;border:1px solid var(--slate-300);border-radius:6px;display:grid;place-items:center;color:var(--navy-800);background:#fff;flex:0 0 auto}.icon-pencil:hover{background:var(--slate-50);text-decoration:none;border-color:#9fb0bf}.icon-pencil .icon{width:15px;height:15px}.correction-note{margin-top:16px}.signature-correction-form .sticky-actions{margin-left:0;margin-right:0;margin-bottom:0;border-radius:0 0 8px 8px}.document-engine-note{display:flex;gap:8px;align-items:flex-start;padding:9px 10px;background:#f8fafc;border:1px solid var(--slate-200);border-radius:7px;color:var(--slate-600);font-size:.71rem;margin-top:12px}.document-engine-note strong{color:var(--slate-800)}
@media(max-width:780px){.signature-media-grid{grid-template-columns:1fr}.signature-media-preview{height:150px}}
.install-preflight{border:1px solid var(--slate-200);background:#f8fafc;border-radius:8px;padding:12px;margin:14px 0}.install-preflight>strong{font-size:.8rem}.install-preflight small{display:block;color:var(--slate-600);font-size:.68rem;margin-top:8px}.install-checks{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.install-checks span{font-size:.68rem;font-weight:700;border:1px solid var(--slate-200);border-radius:999px;padding:4px 7px;background:#fff}.install-checks span.ok{color:var(--green);border-color:#b9decf}.install-checks span.bad{color:var(--red);border-color:#f0c0bb}
.runtime-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.runtime-check{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid var(--slate-200);background:#fafbfc;border-radius:7px;padding:9px 10px;font-size:.72rem}.runtime-check strong{font-size:.63rem;letter-spacing:.02em}.runtime-check .ready{color:var(--green)}.runtime-check .missing{color:var(--red)}.runtime-check .optional{color:var(--slate-600)}@media(max-width:780px){.runtime-check-grid{grid-template-columns:1fr}}


/* ==========================================================
   SATRIA BIRU — PUBLIC HOMEPAGE REFRESH (v5.2)
   Scope: public header, homepage hero, public footer only.
   Internal dashboard/forms/workflow remain untouched.
   ========================================================== */
.sb-public-header{height:auto;min-height:82px;background:#071b34;border-bottom:1px solid rgba(255,255,255,.08);padding:0;position:relative;z-index:30}
.sb-public-nav{width:min(1180px,calc(100% - 40px));min-height:82px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:28px}
.sb-public-brand{gap:12px;color:#fff;min-width:0}.sb-public-brand:hover{text-decoration:none}.sb-public-brand img{width:52px;height:58px;object-fit:contain;flex:0 0 auto}.sb-public-brand span{min-width:0}.sb-public-brand strong{font-size:1.05rem;letter-spacing:.12em;color:#fff}.sb-public-brand small{margin-top:3px;font-size:.72rem;line-height:1.25;color:#c9d6e2;white-space:normal}
.sb-public-menu{display:flex;align-items:center;gap:26px;font-size:.82rem}.sb-public-menu>a:not(.btn){position:relative;color:#eef5fb;font-weight:650;text-decoration:none;padding:30px 0 27px}.sb-public-menu>a:not(.btn):hover{color:#fff;text-decoration:none}.sb-public-menu>a.active:not(.btn)::after{content:"";position:absolute;left:0;right:0;bottom:18px;height:2px;border-radius:2px;background:#e53b32}.sb-public-login{background:#e43b32!important;border-color:#e43b32!important;color:#fff!important;border-radius:7px;padding:10px 15px;box-shadow:0 7px 18px rgba(190,38,31,.18)}.sb-public-login:hover{background:#c92d27!important;border-color:#c92d27!important;text-decoration:none!important}
.sb-public-main{min-height:0;background:#071b34}
.sb-home-hero{position:relative;min-height:calc(100vh - 82px);display:flex;align-items:center;overflow:hidden;background:#071b34 url('../img/official/hero-satria-biru.jpg') center right/cover no-repeat;color:#fff}
.sb-home-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,21,42,.98) 0%,rgba(5,27,52,.94) 33%,rgba(5,27,52,.72) 54%,rgba(5,27,52,.25) 74%,rgba(5,27,52,.08) 100%)}
.sb-home-container{position:relative;z-index:2;width:min(1180px,calc(100% - 40px));margin:0 auto;padding:86px 0 96px}.sb-home-copy{width:min(620px,58vw)}.sb-home-kicker{display:block;margin-bottom:18px;font-size:.77rem;line-height:1.45;font-weight:750;letter-spacing:.105em;color:#cbd9e5}.sb-home-copy h1{margin:0;color:#fff;font-size:clamp(3.8rem,7vw,6.4rem);font-weight:850;line-height:.94;letter-spacing:.025em;text-shadow:0 5px 22px rgba(0,0,0,.14)}.sb-home-accent{display:block;width:72px;height:3px;margin:30px 0 22px;border-radius:4px;background:#e43b32}.sb-home-description{max-width:570px;margin:0;color:#f3f6f9;font-size:clamp(1.18rem,2vw,1.62rem);line-height:1.52;font-weight:520}.sb-home-motto{max-width:560px;margin:23px 0 0;color:#c9d5df;font-size:1.03rem;line-height:1.6;font-style:italic}.sb-home-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.sb-home-actions .btn{min-height:46px;padding:12px 20px;border-radius:7px;font-weight:720}.sb-home-primary{background:#e43b32;border-color:#e43b32;color:#fff}.sb-home-primary:hover{background:#c92d27;border-color:#c92d27;color:#fff;text-decoration:none}.sb-home-secondary{background:rgba(4,20,39,.36);border:1px solid rgba(255,255,255,.48);color:#fff;backdrop-filter:blur(5px)}.sb-home-secondary:hover{background:rgba(255,255,255,.09);border-color:#fff;color:#fff;text-decoration:none}
.sb-public-footer{min-height:0;padding:0;background:#06172c;border-top:1px solid rgba(255,255,255,.09);display:block;color:#fff}.sb-footer-inner{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:24px 0 20px;display:flex;align-items:center;justify-content:space-between;gap:26px}.sb-footer-identity{display:flex;align-items:center;gap:11px;min-width:0}.sb-footer-identity img{width:38px;height:43px;object-fit:contain}.sb-footer-identity strong{display:block;font-size:.88rem;letter-spacing:.09em}.sb-footer-identity span{display:block;margin-top:2px;font-size:.68rem;color:#aebfce}.sb-footer-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.sb-footer-links a{color:#c9d6e1;font-size:.72rem;font-weight:600;text-decoration:none}.sb-footer-links a:hover{color:#fff;text-decoration:none}.sb-footer-bottom{border-top:1px solid rgba(255,255,255,.07);padding:11px 20px;text-align:center;color:#879cad;font-size:.66rem}
@media(max-width:860px){.sb-public-nav{width:min(100% - 28px,1180px);min-height:74px}.sb-public-header{min-height:74px}.sb-public-brand img{width:43px;height:49px}.sb-public-brand strong{font-size:.93rem}.sb-public-brand small{font-size:.64rem;max-width:290px}.sb-public-menu{gap:10px}.sb-public-menu>a:not(.btn){display:none}.sb-public-login{padding:9px 12px;font-size:.74rem}.sb-home-hero{min-height:calc(100vh - 74px);background-position:62% center}.sb-home-overlay{background:linear-gradient(90deg,rgba(4,21,42,.98) 0%,rgba(5,27,52,.94) 44%,rgba(5,27,52,.64) 72%,rgba(5,27,52,.32) 100%)}.sb-home-container{width:min(100% - 32px,1180px);padding:72px 0 80px}.sb-home-copy{width:min(620px,82vw)}.sb-home-kicker{font-size:.68rem}.sb-home-copy h1{font-size:clamp(3.1rem,12vw,5rem)}.sb-home-description{font-size:1.12rem}.sb-footer-inner{width:min(100% - 32px,1180px);align-items:flex-start;flex-direction:column}.sb-footer-links{gap:14px}}
@media(max-width:520px){.sb-public-brand small{max-width:220px}.sb-home-hero{min-height:650px;background-position:68% center}.sb-home-overlay{background:linear-gradient(90deg,rgba(4,21,42,.985) 0%,rgba(5,27,52,.95) 58%,rgba(5,27,52,.62) 100%)}.sb-home-copy{width:100%}.sb-home-copy h1{font-size:3.15rem}.sb-home-description{font-size:1.03rem}.sb-home-motto{font-size:.93rem}.sb-home-actions{display:grid;grid-template-columns:1fr}.sb-home-actions .btn{width:100%}.sb-footer-links{display:grid;gap:9px}}


/* ==========================================================
   SATRIA BIRU — PUBLIC STATUS / SIGNATURE SUCCESS (v5.3)
   Keeps short public pages full-height so the footer stays
   pinned naturally at the bottom of the viewport.
   ========================================================== */
body.sb-public-status{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:#f4f7fb}
body.sb-public-status .sb-public-header{flex:0 0 auto}
body.sb-public-status .sb-public-main{flex:1 0 auto;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;padding:64px 20px;background:linear-gradient(180deg,#f7f9fc 0%,#eef3f8 100%)}
body.sb-public-status .sb-public-footer{flex:0 0 auto;margin-top:auto}
.sb-status-wrap{width:min(720px,100%);margin:0 auto}
.sb-status-card{position:relative;overflow:hidden;background:#fff;border:1px solid #dce4ec;border-radius:16px;padding:40px 42px;box-shadow:0 18px 50px rgba(7,27,52,.10);text-align:center}
.sb-status-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#148257,#20a56d)}
.sb-status-icon{width:68px;height:68px;margin:0 auto 22px;border-radius:50%;display:grid;place-items:center;background:#eaf8f1;color:#168356;border:1px solid #ccebdc}
.sb-status-icon svg{width:32px;height:32px}
.sb-status-copy{max-width:580px;margin:0 auto}
.sb-status-eyebrow{display:inline-block;margin-bottom:9px;color:#167451;font-size:.72rem;line-height:1;font-weight:800;letter-spacing:.14em}
.sb-status-copy h1{margin:0 0 12px;color:#071b34;font-size:clamp(1.65rem,3.3vw,2.15rem);line-height:1.2;letter-spacing:-.025em}
.sb-status-copy p{max-width:560px;margin:0 auto;color:#667085;font-size:.98rem;line-height:1.65}
.sb-status-actions{display:flex;justify-content:center;gap:11px;flex-wrap:wrap;margin-top:28px}
.sb-status-actions .btn{min-height:44px;padding:11px 18px;border-radius:8px;font-weight:700;text-decoration:none}
.sb-status-primary{background:#0b2b4c!important;border-color:#0b2b4c!important;color:#fff!important}.sb-status-primary:hover{background:#071f39!important;border-color:#071f39!important;color:#fff!important;text-decoration:none!important}
.sb-status-secondary{background:#fff!important;border:1px solid #b9c8d6!important;color:#173c60!important}.sb-status-secondary:hover{background:#f5f8fb!important;border-color:#8da4b8!important;color:#0b2b4c!important;text-decoration:none!important}
@media(max-width:640px){body.sb-public-status .sb-public-main{padding:36px 16px}.sb-status-card{padding:30px 22px;border-radius:13px}.sb-status-icon{width:60px;height:60px;margin-bottom:18px}.sb-status-actions{display:grid;grid-template-columns:1fr}.sb-status-actions .btn{width:100%}}

/* ==========================================================
   SATRIA BIRU — INTERNAL PROFESSIONAL UI (v6.0)
   Refines navigation, cards, approval workspace, profile assets,
   attachment preview, and the secure login experience.
   ========================================================== */
:root{--sidebar:268px;--radius:12px;--shadow:0 7px 24px rgba(7,26,44,.065);--shadow-soft:0 2px 10px rgba(7,26,44,.055)}
body:not(.auth-page){background:linear-gradient(180deg,#f5f8fb 0,#f8fafc 280px,#f8fafc 100%)}
.sidebar{padding:18px 16px;background:linear-gradient(180deg,#06192c 0%,#08233d 56%,#06182a 100%);box-shadow:8px 0 30px rgba(4,20,36,.08)}
.sidebar::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#d8483e,#9c2e29 42%,transparent 100%)}
.sidebar-brand{height:70px;padding:0 8px 16px;border-bottom-color:rgba(255,255,255,.105)}
.sidebar-brand img{width:45px;height:50px;filter:drop-shadow(0 5px 10px rgba(0,0,0,.15))}
.sidebar-brand strong{font-size:.97rem;letter-spacing:.11em}.sidebar-brand span{font-size:.7rem;color:#a9bed0}
.sidebar-section-label{padding:17px 10px 8px;color:#718ba0;font-size:.6rem;font-weight:800;letter-spacing:.16em}
.sidebar-nav{padding:0;gap:5px}.sidebar-nav a{position:relative;padding:10px 11px;border:1px solid transparent;border-radius:9px;color:#c7d5e1;font-size:.84rem;transition:background .16s ease,border-color .16s ease,transform .16s ease,color .16s ease}.sidebar-nav a:hover{background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.055);transform:translateX(2px)}.sidebar-nav a.active{background:linear-gradient(90deg,rgba(32,89,132,.7),rgba(20,63,99,.58));border-color:rgba(137,183,216,.18);box-shadow:inset 3px 0 0 #e3574c,0 7px 18px rgba(0,0,0,.08)}
.sidebar-footer{padding:15px 6px 0;border-top-color:rgba(255,255,255,.09)}.avatar{width:36px;height:36px;background:linear-gradient(135deg,#1a527b,#0e3556);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.logout-button{border:0;background:transparent;padding:0;cursor:pointer}
.app-main{background:transparent}.topbar{height:82px;padding:13px 30px;background:rgba(255,255,255,.96);border-bottom-color:#e5eaf0;box-shadow:0 1px 0 rgba(16,24,40,.025);backdrop-filter:blur(8px)}
.topbar h1{font-size:1.48rem}.breadcrumb{font-size:.7rem;letter-spacing:.01em}.topbar-meta{gap:9px}.role-chip{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid #dce5ed;border-radius:999px;background:#f7fafc;color:#284a67;font-size:.65rem;font-weight:760;letter-spacing:.03em}.status-dot{box-shadow:0 0 0 3px rgba(24,121,78,.09)}
.content{padding:24px 30px 42px}.page-heading{margin-bottom:18px}.page-heading h2{font-size:1.12rem;letter-spacing:-.01em}.page-heading p{font-size:.82rem;max-width:860px}
.panel{border-color:#e1e7ed;border-radius:13px;box-shadow:var(--shadow);overflow:hidden}.panel-header{padding:15px 17px;background:linear-gradient(180deg,#fff,#fcfdfe);border-bottom-color:#e8edf2}.panel-header h2{font-size:1rem}.panel-header p{font-size:.72rem}.panel-body{padding:17px}
.metric-grid{gap:12px;margin-bottom:20px}.metric{position:relative;overflow:hidden;border-color:#e1e7ed;border-radius:13px;padding:16px 17px;box-shadow:var(--shadow-soft)}.metric::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#17496f}.metric strong{font-size:1.68rem;margin-top:6px}.metric-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}
.data-table th{background:#f6f9fc;padding:10px 12px;color:#54667a;font-size:.66rem;letter-spacing:.055em}.data-table td{padding:11px 12px;border-bottom-color:#edf1f5}.data-table tbody tr{transition:background .12s ease}.data-table tbody tr:hover{background:#f8fbfd}
.btn{border-radius:8px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease}.btn:not(:disabled):hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(180deg,#123f66,#0b2f50);border-color:#0c3457;box-shadow:0 4px 12px rgba(10,47,80,.13)}.btn-primary:hover{background:linear-gradient(180deg,#0f375a,#082844)}.btn-success{background:linear-gradient(180deg,#21845b,#176f4b);border-color:#176f4b;box-shadow:0 4px 12px rgba(23,111,75,.12)}.btn-secondary{border-color:#cad5df;color:#2c4358}.btn-danger{border-color:#e9bbb6}.icon-action .icon{width:17px;height:17px}
.field input,.field select,.field textarea{border-color:#cbd5df;border-radius:8px;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.field input:hover,.field select:hover,.field textarea:hover{border-color:#aebfce}.field input:focus,.field select:focus,.field textarea:focus{border-color:#3c7398;box-shadow:0 0 0 3px rgba(26,96,142,.1)}
.tabs{gap:5px;border-bottom-color:#dfe6ed;margin-bottom:16px}.tabs a{padding:10px 13px;border-radius:7px 7px 0 0}.tabs a.active{background:#f6f9fc}
.badge{padding:5px 9px;font-size:.64rem;letter-spacing:.02em}.detail-item{padding:4px 0 9px;border-bottom-color:#edf1f4}.detail-item span{font-size:.67rem;text-transform:uppercase;letter-spacing:.035em}.detail-item strong{font-size:.83rem}
.professional-note{border:1px solid #dbe6ef;border-left:4px solid #17496f;background:linear-gradient(90deg,#f4f8fb,#fbfdfe);border-radius:9px;padding:12px 13px;color:#42566a;font-size:.78rem;line-height:1.55}.professional-note strong{color:#173a59}
.profile-identity-card .detail-list{grid-template-columns:repeat(4,minmax(0,1fr))}.asset-preview-card{height:190px;border:1px dashed #c9d6e0;border-radius:11px;background:linear-gradient(135deg,#fbfcfd,#f5f8fa);display:grid;place-items:center;padding:18px;overflow:hidden}.asset-preview-card img{max-width:100%;object-fit:contain}.asset-empty{color:#718195;font-size:.77rem;font-weight:650;text-align:center}.approval-panel{border-top:3px solid #c78c20}.completed-panel{border-top:3px solid #27845c}.approval-panel .data-table td:last-child,.completed-panel .data-table td:last-child{white-space:nowrap}
.ready{color:var(--green)!important}.missing{color:var(--red)!important}

/* Secure login */
.auth-page-v2{min-height:100vh;min-height:100dvh;padding:0;background:#061a2e;display:block}
.auth-shell-v2{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(430px,44%) 1fr;background:#fff}
.auth-brand-v2{position:relative;overflow:hidden;padding:44px 48px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 72% 30%,rgba(37,94,139,.55),transparent 34%),linear-gradient(145deg,#06182b 0%,#0a2b49 56%,#06182b 100%)}
.auth-brand-v2::before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.055);border-radius:50%;right:-270px;top:-90px;box-shadow:0 0 0 70px rgba(255,255,255,.018),0 0 0 140px rgba(255,255,255,.012)}
.auth-brand-v2::after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#e0473e,#b4302a 50%,transparent 100%)}
.auth-brand-top,.auth-brand-copy,.auth-brand-foot{position:relative;z-index:2}.auth-brand-top{display:flex;align-items:center;gap:14px}.auth-brand-top img{width:56px;height:64px;object-fit:contain;filter:drop-shadow(0 8px 15px rgba(0,0,0,.2))}.auth-brand-top strong,.auth-brand-top span{display:block}.auth-brand-top strong{font-size:.72rem;letter-spacing:.13em}.auth-brand-top span{margin-top:3px;color:#aebfd0;font-size:.63rem;letter-spacing:.03em;max-width:330px}
.auth-brand-copy{max-width:600px}.auth-kicker,.eyebrow{display:inline-block;color:#a7c0d3;font-size:.66rem;font-weight:800;letter-spacing:.16em}.auth-brand-copy h1{margin:13px 0 20px;font-size:clamp(3.7rem,6.8vw,6.2rem);line-height:.9;letter-spacing:.035em;font-weight:880}.auth-brand-copy h1 em{display:block;color:#e04a41;font-style:normal}.auth-brand-copy p{max-width:540px;color:#d9e4ed;font-size:1.02rem;line-height:1.7}.auth-feature-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.auth-feature-row span{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);border-radius:999px;padding:7px 10px;color:#c9d7e2;font-size:.67rem;font-weight:680;backdrop-filter:blur(5px)}.auth-brand-foot{display:flex;align-items:center;gap:8px;color:#91a9bb;font-size:.67rem}.secure-dot{width:7px;height:7px;border-radius:50%;background:#43b47c;box-shadow:0 0 0 4px rgba(67,180,124,.08)}
.auth-form-v2{position:relative;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);padding:56px clamp(38px,7vw,105px) 32px}.auth-form-inner{width:min(470px,100%);margin:auto}.auth-form-heading{margin-bottom:28px}.auth-form-heading .eyebrow{color:#a13630}.auth-form-heading h2{font-size:2rem;letter-spacing:-.035em;margin:9px 0 8px;color:#10273d}.auth-form-heading p{color:#667789;font-size:.85rem}.auth-login-form{display:grid;gap:17px}.auth-field{gap:7px}.auth-field label{font-size:.72rem;letter-spacing:.01em}.auth-input-wrap{position:relative}.auth-input-wrap input{height:48px;padding-left:43px;padding-right:58px;background:#fff}.auth-input-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:18px;height:18px;display:grid;place-items:center;color:#6f8294;font-size:.78rem;font-weight:800;z-index:2}.auth-input-icon.lock{font-size:.45rem;border:1px solid #8092a3;border-radius:5px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:#eef3f7;color:#365a76;border-radius:6px;padding:6px 8px;font-size:.63rem;font-weight:750;cursor:pointer}.auth-submit{height:48px;margin-top:3px;justify-content:space-between;padding-inline:18px;font-size:.84rem}.auth-alert{margin:0 0 20px}.auth-security-note{display:grid;gap:3px;margin-top:25px;padding:12px 13px;border:1px solid #e0e7ee;background:#f8fafc;border-radius:9px}.auth-security-note strong{font-size:.7rem;color:#2d465e}.auth-security-note span{font-size:.67rem;color:#718195;line-height:1.5}.auth-back-link{display:inline-block;margin-top:17px;color:#526d84;font-size:.7rem;font-weight:650}.auth-form-footer{margin-top:auto;padding-top:28px;text-align:center;color:#9aa8b5;font-size:.62rem}

/* Attachment local preview */
.attachment-preview-page{min-height:100vh;background:#eef3f7;padding:24px}.attachment-preview-shell{width:min(1080px,100%);margin:auto}.attachment-preview-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:15px;padding:17px 18px;background:#fff;border:1px solid #dfe7ee;border-radius:12px;box-shadow:var(--shadow)}.attachment-preview-head .eyebrow{color:#6a8195}.attachment-preview-head h1{font-size:1.2rem;margin:5px 0}.attachment-preview-head p{margin:0;color:#718195;font-size:.75rem}.attachment-doc-preview{min-height:720px;background:#fff;border:1px solid #dfe7ee;border-radius:12px;box-shadow:var(--shadow);padding:65px 72px}.attachment-doc-preview p{max-width:760px;margin:0 auto 12px;font-family:Georgia,"Times New Roman",serif;font-size:.92rem;line-height:1.65;color:#222d38}

@media(max-width:1050px){.profile-identity-card .detail-list{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-shell-v2{grid-template-columns:390px 1fr}.auth-brand-v2{padding:36px 32px}.auth-brand-copy h1{font-size:4.3rem}.auth-form-v2{padding-inline:48px}}
@media(max-width:780px){:root{--sidebar:268px}.content{padding:16px}.topbar{padding-inline:15px}.profile-identity-card .detail-list{grid-template-columns:1fr}.auth-shell-v2{display:block;min-height:100vh}.auth-brand-v2{min-height:250px;padding:27px 24px;justify-content:flex-start;gap:38px}.auth-brand-copy h1{font-size:3.3rem;margin:8px 0 13px}.auth-brand-copy p{font-size:.86rem}.auth-feature-row,.auth-brand-foot{display:none}.auth-form-v2{min-height:calc(100vh - 250px);padding:35px 22px 24px}.auth-form-heading h2{font-size:1.6rem}.attachment-preview-page{padding:12px}.attachment-preview-head{align-items:flex-start;flex-direction:column}.attachment-doc-preview{padding:30px 22px}}

/* V13 Dashboard analytics, filters, charts, and report export */
.dashboard-report-panel{margin-bottom:20px;border-top:3px solid #17496f}.report-panel-head{align-items:center}.report-filter-form{padding-bottom:17px;border-bottom:1px solid #e7edf2}.report-filter-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;align-items:end}.report-filter-grid .field{min-width:0}.report-filter-grid .field label{white-space:nowrap}.report-filter-grid .field.is-disabled{display:none}.report-filter-actions{display:flex;gap:8px;align-items:center;margin-top:12px;flex-wrap:wrap}.report-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:17px 0}.report-summary-card{position:relative;overflow:hidden;border:1px solid #e0e7ed;border-radius:11px;background:linear-gradient(180deg,#fff,#fafcfd);padding:13px 14px;box-shadow:0 1px 2px rgba(16,24,40,.035)}.report-summary-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#17496f}.report-summary-card.low::before{background:#27845c}.report-summary-card.medium::before{background:#c78c20}.report-summary-card.high::before{background:#b53b31}.report-summary-card.published::before{background:#275e8d}.report-summary-card span,.report-summary-card small{display:block}.report-summary-card span{font-size:.67rem;font-weight:760;text-transform:uppercase;letter-spacing:.035em;color:#5e6d7b}.report-summary-card strong{display:block;margin:5px 0 1px;font-size:1.45rem;line-height:1;color:#18374f}.report-summary-card small{font-size:.65rem;color:#8a98a5}.dashboard-chart-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.9fr);gap:12px;margin:0 0 17px}.report-chart-card{border:1px solid #e0e7ed;border-radius:11px;background:#fff;padding:14px;min-width:0;box-shadow:0 1px 2px rgba(16,24,40,.03)}.report-chart-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:9px}.report-chart-heading strong{font-size:.83rem;color:#223c53}.report-chart-heading span{font-size:.68rem;color:#7b8b99;text-align:right}.report-line-chart{display:block;width:100%;height:250px;overflow:visible}.report-line-chart .grid line{stroke:#e5ebf0;stroke-width:1}.report-line-chart .axis,.report-line-chart .labels text{font:20px Inter,Arial,sans-serif;fill:#667888}.report-line-chart polyline{stroke:#17496f;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.report-line-chart .dots circle{fill:#17496f;stroke:#fff;stroke-width:2}.report-line-chart .labels .value{font-weight:800;fill:#173a59}.building-bars{display:grid;gap:9px;padding-top:4px}.building-bar-row{display:grid;grid-template-columns:minmax(120px,180px) 1fr 34px;align-items:center;gap:9px;font-size:.72rem}.building-bar-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#40576b}.building-bar-track{height:9px;background:#edf2f6;border-radius:999px;overflow:hidden}.building-bar-track span{display:block;height:100%;background:linear-gradient(90deg,#17496f,#2b6d98);border-radius:999px}.building-bar-row strong{text-align:right;color:#26445e}.empty-chart{padding:40px 12px;text-align:center;color:#7b8996;font-size:.76rem}.report-table-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;margin:2px 0 10px}.report-table-toolbar>div:first-child strong,.report-table-toolbar>div:first-child span{display:block}.report-table-toolbar>div:first-child strong{font-size:.86rem;color:#203c53}.report-table-toolbar>div:first-child span{font-size:.7rem;color:#7a8997;margin-top:2px}.report-dashboard-table{border:1px solid #e6ebf0;border-radius:10px}.report-dashboard-table .data-table{min-width:1120px}.report-dashboard-table .badge{white-space:nowrap}
@media(max-width:1260px){.report-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.report-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-chart-grid{grid-template-columns:1fr}.building-bar-row{grid-template-columns:minmax(150px,220px) 1fr 36px}}
@media(max-width:780px){.report-filter-grid{grid-template-columns:1fr 1fr}.report-summary-grid{grid-template-columns:1fr 1fr}.report-table-toolbar{align-items:flex-start;flex-direction:column}.report-table-toolbar .page-actions{width:100%}.report-table-toolbar .page-actions .btn,.report-table-toolbar .inline-form{flex:1}.report-table-toolbar .inline-form .btn{width:100%}.report-chart-heading{display:block}.report-chart-heading span{display:block;text-align:left;margin-top:2px}.report-line-chart{height:210px}.building-bar-row{grid-template-columns:110px 1fr 28px}}
@media(max-width:480px){.report-filter-grid,.report-summary-grid{grid-template-columns:1fr}.building-bar-row{grid-template-columns:90px 1fr 24px}}

/* ==========================================================
   SATRIA BIRU — V14 LOGIN / TOPBAR / PUBLIC SHOWCASE
   ========================================================== */
.topbar-meta{gap:0}.topbar-meta .role-chip{margin:0}

.auth-page-v2{
    background:#edf2f7;
    font-family:"Segoe UI Variable","Aptos","Segoe UI",Inter,Arial,sans-serif;
}
.auth-shell-v2{
    grid-template-columns:minmax(420px,46%) minmax(0,54%);
    min-height:100vh;
    min-height:100dvh;
    background:#f4f7fa;
}
.auth-brand-v2{
    display:grid;
    grid-template-rows:auto 1fr auto;
    padding:42px clamp(36px,4.3vw,66px) 34px;
    background:
        radial-gradient(circle at 96% 17%,rgba(53,108,151,.28),transparent 29%),
        radial-gradient(circle at 15% 88%,rgba(18,65,102,.36),transparent 34%),
        linear-gradient(150deg,#06192c 0%,#0a2d4c 58%,#08243f 100%);
}
.auth-brand-v2::before{
    width:560px;height:560px;right:-365px;top:80px;
    border-color:rgba(255,255,255,.045);
    box-shadow:0 0 0 68px rgba(255,255,255,.014),0 0 0 136px rgba(255,255,255,.01);
}
.auth-brand-v2::after{height:3px;background:linear-gradient(90deg,#e2443c 0 34%,rgba(226,68,60,.15) 70%,transparent 100%)}
.auth-brand-top{gap:13px;align-self:start}
.auth-brand-top img{width:47px;height:54px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.2))}
.auth-brand-top strong{font-size:.78rem;letter-spacing:.105em;font-weight:800}
.auth-brand-top span{max-width:360px;margin-top:4px;font-size:.66rem;line-height:1.45;letter-spacing:.045em;color:#c3d1de}
.auth-brand-copy{align-self:center;max-width:520px;padding:24px 0 18px}
.auth-kicker{font-size:.68rem;letter-spacing:.18em;color:#a8c0d3}
.auth-brand-copy h1{margin:16px 0 20px;font-size:clamp(3.9rem,6.1vw,5.8rem);line-height:.88;letter-spacing:.02em;font-weight:800}
.auth-brand-copy h1 span,.auth-brand-copy h1 em{display:block}
.auth-brand-copy h1 span{color:#fff}
.auth-brand-copy h1 em{margin-top:7px;color:#eb4941;font-style:normal}
.auth-brand-copy p{max-width:480px;margin:0;color:#d7e2ec;font-size:.98rem;line-height:1.72;font-weight:400}
.auth-brand-bottom{position:relative;z-index:2;align-self:end;color:#91a8ba;font-size:.62rem;font-weight:700;letter-spacing:.13em}

.auth-form-v2{
    justify-content:center;
    padding:44px clamp(34px,5.5vw,84px) 28px;
    background:linear-gradient(145deg,#f8fafc 0%,#fff 54%,#f3f6f9 100%);
}
.auth-form-inner{width:min(510px,100%);margin:auto}
.auth-login-card{
    width:100%;
    padding:38px 40px 36px;
    border:1px solid #dfe6ed;
    border-radius:18px;
    background:rgba(255,255,255,.96);
    box-shadow:0 20px 48px rgba(15,44,68,.10),0 2px 8px rgba(15,44,68,.04);
}
.auth-form-heading{margin-bottom:28px}
.auth-form-kicker{display:block;margin-bottom:9px;color:#b13b34;font-size:.67rem;font-weight:800;letter-spacing:.15em}
.auth-form-heading h2{margin:0 0 8px;font-size:2rem;line-height:1.15;letter-spacing:-.025em;color:#102a43;font-weight:760}
.auth-form-heading p{margin:0;color:#728292;font-size:.82rem;line-height:1.55}
.auth-login-form{gap:18px}
.auth-field{gap:7px}
.auth-field label{font-size:.76rem;letter-spacing:.005em;color:#263d52;font-weight:720}
.auth-input-wrap input{
    height:52px;
    padding:0 62px 0 44px;
    border:1px solid #cbd7e2;
    border-radius:9px;
    background:#fbfcfe;
    color:#10273d;
    font-size:.87rem;
    transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.auth-input-wrap input::placeholder{color:#9ba9b6}
.auth-input-wrap input:focus{background:#fff;border-color:#3f718f;box-shadow:0 0 0 4px rgba(31,94,132,.10)}
.auth-input-icon{left:15px;width:20px;height:20px;color:#526d84;font-size:.82rem}
.auth-input-icon.lock{font-size:.43rem;border-color:#7f94a5;border-radius:5px}
.password-toggle{right:9px;padding:7px 9px;border-radius:7px;background:#eef3f7;color:#31536f;font-size:.65rem}
.password-toggle:hover{background:#e4ebf1}
.auth-submit{
    height:52px;
    margin-top:4px;
    padding-inline:18px;
    border-radius:9px;
    background:linear-gradient(135deg,#0d3557,#12486f);
    border-color:#0d3557;
    box-shadow:0 10px 20px rgba(13,53,87,.17);
    font-size:.84rem;
    font-weight:760;
}
.auth-submit:hover{background:linear-gradient(135deg,#0a2b49,#103f62)}
.auth-back-link{margin-top:19px;color:#526b80;font-size:.72rem;font-weight:650}
.auth-form-footer{padding-top:24px;color:#98a6b3;font-size:.64rem}
.auth-alert{margin-bottom:22px;border-radius:9px}

.sb-public-showcase{background:#f4f7fb;padding:64px 20px 76px;color:#10273d}
.sb-public-showcase-inner{width:min(1180px,100%);margin:0 auto}
.sb-showcase-heading{max-width:760px;margin:0 auto 24px;text-align:center}
.sb-showcase-heading span{display:block;margin-bottom:7px;color:#b33b33;font-size:.68rem;font-weight:800;letter-spacing:.14em}
.sb-showcase-heading h2{margin:0;color:#112d46;font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.32;letter-spacing:-.02em}
.sb-showcase-media{margin:0;overflow:hidden;border:1px solid #dce5ec;border-radius:16px;background:#fff;box-shadow:0 18px 42px rgba(21,57,85,.10)}
.sb-showcase-media img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}

@media(max-width:1120px){
    .auth-shell-v2{grid-template-columns:minmax(390px,43%) minmax(0,57%)}
    .auth-brand-v2{padding-inline:38px}
    .auth-brand-copy h1{font-size:4.3rem}
    .auth-form-v2{padding-inline:40px}
    .auth-login-card{padding:34px 34px 32px}
}
@media(max-width:860px){
    .auth-shell-v2{display:block;background:#fff}
    .auth-brand-v2{min-height:280px;padding:28px 26px 30px;display:grid;grid-template-rows:auto 1fr}
    .auth-brand-top img{width:42px;height:48px}
    .auth-brand-copy{align-self:end;padding:38px 0 0;max-width:570px}
    .auth-kicker{font-size:.62rem}
    .auth-brand-copy h1{font-size:3.2rem;line-height:.9;margin:10px 0 12px}
    .auth-brand-copy h1 span,.auth-brand-copy h1 em{display:inline}.auth-brand-copy h1 em{margin-left:9px}
    .auth-brand-copy p{font-size:.82rem;line-height:1.55;max-width:540px}
    .auth-brand-bottom{display:none}
    .auth-form-v2{min-height:calc(100vh - 280px);padding:30px 20px 24px}
    .auth-login-card{padding:30px 26px;border-radius:14px;box-shadow:0 12px 30px rgba(15,44,68,.08)}
    .auth-form-heading h2{font-size:1.7rem}
    .sb-public-showcase{padding:48px 16px 56px}
    .sb-showcase-media{border-radius:12px}
}
@media(max-width:520px){
    .auth-brand-v2{min-height:250px;padding:24px 21px}
    .auth-brand-top strong{font-size:.68rem}.auth-brand-top span{font-size:.57rem}
    .auth-brand-copy{padding-top:28px}
    .auth-brand-copy h1{font-size:2.65rem}.auth-brand-copy p{font-size:.78rem}
    .auth-form-v2{min-height:calc(100vh - 250px);padding:24px 14px 20px}
    .auth-login-card{padding:25px 20px 24px;border-radius:12px}
    .auth-form-heading{margin-bottom:23px}.auth-form-heading h2{font-size:1.55rem}
    .auth-input-wrap input,.auth-submit{height:50px}
    .sb-public-showcase{padding:40px 14px 46px}.sb-showcase-heading{margin-bottom:18px}.sb-showcase-heading h2{font-size:1.32rem}.sb-showcase-media{border-radius:10px}
}

/* ==========================================================
   SATRIA BIRU — V15 REFINED INTERFACE
   ========================================================== */
:root{--sidebar:266px;--radius:12px;--shadow:0 8px 24px rgba(15,42,63,.055)}
body{background:#f3f6f9;color:#102336}
.sidebar{padding:18px 13px 14px;background:linear-gradient(180deg,#071a2c 0%,#08233b 62%,#071c30 100%);box-shadow:12px 0 32px rgba(9,29,46,.08)}
.sidebar-brand{height:68px;padding:0 9px 16px;border-bottom-color:rgba(255,255,255,.09)}
.sidebar-brand img{width:39px;height:44px}.sidebar-brand strong{font-size:.88rem;letter-spacing:.07em}.sidebar-brand span{font-size:.68rem;color:#9fb4c6}
.sidebar-nav{gap:4px;padding:18px 0 12px;overflow:auto}.sidebar-nav a{min-height:42px;padding:10px 11px;border-radius:10px;font-size:.82rem;color:#c9d6e0;transition:.16s ease}.sidebar-nav a .icon{width:18px;height:18px}.sidebar-nav a:hover{background:rgba(255,255,255,.065);transform:translateX(1px)}.sidebar-nav a.active{background:linear-gradient(90deg,#153e61,#123653);box-shadow:inset 3px 0 0 #e05248,0 7px 16px rgba(0,0,0,.08)}
.sidebar-footer{margin-top:auto;padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.035)}
.user-mini{gap:10px}.avatar{width:36px;height:36px;background:linear-gradient(135deg,#1d527d,#255f8b);border-color:rgba(255,255,255,.16);box-shadow:0 5px 14px rgba(0,0,0,.14)}.user-mini strong{font-size:.78rem;max-width:150px}.user-mini small{font-size:.65rem;color:#9fb3c3;margin-top:2px}.logout-form{margin-top:10px}.logout-button{width:100%;margin:0;padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.04);color:#d9e4ec;text-align:center;cursor:pointer;font-weight:650}.logout-button:hover{background:rgba(255,255,255,.08);color:#fff}
.app-main{background:linear-gradient(180deg,#f7f9fb 0,#f3f6f9 180px)}.topbar{height:72px;padding:10px 28px;background:rgba(255,255,255,.93);backdrop-filter:blur(12px);border-bottom:1px solid #e4eaf0;box-shadow:0 2px 12px rgba(20,48,69,.035)}.breadcrumb{display:none}.topbar h1{font-size:1.15rem;color:#12283a;letter-spacing:-.018em}.role-chip{padding:6px 10px;border-radius:999px;background:#f2f6f9;border:1px solid #dce5ec;color:#33546d;font-size:.67rem;font-weight:750}.content{padding:26px 30px 44px;max-width:1500px}
.page-heading{align-items:center;margin-bottom:18px}.page-heading h2{font-size:1.22rem;letter-spacing:-.018em;color:#102a40}.page-heading p{font-size:.77rem;color:#718190}.page-actions{gap:7px}
.btn{min-height:38px;border-radius:9px;padding:8px 13px;font-size:.78rem;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#0f3d61,#154f78);border-color:#123f62;box-shadow:0 7px 16px rgba(15,61,97,.13)}.btn-primary:hover{background:linear-gradient(135deg,#0b3455,#12476e)}.btn-secondary{border-color:#d1dbe4;color:#294960;background:#fff}.btn-secondary:hover{background:#f8fafc}.btn-danger{background:#fff7f6;border-color:#efc3be}
.panel{border-color:#dfe7ee;border-radius:14px;box-shadow:0 8px 26px rgba(20,48,70,.045);overflow:hidden;margin-bottom:16px}.panel-header{padding:14px 17px;background:linear-gradient(180deg,#fff,#fbfcfd);border-bottom-color:#e7edf2}.panel-header h2{font-size:.94rem;color:#1a364d}.panel-body{padding:17px}.list-panel .panel-body{padding:0}.list-panel>.panel-body>.table-wrap{border-radius:14px}.form-panel-elevated{max-width:1280px;margin-inline:auto}
.data-table{font-size:.77rem}.data-table th{padding:10px 12px;background:#f6f8fa;color:#6a7d8c;font-size:.64rem;letter-spacing:.055em}.data-table td{padding:11px 12px;border-bottom-color:#edf1f4}.data-table tbody tr{transition:background .13s ease}.data-table tbody tr:hover{background:#f8fbfd}.mail-table td:first-child,.order-table td:first-child{white-space:nowrap}.agenda-number{display:inline-grid;place-items:center;min-width:38px;height:28px;padding:0 8px;border-radius:8px;background:#eef4f8;color:#173e5c;font-weight:800;font-variant-numeric:tabular-nums}.table-search{min-width:280px}.table-actions{align-items:center;flex-wrap:wrap}.inline-form{display:inline-flex}.pagination-row{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #edf1f4}
.field label{font-size:.72rem;color:#294257}.field input,.field select,.field textarea{border-color:#ced9e3;border-radius:9px;min-height:40px;background:#fff}.field input:focus,.field select:focus,.field textarea:focus{border-color:#3d7297;box-shadow:0 0 0 3px rgba(29,95,137,.095)}.input-readonly{background:#f3f6f8!important;color:#526a7d!important}.section-title h2{font-size:.94rem;color:#18364d}.form-section{padding:20px 0;border-color:#e8edf2}.sticky-actions{margin:20px -17px -17px;padding:12px 17px;border-top-color:#e5ebf0}
.badge{padding:5px 8px;font-size:.63rem;letter-spacing:.01em}.badge.info{background:#eaf4fa;color:#1f6388}.badge.neutral{background:#f0f3f6;color:#5d6d7b}
.metric-grid{gap:12px;margin-bottom:20px}.metric{position:relative;border:1px solid #dfe7ee;border-radius:14px;padding:16px 17px;box-shadow:0 8px 22px rgba(20,48,70,.045);overflow:hidden}.metric::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#1d5a84}.metric-label{font-size:.67rem;text-transform:uppercase;letter-spacing:.065em;color:#71818f}.metric strong{font-size:1.65rem;color:#133650;margin-top:5px}.metric small{font-size:.64rem;color:#8493a0}.metric-link{display:block;color:inherit;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.metric-link:hover{text-decoration:none;transform:translateY(-2px);border-color:#c9d9e5;box-shadow:0 13px 28px rgba(20,48,70,.085)}
.dashboard-heading{margin-top:2px}.dashboard-action-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.dashboard-action-strip a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border:1px solid #dfe7ed;border-radius:12px;background:#fff;color:#34546c;text-decoration:none;box-shadow:0 5px 16px rgba(20,48,70,.035)}.dashboard-action-strip a:hover{border-color:#c9d9e5;box-shadow:0 8px 20px rgba(20,48,70,.06)}.dashboard-action-strip span{font-size:.72rem}.dashboard-action-strip strong{font-size:1rem;color:#153c59}.dashboard-report-panel{border-top:3px solid #174d74}.report-filter-grid{gap:10px 12px}.report-filter-actions{margin-top:10px}.report-summary-card{border-radius:12px}.report-chart-card{border-radius:12px}.report-dashboard-table{border-radius:11px}
.stored-files{display:flex;gap:7px;flex-wrap:wrap}.file-pill{display:inline-flex;align-items:center;max-width:100%;padding:7px 10px;border-radius:8px;border:1px solid #d8e2ea;background:#f7fafc;color:#2f526a;font-size:.71rem;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-pill:hover{text-decoration:none;background:#eef5f9}.detail-grid-premium .panel{height:100%}.detail-files{margin-top:16px;padding-top:14px;border-top:1px solid #edf1f4}.detail-files h3{font-size:.76rem;color:#3e5a70}.detail-item.full{grid-column:1/-1}.check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.check-card{display:flex;gap:8px;align-items:center;padding:9px 10px;border:1px solid #dde5eb;border-radius:9px;background:#fbfcfd;font-size:.74rem;color:#365269;cursor:pointer}.check-card:hover{border-color:#c9d9e5;background:#f6fafd}.check-card input{width:auto}.review-card{border-top:3px solid #174e75}.return-form{max-width:560px}.team-summary{border-top:3px solid #2a6c91}.team-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.team-meta span{padding:6px 9px;border-radius:7px;background:#f2f6f9;color:#49677d;font-size:.68rem}.team-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.team-person{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid #e2e9ef;border-radius:10px}.small-avatar{width:30px;height:30px;font-size:.68rem}.team-person strong,.team-person small{display:block}.team-person strong{font-size:.75rem;color:#24465e}.team-person small{margin-top:2px;font-size:.64rem;color:#7a8996}

/* profile */
.profile-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;margin-bottom:16px;border-radius:16px;color:#fff;background:linear-gradient(135deg,#0a2945,#124c73 68%,#1c6289);box-shadow:0 14px 34px rgba(10,41,69,.14)}.profile-hero-main{display:flex;align-items:center;gap:15px}.profile-avatar-lg{width:58px;height:58px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-size:1.08rem;font-weight:800;letter-spacing:.05em}.profile-role{display:block;color:#b8d1e1;font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.profile-hero h2{margin:3px 0 2px;color:#fff;font-size:1.32rem}.profile-hero p{margin:0;color:#d5e2eb;font-size:.76rem}.profile-readiness{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.08);font-size:.7rem}.profile-dot{width:8px;height:8px;border-radius:50%;background:#f1b84a}.profile-dot.ready{background:#60d39a}.profile-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.profile-info-grid>div{padding:12px;border:1px solid #e4eaf0;border-radius:10px;background:#fbfcfd}.profile-info-grid span,.profile-info-grid strong{display:block}.profile-info-grid span{font-size:.64rem;color:#788996;text-transform:uppercase;letter-spacing:.05em}.profile-info-grid strong{margin-top:4px;font-size:.78rem;color:#29475f}.profile-assets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-single{max-width:760px}.profile-preview{height:190px;display:grid;place-items:center;background:linear-gradient(145deg,#f7f9fb,#eef3f6);border:1px dashed #cad7e1;border-radius:12px}.profile-preview img{max-height:145px;max-width:88%;object-fit:contain}.profile-upload-form{margin-top:14px}.profile-actions{display:flex;gap:8px;align-items:center;margin-top:10px}.profile-asset-panel{height:100%}

/* login cleanup */
.auth-brand-copy-clean{max-width:590px}.auth-brand-copy-clean h1{margin:0 0 20px;font-size:clamp(2.7rem,5.3vw,5.1rem);line-height:.9;letter-spacing:-.025em}.auth-brand-copy-clean h1 span,.auth-brand-copy-clean h1 em{display:block}.auth-brand-copy-clean h1 span{font-size:.56em;letter-spacing:.11em;color:#c9d9e5}.auth-brand-copy-clean h1 em{margin-top:9px;color:#fff;font-style:normal}.auth-brand-copy-clean p{max-width:470px}.auth-form-v2{position:relative}.auth-form-v2::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 15%,rgba(24,85,126,.06),transparent 30%);pointer-events:none}.auth-form-inner,.auth-form-footer{position:relative;z-index:1}

/* public verification */
.verify-page-v2{margin:0;min-height:100vh;background:#071b2e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#fff}.verify-shell{min-height:100vh;background:radial-gradient(circle at 14% 18%,rgba(39,105,150,.24),transparent 28%),radial-gradient(circle at 86% 78%,rgba(179,59,49,.09),transparent 24%),linear-gradient(145deg,#061827 0%,#0a2945 56%,#081e32 100%)}.verify-nav{width:min(1240px,calc(100% - 40px));height:82px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(255,255,255,.09)}.verify-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.verify-brand:hover{text-decoration:none}.verify-brand img{width:35px;height:41px;object-fit:contain}.verify-brand strong,.verify-brand small{display:block}.verify-brand strong{font-size:.78rem;letter-spacing:.08em}.verify-brand small{font-size:.59rem;color:#a9bfce;margin-top:2px}.verify-nav nav{display:flex;align-items:center;gap:18px}.verify-nav nav>a:not(.btn){color:#c8d7e2;font-size:.72rem;font-weight:650}.verify-login{min-height:34px;padding:7px 11px;background:#e04d45!important;border-color:#e04d45!important;color:#fff!important;box-shadow:none}.verify-main{width:min(1240px,calc(100% - 40px));min-height:calc(100vh - 82px);margin:auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr);gap:64px;align-items:center;padding:54px 0 70px}.verify-hero-copy{max-width:520px}.verify-eyebrow{display:block;margin-bottom:14px;color:#e89b95;font-size:.66rem;font-weight:800;letter-spacing:.16em}.verify-hero-copy h1{margin:0 0 18px;color:#fff;font-size:clamp(2.4rem,4.6vw,4.5rem);line-height:1.02;letter-spacing:-.045em}.verify-hero-copy p{max-width:480px;margin:0;color:#b9cad7;font-size:.92rem;line-height:1.7}.verify-trust{display:flex;align-items:center;gap:11px;margin-top:26px;color:#91a9b9;font-size:.65rem;font-weight:650}.verify-trust i{width:4px;height:4px;border-radius:50%;background:#e04d45}.verify-card-wrap{width:100%;max-width:650px;justify-self:end}.verify-card{padding:28px;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:rgba(255,255,255,.97);color:#10273a;box-shadow:0 28px 70px rgba(0,0,0,.25)}.verify-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.verify-card-head span{display:block;color:#a6453f;font-size:.61rem;font-weight:800;letter-spacing:.13em}.verify-card-head h2{margin:5px 0 0;font-size:1.45rem;color:#12324c;letter-spacing:-.025em}.verify-seal{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#edf5f9;color:#1f6388;font-weight:900}.verify-form label{display:block;margin-bottom:7px;font-size:.7rem;font-weight:750;color:#324d61}.verify-input-row{display:grid;grid-template-columns:1fr auto;gap:8px}.verify-input-row input{min-width:0;height:46px;border:1px solid #cdd9e2;border-radius:9px;padding:0 12px;outline:none;font:inherit;font-size:.79rem;color:#122c40}.verify-input-row input:focus{border-color:#3b7398;box-shadow:0 0 0 3px rgba(36,103,147,.1)}.verify-input-row .btn{height:46px}.verify-result-v2{margin-top:20px;padding-top:18px;border-top:1px solid #e3e9ee}.verify-status-row{display:flex;align-items:center;gap:11px}.verify-status-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:900}.verify-status-row small,.verify-status-row strong{display:block}.verify-status-row small{font-size:.58rem;letter-spacing:.09em;color:#7d8d99}.verify-status-row strong{font-size:1.06rem;margin-top:1px}.verify-result-v2.is-valid .verify-status-icon{background:#e9f7f0;color:#18794e}.verify-result-v2.is-valid .verify-status-row strong{color:#18794e}.verify-result-v2.is-revoked .verify-status-icon,.verify-result-v2.is-invalid .verify-status-icon{background:#fff0ee;color:#b42318}.verify-result-v2.is-revoked .verify-status-row strong,.verify-result-v2.is-invalid .verify-status-row strong{color:#b42318}.verify-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}.verify-data-grid>div{padding:10px 11px;border:1px solid #e4e9ee;border-radius:9px;background:#fafcfd}.verify-data-grid span,.verify-data-grid strong{display:block}.verify-data-grid span{font-size:.59rem;color:#7b8b98;text-transform:uppercase;letter-spacing:.045em}.verify-data-grid strong{margin-top:3px;color:#29465b;font-size:.73rem;word-break:break-word}.verify-no-result{margin:14px 0 0;color:#657887;font-size:.76rem}.verify-empty{margin-top:18px;padding:18px;border-radius:10px;background:#f4f7f9;color:#7b8a96;text-align:center;font-size:.72rem}.verify-card-foot{padding:12px 4px 0;text-align:right;color:#7890a1;font-size:.58rem}

@media(max-width:1100px){.content{padding-inline:22px}.verify-main{grid-template-columns:1fr;gap:30px;align-items:start;padding-top:44px}.verify-card-wrap{justify-self:start;max-width:760px}.verify-hero-copy{max-width:700px}.profile-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.sidebar{width:270px;transform:translateX(-100%);transition:.2s ease}.sidebar.open{transform:none}.app-main{margin-left:0}.mobile-only{display:inline-grid;place-items:center}.topbar{padding:10px 16px}.content{padding:20px 16px 34px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-action-strip{grid-template-columns:1fr}.check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-hero{align-items:flex-start;flex-direction:column}.profile-assets-grid{grid-template-columns:1fr}.auth-brand-copy-clean h1{font-size:2.6rem}.verify-nav{width:min(100% - 28px,1240px)}.verify-main{width:min(100% - 28px,1240px)}}
@media(max-width:620px){.content{padding:16px 12px 28px}.page-heading{align-items:flex-start;flex-direction:column}.page-actions{width:100%}.page-actions .btn{flex:1}.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric{padding:13px}.metric strong{font-size:1.4rem}.form-grid,.form-grid-3,.detail-list,.check-grid,.team-list,.profile-info-grid{grid-template-columns:1fr}.table-search{min-width:0;width:100%}.panel-header{align-items:flex-start;flex-direction:column}.verify-nav{height:72px}.verify-brand small{display:none}.verify-nav nav>a:not(.btn){display:none}.verify-main{padding:32px 0 44px}.verify-hero-copy h1{font-size:2.25rem}.verify-hero-copy p{font-size:.82rem}.verify-trust{flex-wrap:wrap}.verify-card{padding:20px;border-radius:15px}.verify-input-row{grid-template-columns:1fr}.verify-input-row .btn{width:100%}.verify-data-grid{grid-template-columns:1fr}.profile-hero{padding:18px}.profile-readiness{align-self:stretch}.auth-brand-copy-clean h1{font-size:2.2rem}}

/* V15.1 profile action cleanup */
.profile-upload-form{display:grid;gap:12px;margin-top:16px}.profile-delete-form{margin-top:10px;padding-top:12px;border-top:1px solid var(--border,#dce5ee)}.profile-delete-form .btn{width:auto}.profile-asset-panel .panel-body{display:flex;flex-direction:column}.profile-preview{min-height:180px;display:grid;place-items:center}.profile-preview img{max-width:100%;max-height:170px;object-fit:contain}