:root{--bg:#07101d;--panel:#0e1a2a;--panel2:#132236;--line:#26384f;--text:#f5f8fc;--muted:#8fa4bd;--accent:#86c8ff;--accent2:#d9efff;--danger:#ff6b6b;--ok:#63d69a;--warn:#ffca69}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 70% 0,#173252 0,#07101d 42%,#050a11 100%);color:var(--text)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#050a11,#0b1b31 60%,#102b49)}.login-card{width:min(420px,94vw);padding:34px;border:1px solid #35506d;border-radius:22px;background:rgba(8,16,28,.92);box-shadow:0 25px 80px #0008;text-align:center}.login-logo{width:170px;height:95px;object-fit:cover;border-radius:14px;margin-bottom:12px}.login-card h1{margin:4px 0;font-size:26px;letter-spacing:1px}.login-card p{color:var(--muted);margin:0 0 22px}.login-card input,.login-card button{width:100%;padding:13px 14px;border-radius:10px;margin:6px 0}.login-card input{border:1px solid #36506e;background:#0b1421;color:white}.login-card button{border:0;background:linear-gradient(90deg,#72bfff,#bde4ff);color:#07101d;font-weight:800;cursor:pointer}.login-card .secondary{background:#152338;color:#e9f5ff;border:1px solid #334c69}.login-card small{display:block;color:#6f87a2;margin-top:16px}.app{min-height:100vh;display:grid;grid-template-columns:230px 1fr}aside{position:sticky;top:0;height:100vh;background:#07111f;border-right:1px solid #22334a;padding:18px 12px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;padding:8px}.brand img{width:52px;height:44px;object-fit:cover;border-radius:8px}.brand b{display:block}.brand span,.user span{font-size:11px;color:var(--muted)}nav{margin-top:18px;display:grid;gap:5px}.nav-btn{border:0;background:transparent;color:#9eb2c8;text-align:left;padding:11px 12px;border-radius:9px;cursor:pointer}.nav-btn:hover,.nav-btn.active{background:#13253b;color:white;border-left:3px solid var(--accent)}.user{margin-top:auto;padding:12px;border-top:1px solid #22334a;display:grid;gap:3px}main{padding:24px 32px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #203149;padding-bottom:18px;margin-bottom:22px}header h2{margin:0;font-size:25px}header p{margin:5px 0 0;color:var(--muted)}.outline,.primary{border:1px solid #36516f;border-radius:9px;padding:9px 13px;cursor:pointer}.outline{background:#0b1625;color:#cde9ff}.primary{background:var(--accent);color:#06101d;font-weight:800}.cards{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px}.card{background:linear-gradient(145deg,#0d1a2a,#101e31);border:1px solid #223851;border-radius:14px;padding:17px}.card span{color:var(--muted);font-size:12px}.card strong{display:block;font-size:26px;margin-top:8px}.section{margin-top:22px;background:#0b1625;border:1px solid #21354d;border-radius:14px;overflow:hidden}.section-head{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #203149}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tab{padding:7px 10px;border-radius:999px;background:#111f31;color:#a8bdd3;font-size:12px}.tab.active{background:#183451;color:#e9f7ff}.list-row{padding:13px 16px;border-bottom:1px solid #172a40;display:grid;grid-template-columns:1fr auto;gap:12px}.list-row:last-child{border:0}.list-row small{color:var(--muted)}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:11px;background:#1b314a;color:#cbe8ff}.badge.ok{background:#12392b;color:#7ce0aa}.badge.warn{background:#49391b;color:#ffd47a}.badge.danger{background:#462326;color:#ff9999}.toolbar{display:flex;gap:8px}.search{background:#0a1421;border:1px solid #2a405b;color:white;padding:9px 11px;border-radius:9px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:950px}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid #1d3047;font-size:13px}.table th{color:#8ea6bf;font-size:11px}.profit{color:#83e0ac;font-weight:700}.modal{position:fixed;inset:0;background:#000a;display:grid;place-items:center;padding:18px;z-index:10}.modal-card{position:relative;width:min(720px,96vw);max-height:90vh;overflow:auto;background:#0c1726;border:1px solid #34506f;border-radius:16px;padding:24px}.close{position:absolute;right:14px;top:10px;background:none;border:0;color:white;font-size:26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;color:#9eb2c8}.field input,.field select,.field textarea{background:#0a1421;border:1px solid #2b425e;border-radius:8px;color:white;padding:10px}.field textarea{min-height:90px}.actions{margin-top:16px;display:flex;justify-content:flex-end;gap:8px}@media(max-width:900px){.app{grid-template-columns:76px 1fr}.brand div,.user span,.user b{display:none}.brand img{width:48px}.nav-btn{font-size:0}.nav-btn:before{content:attr(data-icon);font-size:20px}.cards{grid-template-columns:1fr 1fr}main{padding:18px}}@media(max-width:600px){.cards{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}

.required{color:#ffca69;font-size:10px;margin-left:6px}.hint{color:var(--muted);font-size:11px;line-height:1.45}.file-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px;min-height:24px;color:var(--muted);font-size:12px}.file-chip{background:#142740;border:1px solid #2d4c6d;border-radius:999px;padding:5px 8px;color:#d9efff}.mini{padding:6px 8px;font-size:11px}.danger-btn{border-color:#6b3439;color:#ff9999}
.tab{border:0;cursor:pointer}.tab:hover{filter:brightness(1.2)}.clickable{cursor:pointer}.clickable:hover{background:#102033}.muted{color:var(--muted)}.news-content{white-space:pre-wrap;line-height:1.6;background:#09131f;border:1px solid #23384f;padding:14px;border-radius:10px;margin:14px 0}.agent-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0 18px}.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:12px 0 18px}.profile-grid>div{background:#0a1421;border:1px solid #23384f;border-radius:10px;padding:12px}.profile-grid small{display:block;color:var(--muted);margin-bottom:5px}.mini-list{border:1px solid #1d3047;border-radius:10px;overflow:hidden}@media(max-width:800px){.agent-stats{grid-template-columns:1fr 1fr}.profile-grid{grid-template-columns:1fr}}

.dashboard-filter{margin-bottom:14px}
.filter-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;padding:12px}
.filter-grid .field{margin:0}
.block{display:block;margin-top:4px}
.profit-card strong{font-size:24px}
@media(max-width:800px){.filter-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}}
.payout-filter{margin-bottom:14px}.payout-grid{grid-template-columns:repeat(4,minmax(160px,1fr))}.payout-actions{display:flex;align-items:flex-end;gap:10px;flex-direction:column}.payout-actions>div{display:flex;gap:6px}@media(max-width:1000px){.payout-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.payout-grid{grid-template-columns:1fr}.payout-actions{align-items:flex-start}}
.submission-filter{margin-bottom:14px}.submission-grid{grid-template-columns:repeat(6,minmax(150px,1fr))}.submission-cards{margin-top:0}.submission-cards .card strong{font-size:24px}@media(max-width:1250px){.submission-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.submission-grid{grid-template-columns:1fr 1fr}}@media(max-width:550px){.submission-grid{grid-template-columns:1fr}}
.agent-summary{margin-bottom:14px}.agent-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.agent-title h2{margin:0}.profile-wide{grid-column:1/-1}.check-field{padding:8px 0}.check-field label{display:flex;align-items:center;gap:8px;color:#d7e7f7}.row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.modal-card h3{margin:22px 0 10px;border-bottom:1px solid #1e3147;padding-bottom:8px;color:#dcecff}@media(max-width:800px){.agent-title{flex-direction:column}.profile-wide{grid-column:auto}}

.login-type-wrap{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.login-card .login-type{background:#0d1929;color:#9fb7cf;border:1px solid #314967}.login-card .login-type.active{background:#183b5d;color:#fff;border-color:#75c4ff}.login-hint{margin:8px 0 4px!important}.demo-login{color:#ffca69!important;margin-top:10px!important}.installation-grid{grid-template-columns:repeat(5,minmax(150px,1fr))}.ranking-month select{min-width:180px}.ranking-table small{color:var(--muted)}@media(max-width:1100px){.installation-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.installation-grid{grid-template-columns:1fr}}

/* Submission document requirement helper */
.doc-requirements{
  background:#29323e;
  border:1px solid #42566e;
  border-radius:12px;
  padding:16px 18px;
  color:#eef6ff;
  line-height:1.48;
  max-height:360px;
  overflow:auto;
}
.doc-requirements h3{margin:0 0 14px;font-size:16px;color:#fff}
.doc-requirements p{margin:0 0 16px;font-size:13px}
.doc-requirements p:last-child{margin-bottom:0}
.doc-requirements strong{display:inline-block;margin-bottom:2px;color:#fff}
.doc-requirements em{color:#d9e8f7;font-style:normal;font-weight:700}

/* V1.10 Template library + profile menu */
.template-topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid #203149;padding:0 0 14px;margin-bottom:18px}.provider-tabs{gap:20px}.template-provider{border:0;background:transparent;color:#9caabd;font-weight:800;padding:10px 4px;border-bottom:2px solid transparent;cursor:pointer}.template-provider.active{color:#fff;border-bottom-color:var(--accent)}.template-tools{display:flex;gap:8px;align-items:center}.template-tools .search{min-width:250px}.template-heading h2{font-size:28px;margin:0}.template-heading p{color:var(--muted);margin:6px 0 18px}.template-list{display:grid}.template-card{display:grid;grid-template-columns:1fr 130px;gap:28px;padding:18px 12px;border-bottom:1px solid #27303b}.template-date{color:#ff9b54;font-weight:800;text-transform:uppercase}.template-card h3{font-size:18px;margin:5px 0 3px}.template-subtitle{color:#a5a5a5;font-weight:700;margin-bottom:22px}.template-card pre{font-family:inherit;white-space:pre-wrap;word-break:break-word;color:#b7b7b7;font-size:15px;line-height:1.35;margin:0;max-width:1050px}.template-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch;justify-content:center}.copy-btn{border:0;border-radius:10px;padding:12px 14px;background:linear-gradient(90deg,#63b8ff,#9bd6ff);color:#07101d;font-weight:900;cursor:pointer}.template-empty{padding:40px;border:1px dashed #32475f;border-radius:14px;color:var(--muted);text-align:center}.template-editor-textarea{min-height:420px!important;line-height:1.45}.user{position:relative;padding:0;border-top:1px solid #22334a}.user-button{width:100%;border:0;background:transparent;color:#fff;display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;text-align:left;padding:12px 8px;cursor:pointer;border-radius:8px}.user-button:hover{background:#102033}.user-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#a9ddff;color:#06101d;font-weight:900}.user-meta{display:grid;gap:2px;min-width:0}.user-meta b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-meta span{font-size:10px;color:var(--muted)}.user-chevron{color:var(--muted)}.user-menu{position:absolute;left:6px;right:6px;bottom:64px;background:#0d1b2b;border:1px solid #304964;border-radius:10px;padding:6px;box-shadow:0 18px 45px #0008;z-index:30}.user-menu button{width:100%;border:0;background:transparent;color:#dcecff;text-align:left;padding:10px;border-radius:7px;cursor:pointer}.user-menu button:hover{background:#152941}.user-menu .danger-menu{color:#ff9b9b}
@media(max-width:900px){.template-topbar{align-items:flex-start;flex-direction:column}.template-tools{width:100%}.template-tools .search{min-width:0;flex:1}.template-card{grid-template-columns:1fr}.template-actions{flex-direction:row;justify-content:flex-start}.user-meta,.user-chevron{display:none!important}.user-button{grid-template-columns:1fr;justify-items:center}.user-menu{left:70px;right:auto;bottom:12px;width:170px}}
.warn-text{color:#f3bd65}.chevron{font-size:20px;color:#7c9ab9}.detail-modal .modal-card{width:min(1380px,96vw);max-height:94vh}.detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;border-bottom:1px solid var(--line);padding-bottom:16px}.detail-head h2{margin:6px 0 10px}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.detail-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:14px}.detail-panel{border:1px solid var(--line);background:rgba(10,25,42,.68);border-radius:14px;padding:16px;min-width:0}.detail-panel h3{margin:0 0 14px}.detail-text{line-height:1.55;white-space:normal}.remark-box,.ticket-outcome{margin-top:14px;padding:12px;border-radius:10px;background:rgba(100,180,255,.07);border:1px solid var(--line)}.remark-box p,.ticket-outcome p,.ticket-card p{margin:6px 0 10px;white-space:pre-wrap;line-height:1.45}.doc-list{display:flex;flex-direction:column;gap:8px}.doc-item{padding:10px 12px;border:1px solid var(--line);border-radius:9px;word-break:break-all}.info-list{display:flex;flex-direction:column}.info-list>div{display:grid;grid-template-columns:42% 58%;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.info-list span{color:var(--muted)}.ticket-card{padding:13px;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;background:rgba(255,255,255,.018)}.ticket-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.ticket-actions{margin-top:10px}.detail-panel .section-head{padding:0;margin-bottom:12px;border:0}@media(max-width:1050px){.detail-grid{grid-template-columns:1fr}}