:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#102b58;background:#f6f8fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f6f8fc}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh;background:#f6f8fc}.topbar{height:76px;background:#fffffff5;border-bottom:1px solid #e4eaf3;display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px}.brand strong{display:block;font-size:21px;font-weight:850;letter-spacing:-.025em}.brand small{display:block;margin-top:1px;color:#8794a8;font-size:10px;letter-spacing:.11em;text-transform:uppercase}.mark{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#3568ff,#1747dc);color:#fff;font-size:13px;font-weight:850;letter-spacing:-.05em;box-shadow:0 9px 22px #2455eb38}.top-actions{display:flex;align-items:center;gap:12px;color:#52627b}.staff-chip{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700}.staff-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e7edff;color:#2455eb}.layout{display:grid;grid-template-columns:252px 1fr;min-height:calc(100vh - 76px)}.sidebar{background:#fff;border-right:1px solid #e2e8f2;padding:22px 16px}.sidebar-label{margin:14px 13px 8px;color:#9aa6b7;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.nav-item{width:100%;border:0;background:transparent;color:#52627b;text-align:left;padding:12px 13px;border-radius:11px;margin-bottom:5px;font-weight:720;display:flex;gap:11px;align-items:center;transition:background .15s,color .15s,transform .15s}.nav-item span{width:20px;text-align:center;color:#2455eb}.nav-item:hover{background:#f3f6fb;transform:translate(1px)}.nav-item.active{background:#eaf0ff;color:#2455eb}.sidebar-security{margin:28px 4px 0;padding:15px;border-radius:13px;background:#f4f7fc;border:1px solid #e6ecf5}.sidebar-security strong,.sidebar-security span{display:block}.sidebar-security strong{font-size:12px;color:#26436c}.sidebar-security span{margin-top:6px;color:#7c899c;font-size:10px;line-height:1.5}.content{padding:32px;overflow:hidden}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.page-title{margin:0;font-size:30px;letter-spacing:-.035em}.subtitle{margin:7px 0 22px;color:#6d7d94}.sync-badge{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#ecf9f0;color:#146c36;font-size:12px;font-weight:750}.sync-badge span{width:8px;height:8px;border-radius:50%;background:#20a15a;box-shadow:0 0 0 4px #20a15a1f}.stats{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:14px;margin-bottom:20px}.card{background:#fff;border:1px solid #e0e7f1;border-radius:17px;box-shadow:0 10px 30px #14325a0f}.stat{padding:18px 19px;position:relative;min-height:112px}.stat strong{display:block;font-size:28px;margin-top:9px;letter-spacing:-.035em}.stat span{color:#718096;font-size:13px}.stat-icon{position:absolute;top:16px;right:16px;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#eaf0ff;color:#2455eb;font-weight:900}.stat-icon.amber{background:#fff3df;color:#9a5b00}.stat-icon.violet{background:#f1ebff;color:#6f42c1}.stat-icon.green{background:#e8f8ee;color:#15733b}.toolbar{padding:14px;display:flex;gap:10px;margin-bottom:14px}input,select,textarea{border:1px solid #cbd6e5;border-radius:10px;padding:11px 12px;background:#fff;color:#132a4e;outline:none}input:focus,select:focus,textarea:focus{border-color:#2455eb;box-shadow:0 0 0 4px #2455eb1a}.search{min-width:280px;flex:1}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th,td{padding:15px 16px;border-bottom:1px solid #edf1f6;text-align:left;font-size:14px}th{color:#68778d;font-size:12px;text-transform:uppercase;letter-spacing:.04em}tr:hover td{background:#f8faff}.customer-row{cursor:pointer}.customer-row:focus td{background:#eef3ff;outline:none}.document-count{display:inline-flex;padding:5px 9px;border-radius:8px;background:#f1f4f9;color:#52627b;font-size:12px;font-weight:700}.link{color:#2452eb;font-weight:700;border:0;background:none;padding:0}.pill{display:inline-block;border-radius:999px;padding:5px 9px;background:#edf2ff;color:#2452eb;font-size:12px;font-weight:700}.pill.warn{background:#fff2db;color:#9a5b00}.pill.ok{background:#e3f8eb;color:#15733b}.pill.awaiting-materials{background:#fff4bf;color:#7a4b00}.pill.materials-in-transit{background:#eee8ff;color:#6338b5}.pill.materials-received{background:#dff8f3;color:#087564}.pill.case-closed{background:#dff5e7;color:#126b37}.empty{text-align:center;padding:50px;color:#718096}.error{background:#fff0f0;border:1px solid #ffcaca;color:#a62a2a;padding:12px;border-radius:10px;margin-bottom:14px}.success{background:#ecf9f0;border:1px solid #bfe9ca;color:#146c36;padding:12px;border-radius:10px;margin-bottom:14px}.primary,.secondary,.danger{border:0;border-radius:9px;padding:10px 14px;font-weight:700}.primary{background:#2452eb;color:#fff}.secondary{background:#edf2fa;color:#21395e}.danger{background:#ffe9e9;color:#b42318}.primary:disabled{opacity:.45;cursor:not-allowed}.login-page{min-height:100vh;display:grid;place-items:center;padding:32px 20px;background:radial-gradient(circle at 50% 0%,rgba(36,85,235,.12),transparent 38%),#f6f8fc}.login-card{width:min(460px,100%);padding:36px;border-color:#dbe4f1;box-shadow:0 22px 60px #16325b1a}.login-brand{display:flex;align-items:center;gap:12px}.login-brand strong{display:block;font-size:19px;letter-spacing:-.02em}.login-brand span{display:block;margin-top:2px;color:#75849a;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.login-logo{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#3568ff,#1645d6);box-shadow:0 10px 24px #2452eb3d}.login-logo svg{width:34px;height:34px;fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.login-logo svg rect{fill:#ffffff14}.login-logo .logo-check{stroke-width:3.4}.login-heading{margin:28px 0 24px}.login-card h1{margin:0 0 8px;font-size:32px;letter-spacing:-.035em}.login-card .subtitle{margin:0;font-size:14px;line-height:1.6}.stack{display:grid;gap:12px}.login-card .stack{gap:18px}.field{display:grid;gap:8px;font-size:14px;font-weight:700;color:#23395d}.field input{width:100%;min-height:48px;padding:12px 14px;border-radius:11px;border-color:#cbd7e7;outline:none;font-weight:500;transition:border-color .16s ease,box-shadow .16s ease}.field input::placeholder{color:#9aa8ba;font-weight:400}.field input:focus{border-color:#2452eb;box-shadow:0 0 0 4px #2452eb1f}.login-submit{min-height:50px;margin-top:2px;border-radius:11px;font-size:16px}.login-submit:hover{background:#1b46d6}.login-security{margin:24px 0 0;padding-top:20px;border-top:1px solid #e8edf5;color:#77869b;font-size:12px;text-align:center}.login-security span{color:#2452eb;font-size:8px;vertical-align:1px}.detail-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:18px}.paid-order-activation{margin-bottom:24px;border:2px solid #2f5bea;overflow:hidden}.activation-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}.activation-grid>div{min-width:0}.activation-grid h3{margin:8px 0 16px}.activation-step{padding:20px;border:1px solid #dfe7f3;border-radius:14px;background:#fbfcff}.activation-address-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.activation-address-fields input{width:100%;min-width:0}.activation-address-fields .span-2{grid-column:1 / -1}.activation-submit{width:100%;min-height:54px;font-size:17px}.language-banner{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#eef4ff;border-radius:12px;padding:12px 14px;margin:14px 0}.language-banner select{width:auto;min-width:130px}.language-banner span{color:#64748b;font-size:12px}.locale-copy{display:none;margin:10px 0 0;opacity:1}.locale-copy-active{display:grid}.locale-copy textarea{min-height:96px;line-height:1.5;font-weight:500}.section{padding:20px;margin-bottom:18px}.section h2{font-size:17px;margin:0 0 15px}.kv{display:grid;grid-template-columns:140px 1fr;gap:9px 14px;font-size:14px}.kv dt{color:#6c7b90}.kv dd{margin:0;font-weight:600;overflow-wrap:anywhere}.document,.message{border-top:1px solid #e3e9f2;padding:18px 0}.document:first-of-type,.message:first-of-type{border-top:0}.document-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.muted{color:#75849a;font-size:13px}.action-grid{display:grid;gap:11px}textarea{min-height:100px;resize:vertical;width:100%}.back{margin-bottom:16px}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.report-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0;border-top:1px solid #edf1f6}.report-row:first-of-type{border-top:0}.audit-meta{max-width:420px;overflow-wrap:anywhere}.message-compose{margin-top:18px;padding-top:18px;border-top:1px solid #edf1f6}.inline-actions{display:flex;justify-content:flex-end;gap:10px}.three-fields{display:grid;grid-template-columns:1.4fr .7fr .9fr;gap:8px}.address-preview{background:#f0f5ff;border:1px solid #cfddfb;border-radius:11px;padding:13px;margin-bottom:13px;line-height:1.6}.locked-panel{background:#fbfcfe}.message-center{display:grid;grid-template-columns:minmax(330px,.8fr) minmax(520px,1.35fr);gap:16px;min-height:620px}.thread-list{overflow:auto;max-height:72vh}.thread-row{width:100%;border:0;border-bottom:1px solid #edf1f6;background:#fff;padding:15px;display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;text-align:left;color:#132a4e}.thread-row:hover,.thread-row.active{background:#f2f6ff}.thread-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e7edff;color:#2455eb;font-weight:800}.thread-summary strong,.thread-summary small{display:block}.thread-summary small{color:#75849a;font-size:11px;margin-top:3px}.thread-state{display:grid;justify-items:end;gap:5px}.thread-state b{min-width:22px;height:22px;border-radius:999px;display:grid;place-items:center;background:#e64141;color:#fff;font-size:11px}.thread-state i{color:#6b7b91;font-size:10px;font-style:normal;white-space:nowrap}.thread-detail{padding:20px;min-width:0}.thread-head{display:flex;justify-content:space-between;gap:16px;align-items:start;border-bottom:1px solid #edf1f6;padding-bottom:15px}.thread-head h2{margin:0}.thread-head p{margin:5px 0 0;color:#75849a;font-size:12px}.thread-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.thread-controls label{display:grid;gap:5px;color:#6c7b90;font-size:11px;font-weight:700}.conversation{max-height:430px;overflow:auto;padding:6px 2px}.bubble{width:86%;padding:12px 14px;border-radius:14px;margin:10px 0;background:#f2f5fa;color:#21395e}.bubble.staff{margin-left:auto;background:#eaf0ff}.bubble.internal{margin-left:auto;background:#fff5dc;border:1px dashed #e5b95b}.bubble header{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px;font-size:12px}.bubble header span{color:#7a899c;font-size:10px}.message-contact-card{display:grid;grid-template-columns:max-content 1fr;gap:4px 10px;margin:10px 0 0;padding:9px;border-radius:9px;background:#ffffffb3;font-size:11px}.message-contact-card dt{color:#75849a}.message-contact-card dd{margin:0;overflow-wrap:anywhere}.message-reply{border-top:1px solid #edf1f6;margin-top:12px;padding-top:14px}.message-reply textarea{min-height:82px}.customer-detail-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.75fr);gap:18px;align-items:start}.customer-detail-grid table{min-width:760px}.followup-date{font-size:16px!important;line-height:1.3}.customer-applicant{padding:12px 0;border-top:1px solid #edf1f6}.customer-applicant:first-of-type{border-top:0}.customer-applicant strong,.customer-applicant span{display:block}.customer-applicant span{margin-top:4px;color:#75849a;font-size:12px}.followup-history article{padding:13px 0;border-top:1px solid #edf1f6}.followup-history article:first-child{border-top:0}.followup-history header{display:flex;justify-content:space-between;gap:10px;font-size:12px}.followup-history header span,.followup-history small{color:#75849a;font-size:10px}.followup-history p{margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere;color:#324967;font-size:13px;line-height:1.55}@media(max-width:920px){.layout{grid-template-columns:1fr}.sidebar{display:flex;gap:7px;overflow-x:auto;padding:10px 14px;border-right:0;border-bottom:1px solid #e2e8f2}.nav-item{width:auto;white-space:nowrap;margin:0}.sidebar-label,.sidebar-security{display:none}.stats{grid-template-columns:repeat(2,1fr)}.detail-grid,.activation-grid,.report-grid,.message-center,.customer-detail-grid{grid-template-columns:1fr}.thread-list{max-height:420px}.content{padding:18px}}@media(max-width:520px){.login-page{padding:18px 14px;align-items:start}.login-card{margin-top:5vh;padding:26px 22px;border-radius:20px}.login-heading{margin:24px 0 22px}.login-card h1{font-size:28px}.topbar{padding:0 14px}.top-actions span{display:none}.stats{grid-template-columns:1fr 1fr}.toolbar{flex-wrap:wrap}.search{min-width:100%}.three-fields,.activation-address-fields{grid-template-columns:1fr}.activation-address-fields .span-2{grid-column:auto}.inline-actions{flex-direction:column}}