:root{
  --navy:#0a1d34;--navy2:#102b4d;--navy3:#173a63;--brand:#1269f3;--brand2:#2d7ff7;
  --bg:#f4f7fb;--card:#fff;--text:#14213a;--muted:#6e7d94;--line:#e3e9f1;
  --green:#17a653;--orange:#f59e0b;--red:#e84b4b;--purple:#7651e5;--cyan:#0ea5c6;
  --shadow:0 8px 26px rgba(17,42,77,.065);--shadow-lg:0 20px 60px rgba(9,29,52,.12);
  --radius:14px;--sidebar:246px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:linear-gradient(180deg,#091a30 0%,#0d2542 55%,#0a1d34 100%);color:#dce8f8;z-index:50;display:flex;flex-direction:column;box-shadow:8px 0 35px rgba(7,23,42,.12)}.brand{height:76px;display:flex;align-items:center;gap:12px;padding:0 19px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-symbol{width:42px;height:46px;position:relative;display:grid;place-items:center;color:#fff}.brand-symbol:before,.brand-symbol:after{content:"";position:absolute;inset:2px 4px;border:3px solid #1e78ff;transform:skewY(-13deg);border-radius:4px}.brand-symbol:after{inset:8px 10px;border-width:2px;border-color:#40a2ff}.brand-symbol b{font-size:17px;z-index:2}.brand-copy strong{display:block;font-size:19px;line-height:1.05;letter-spacing:.5px;color:#fff}.brand-copy span{display:block;margin-top:5px;font-size:10px;letter-spacing:.65px;color:#b7c7dc}.sidebar-nav{padding:13px 10px 10px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#31506e transparent}.sidebar-nav a{height:41px;display:flex;align-items:center;gap:11px;border-radius:9px;padding:0 12px;color:#d9e6f5;margin:2px 0;font-size:13px;transition:.18s}.sidebar-nav a svg{width:18px;height:18px;color:#b8c8db}.sidebar-nav a:hover{background:rgba(255,255,255,.065);color:#fff}.sidebar-nav a.active{background:linear-gradient(90deg,#1269f3,#287ef4);box-shadow:0 8px 24px rgba(20,105,243,.28);color:#fff}.sidebar-nav a.active svg{color:#fff}.nav-title{font-size:9.5px;letter-spacing:.8px;color:#7990aa;margin:18px 12px 7px}.nav-arrow{margin-left:auto;color:#829ab5;font-size:17px}.sidebar-support{margin:auto 10px 9px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);border-radius:11px;padding:11px;display:flex;gap:10px;align-items:center}.support-icon{width:31px;height:31px;border-radius:9px;background:rgba(255,255,255,.07);display:grid;place-items:center}.sidebar-support strong,.sidebar-support span{display:block}.sidebar-support strong{font-size:12px;color:#fff}.sidebar-support span{font-size:10px;color:#aebfd4;margin-top:2px}.logout-link{height:48px;margin:0 10px 10px;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:11px;padding:0 12px;color:#b7c7da;font-size:12px}.logout-link:hover{color:#fff}.page-wrap{margin-left:var(--sidebar);width:calc(100% - var(--sidebar));min-width:0;display:flex;min-height:100vh;flex-direction:column}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;position:sticky;top:0;z-index:35}.menu-toggle{display:none;border:0;background:none;padding:8px;color:#263850}.global-search{width:min(440px,48vw);height:40px;position:relative;border:1px solid #dfe6ef;background:#fbfcfe;border-radius:9px;display:flex;align-items:center;gap:9px;padding:0 12px;color:#8997ab}.global-search input{border:0;outline:0;background:transparent;min-width:0;flex:1;padding:0;color:var(--text);font-size:12.5px}.global-search kbd{border:1px solid #e1e7ee;border-radius:5px;padding:2px 7px;background:#fff;color:#98a4b4;font-size:9px;font-family:inherit}.search-results{display:none;position:absolute;left:0;right:0;top:47px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);overflow:hidden;max-height:430px;overflow-y:auto}.search-results.open{display:block}.search-result{display:flex;gap:11px;align-items:center;padding:11px 13px;border-bottom:1px solid #edf1f6}.search-result:hover{background:#f7faff}.search-result-icon{width:34px;height:34px;border-radius:9px;background:#edf4ff;color:var(--brand);display:grid;place-items:center}.search-result strong,.search-result span{display:block}.search-result strong{font-size:12px}.search-result span{font-size:10px;color:var(--muted);margin-top:2px}.topbar-title{font-weight:700}.top-actions{margin-left:auto;display:flex;align-items:center;gap:19px}.icon-btn{position:relative;border:0;background:transparent;color:#617188;padding:7px;display:grid;place-items:center}.counter{position:absolute;right:1px;top:0;min-width:16px;height:16px;padding:0 3px;border-radius:10px;background:#ef3e45;color:#fff;font-size:9px;display:grid;place-items:center;border:2px solid #fff}.userbox{display:flex;align-items:center;gap:11px}.user-meta strong,.user-meta span{display:block;text-align:right}.user-meta strong{font-size:12px}.user-meta span{font-size:10px;color:var(--brand);margin-top:2px}.avatar{width:37px;height:37px;border-radius:50%;background:#eaf2ff;color:var(--brand);font-weight:800;display:grid;place-items:center}.content{width:100%;max-width:1720px;margin:0 auto;padding:22px 24px 28px;flex:1}.footer{height:48px;padding:0 24px;background:#fff;border-top:1px solid var(--line);color:#8a98aa;font-size:10px;display:flex;align-items:center;justify-content:space-between}.mobile-overlay{display:none}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:17px}.page-head h1{font-size:23px;line-height:1.25;margin:0;font-weight:750;letter-spacing:-.2px}.page-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.page-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn{height:39px;border:0;border-radius:8px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;padding:0 15px;font-size:12px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 6px 16px rgba(18,105,243,.19);transition:.15s}.btn:hover{transform:translateY(-1px);filter:brightness(1.02)}.btn svg{width:17px;height:17px}.btn.secondary{background:#fff;color:#40506a;border:1px solid var(--line);box-shadow:none}.btn.success{background:var(--green)}.btn.danger{background:var(--red)}.btn.warning{background:var(--orange)}.btn.sm{height:31px;padding:0 10px;font-size:10.5px;border-radius:7px}.btn.icon-only{width:34px;padding:0}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:14px;margin-bottom:15px}.stat-card{min-height:105px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#fff,#f9fbff);padding:15px 16px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.stat-card:before{content:"";position:absolute;right:-25px;top:-35px;width:95px;height:95px;border-radius:50%;background:rgba(18,105,243,.035)}.stat-card .stat-label{font-size:11px;color:#66758a;font-weight:600}.stat-card .stat-value{display:block;font-size:24px;line-height:1.15;margin:7px 0 5px;font-weight:750;letter-spacing:-.45px}.stat-card .stat-sub{font-size:9.5px;color:#8d99a9}.stat-card .stat-icon{position:absolute;right:15px;top:19px;width:39px;height:39px;border-radius:10px;background:#eaf2ff;color:var(--brand);display:grid;place-items:center}.stat-card .mini-ring{position:absolute;right:16px;top:20px;width:42px;height:42px;border-radius:50%;background:conic-gradient(var(--brand) calc(var(--pct,50)*1%),#e8edf4 0);display:grid;place-items:center}.mini-ring:after{content:"";width:31px;height:31px;border-radius:50%;background:#fff}.stat-card.green{background:linear-gradient(145deg,#fff,#f1fbf5)}.stat-card.green .stat-value{color:#167c3c}.stat-card.green .mini-ring{background:conic-gradient(var(--green) calc(var(--pct,50)*1%),#e2eee7 0)}.stat-card.orange{background:linear-gradient(145deg,#fff,#fff8eb)}.stat-card.orange .stat-value{color:#a76400}.stat-card.orange .mini-ring{background:conic-gradient(var(--orange) calc(var(--pct,50)*1%),#f1e9dc 0)}.stat-card.red{background:linear-gradient(145deg,#fff,#fff1f1)}.stat-card.red .stat-value{color:#bd3030}.stat-card.red .mini-ring{background:conic-gradient(var(--red) calc(var(--pct,50)*1%),#f0e2e2 0)}.stat-card.purple{background:linear-gradient(145deg,#fff,#f7f3ff)}.stat-card.purple .stat-value{color:#6742ce}.stat-card.purple .stat-icon{background:#efe9ff;color:var(--purple)}.dashboard-grid{display:grid;grid-template-columns:1.03fr 1.42fr .72fr;gap:14px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.main-side-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.65fr);gap:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:15px;margin-bottom:14px;min-width:0}.panel.flush{padding:0}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-title h2{font-size:13px;margin:0;font-weight:750}.panel-title p{font-size:10px;color:var(--muted);margin:2px 0 0}.panel-title a{font-size:10.5px;color:var(--brand);font-weight:600}.panel-actions{display:flex;align-items:center;gap:7px}.chart-wrap{min-height:220px;display:flex;align-items:center;justify-content:center;gap:30px}.donut-chart{--a:50;--b:29;width:164px;height:164px;border-radius:50%;background:conic-gradient(var(--brand) 0 calc(var(--a)*1%),var(--orange) calc(var(--a)*1%) calc((var(--a) + var(--b))*1%),var(--green) calc((var(--a) + var(--b))*1%) 100%);position:relative;display:grid;place-items:center;flex:0 0 auto}.donut-chart:before{content:"";width:96px;height:96px;border-radius:50%;background:#fff}.donut-center{position:absolute;text-align:center}.donut-center strong,.donut-center span{display:block}.donut-center strong{font-size:22px}.donut-center span{font-size:10px;color:var(--muted)}.legend{display:flex;flex-direction:column;gap:16px;min-width:150px}.legend-item{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center;font-size:11px}.legend-item i{width:9px;height:9px;border-radius:3px}.legend-item span{color:#526177}.legend-item b{font-size:10px}.table-wrap{overflow:auto;border-radius:8px}.data-table{width:100%;border-collapse:collapse;font-size:11px}.data-table th,.data-table td{text-align:left;padding:10px 9px;border-bottom:1px solid #edf1f5;white-space:nowrap;vertical-align:middle}.data-table th{background:#fafbfd;color:#65748a;font-weight:650;font-size:10px;position:sticky;top:0;z-index:1}.data-table tbody tr:hover{background:#fafcff}.data-table tr:last-child td{border-bottom:0}.table-title{font-weight:700;color:#1d2d46}.table-sub{display:block;color:#8794a5;font-size:9.5px;margin-top:2px}.actions{display:flex;gap:5px}.action-btn{width:29px;height:29px;border-radius:7px;border:1px solid var(--line);background:#fff;color:#66778e;display:grid;place-items:center}.action-btn:hover{border-color:#aec8ed;color:var(--brand);background:#f5f9ff}.action-btn svg{width:15px;height:15px}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;font-size:9.5px;font-weight:700;background:#e9f2ff;color:#1765d3;line-height:1.2}.badge.green{background:#e8f7ed;color:#188043}.badge.orange{background:#fff2dc;color:#aa6500}.badge.red{background:#ffe8e8;color:#c83434}.badge.purple{background:#f0ebff;color:#6845cd}.badge.gray{background:#edf0f4;color:#657285}.badge.blue{background:#e8f1ff;color:#1764ce}.priority-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.quick-list a{display:flex;align-items:center;gap:10px;padding:9px 1px;border-bottom:1px solid #edf1f5;font-size:11px}.quick-list a:last-child{border-bottom:0}.quick-list a:hover{color:var(--brand)}.quick-icon{width:30px;height:30px;border-radius:8px;background:#edf4ff;color:var(--brand);display:grid;place-items:center}.quick-icon svg{width:16px}.quick-arrow{margin-left:auto;color:#98a5b6;font-size:17px}.notice-list{display:flex;flex-direction:column}.notice{display:grid;grid-template-columns:31px 1fr 8px;gap:9px;align-items:start;padding:10px 1px;border-bottom:1px solid #edf1f5}.notice:last-child{border-bottom:0}.notice-icon{width:30px;height:30px;border-radius:8px;background:#edf4ff;color:var(--brand);display:grid;place-items:center}.notice-icon.green{background:#e9f8ee;color:var(--green)}.notice-icon.orange{background:#fff2dc;color:var(--orange)}.notice strong,.notice span{display:block}.notice strong{font-size:10.5px;font-weight:650;line-height:1.45}.notice span{font-size:9px;color:var(--muted);margin-top:3px}.notice .unread-dot{width:7px;height:7px;border-radius:50%;background:var(--brand);margin-top:6px}.info-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow);overflow:hidden;margin-top:2px}.info-strip-item{min-height:77px;padding:13px 15px;display:flex;align-items:center;gap:12px;border-right:1px solid var(--line)}.info-strip-item:last-child{border-right:0}.info-strip-icon{width:38px;height:38px;border-radius:10px;background:#edf4ff;color:var(--brand);display:grid;place-items:center;margin-left:auto}.info-strip-item span,.info-strip-item strong,.info-strip-item small{display:block}.info-strip-item span{font-size:9.5px;color:var(--brand);font-weight:650}.info-strip-item strong{font-size:16px;margin:3px 0}.info-strip-item small{font-size:9px;color:var(--muted)}.filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:12px 14px;margin-bottom:14px}.filter-field{display:flex;flex-direction:column;gap:5px;min-width:135px}.filter-field.grow{flex:1;min-width:220px}.filter-field label{font-size:9.5px;font-weight:650;color:#617087}.form-card{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:18px;margin-bottom:14px}.form-section{border-bottom:1px solid #edf1f5;padding-bottom:18px;margin-bottom:18px}.form-section:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}.form-section-title{display:flex;align-items:center;gap:10px;margin-bottom:14px}.form-section-title .section-icon{width:34px;height:34px;border-radius:9px;background:#edf4ff;color:var(--brand);display:grid;place-items:center}.form-section-title h3{font-size:13px;margin:0}.form-section-title p{font-size:9.5px;color:var(--muted);margin:2px 0 0}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.form-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field.span-2{grid-column:span 2}.field.span-3{grid-column:span 3}.field.full{grid-column:1/-1}.field label{font-size:10px;color:#58677d;font-weight:650}.field label em{color:var(--red);font-style:normal}.field input,.field select,.field textarea,.filters input,.filters select{width:100%;border:1px solid #dce4ee;background:#fff;border-radius:8px;min-height:38px;padding:8px 10px;color:#22314a;outline:none;font-size:11.5px;transition:.15s}.field textarea{min-height:86px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.filters input:focus,.filters select:focus{border-color:#75a9f3;box-shadow:0 0 0 3px rgba(18,105,243,.09)}.field .help{font-size:9px;color:#8d99aa}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.upload-zone{border:1.5px dashed #bdcbe0;border-radius:10px;background:#f9fbfe;min-height:112px;display:grid;place-items:center;text-align:center;padding:16px;color:#66768c;position:relative}.upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-zone svg{width:28px;height:28px;color:var(--brand);margin-bottom:6px}.upload-zone strong{display:block;font-size:11px}.upload-zone span{font-size:9.5px}.detail-head{background:linear-gradient(135deg,#0c2747,#164a80);color:#fff;border-radius:14px;padding:19px 20px;margin-bottom:14px;display:flex;justify-content:space-between;gap:20px;box-shadow:0 14px 34px rgba(14,49,85,.16)}.detail-title-row{display:flex;align-items:center;gap:10px}.detail-head h1{font-size:21px;margin:0}.detail-head p{font-size:10.5px;color:#bcd0e6;margin:5px 0 0}.detail-meta{display:flex;gap:22px;align-items:center}.detail-meta div span,.detail-meta div strong{display:block;text-align:right}.detail-meta span{font-size:9px;color:#a9c2dd}.detail-meta strong{font-size:12px;margin-top:3px}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:14px;overflow-x:auto}.tab{border:0;background:transparent;padding:10px 12px;color:#6a788d;font-size:11px;font-weight:650;border-bottom:2px solid transparent;white-space:nowrap}.tab.active{color:var(--brand);border-color:var(--brand)}.tab-panel{display:none}.tab-panel.active{display:block}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.summary-item{border:1px solid #e8edf3;background:#fbfcfe;border-radius:9px;padding:11px}.summary-item span,.summary-item strong{display:block}.summary-item span{font-size:9px;color:#7b899c}.summary-item strong{font-size:11.5px;margin-top:4px;word-break:break-word}.timeline{position:relative;padding-left:25px}.timeline:before{content:"";position:absolute;left:9px;top:6px;bottom:8px;width:2px;background:#e3e9f2}.timeline-item{position:relative;padding:0 0 17px 13px}.timeline-dot{position:absolute;left:-22px;top:2px;width:12px;height:12px;border:3px solid #e8f1ff;background:var(--brand);border-radius:50%;box-sizing:content-box}.timeline-item strong,.timeline-item span,.timeline-item small{display:block}.timeline-item strong{font-size:11.5px}.timeline-item span{font-size:10px;color:#64748a;margin-top:3px}.timeline-item small{font-size:9px;color:#95a0af;margin-top:4px}.progress-steps{display:flex;align-items:flex-start;overflow-x:auto;padding:6px 0 10px}.step{min-width:110px;position:relative;text-align:center;padding-top:34px;color:#8794a6;font-size:9px}.step:before{content:"";position:absolute;top:9px;left:50%;width:16px;height:16px;border-radius:50%;border:3px solid #e4eaf1;background:#fff;transform:translateX(-50%);z-index:2}.step:after{content:"";position:absolute;top:18px;left:50%;right:-50%;height:2px;background:#e4eaf1}.step:last-child:after{display:none}.step.done:before{background:var(--green);border-color:#dff3e6}.step.done:after{background:var(--green)}.step.active:before{background:var(--brand);border-color:#d9e8ff;box-shadow:0 0 0 4px rgba(18,105,243,.08)}.step.active{color:var(--brand);font-weight:700}.empty-state{text-align:center;padding:45px 20px;color:#78869a}.empty-state svg{width:42px;height:42px;color:#b8c5d5;margin-bottom:9px}.empty-state strong{display:block;color:#4c5b71;margin-bottom:4px}.toast{position:fixed;right:22px;top:83px;z-index:100;min-width:280px;max-width:430px;border-radius:10px;padding:12px 38px 12px 14px;background:#e9f7ee;color:#187a42;border:1px solid #cdebd8;box-shadow:var(--shadow-lg);font-size:11.5px}.toast.error{background:#ffeded;color:#b62d2d;border-color:#ffd1d1}.toast.warning{background:#fff5e3;color:#9a6000;border-color:#ffe2ad}.toast button{position:absolute;right:9px;top:7px;background:transparent;border:0;color:inherit;font-size:18px}.alert{border-radius:9px;padding:11px 13px;margin-bottom:13px;font-size:11.5px;border:1px solid #ffd1d1;background:#ffeded;color:#b62d2d}.alert.info{border-color:#d5e6ff;background:#eef5ff;color:#205da8}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:13px}.pagination a,.pagination span{min-width:31px;height:31px;padding:0 8px;border:1px solid var(--line);border-radius:7px;display:grid;place-items:center;background:#fff;font-size:10px}.pagination .active{background:var(--brand);color:#fff;border-color:var(--brand)}.metric-bar{height:6px;border-radius:4px;background:#edf1f5;overflow:hidden}.metric-bar span{display:block;height:100%;border-radius:inherit;background:var(--brand)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden}.calendar-day{min-height:100px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px;background:#fff}.calendar-day:nth-child(7n){border-right:0}.calendar-day .day-no{font-size:10px;color:#7c899b;font-weight:700}.calendar-event{display:block;margin-top:6px;padding:5px 6px;border-radius:5px;background:#eaf2ff;color:#1765d3;font-size:8.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-message{border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:9px;background:#fff}.ticket-message.own{background:#f3f8ff;border-color:#dbe9ff}.ticket-message-head{display:flex;justify-content:space-between;margin-bottom:7px}.ticket-message-head strong{font-size:10.5px}.ticket-message-head span{font-size:9px;color:var(--muted)}.ticket-message p{font-size:11px;margin:0;white-space:pre-wrap}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(460px,1.08fr) minmax(420px,.92fr);background:#fff}.login-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 20% 20%,#174b82 0,#0b2a4b 38%,#071a30 100%);color:#fff;padding:65px;display:flex;flex-direction:column;justify-content:center}.login-hero:before,.login-hero:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.07)}.login-hero:before{width:520px;height:520px;right:-190px;top:-140px}.login-hero:after{width:760px;height:760px;right:-350px;bottom:-500px}.login-logo{display:flex;align-items:center;gap:13px;margin-bottom:70px;position:relative;z-index:2}.login-logo .brand-symbol{width:48px;height:52px}.login-logo strong{display:block;font-size:22px}.login-logo span{font-size:10px;color:#b9cce1}.login-hero-content{position:relative;z-index:2;max-width:580px}.login-hero h1{font-size:42px;line-height:1.16;letter-spacing:-1px;margin:0 0 17px}.login-hero p{font-size:14px;line-height:1.75;color:#bcd0e5;max-width:520px}.login-features{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:28px;max-width:540px}.login-feature{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);border-radius:10px;padding:12px;display:flex;align-items:center;gap:10px}.login-feature i{width:29px;height:29px;border-radius:8px;background:rgba(40,126,244,.25);color:#76b3ff;display:grid;place-items:center}.login-feature span{font-size:10.5px;color:#d7e3f0}.login-wrap{display:grid;place-items:center;padding:35px;background:#fff}.login-card{width:min(410px,100%)}.login-card .eyebrow{font-size:10px;color:var(--brand);font-weight:750;letter-spacing:.7px}.login-card h2{font-size:28px;letter-spacing:-.5px;margin:5px 0 6px}.login-card>p{color:var(--muted);font-size:12px;margin:0 0 25px}.login-card .field{margin-bottom:12px}.password-wrap{position:relative}.password-wrap input{padding-right:42px}.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);background:transparent;border:0;color:#8190a4;padding:5px}.login-submit{width:100%;margin-top:5px;height:43px}.login-demo{margin-top:18px;border:1px solid #e2e8f0;background:#f7f9fc;border-radius:9px;padding:11px;font-size:10px;color:#6b788b}.login-demo strong{color:#35445a}.checkbox-row{display:flex;align-items:center;justify-content:space-between;font-size:10.5px;color:#6f7d91}.checkbox-row label{display:flex;align-items:center;gap:6px}.checkbox-row input{width:auto}.install-shell{min-height:100vh;background:#f4f7fb;padding:40px 20px}.install-card{max-width:900px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden}.install-head{padding:25px 28px;background:linear-gradient(135deg,#0a203a,#164c82);color:#fff}.install-head h1{margin:0;font-size:24px}.install-head p{margin:6px 0 0;color:#bad0e7;font-size:12px}.install-body{padding:25px 28px}.check-list{display:grid;gap:8px}.check-item{border:1px solid var(--line);border-radius:8px;padding:10px 12px;display:flex;justify-content:space-between;font-size:11px}.check-item .ok{color:var(--green);font-weight:700}.check-item .bad{color:var(--red);font-weight:700}.code-box{background:#101c2c;color:#d8e6f8;border-radius:9px;padding:13px;font:11px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.print-only{display:none}
@media(max-width:1320px){.stats-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr 1.45fr}.dashboard-grid>.dashboard-side{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px}.dashboard-side .panel{margin-bottom:0}.form-grid{grid-template-columns:repeat(3,1fr)}.summary-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1020px){:root{--sidebar:226px}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid>.dashboard-side{grid-template-columns:1fr 1fr}.main-side-grid{grid-template-columns:1fr}.info-strip{grid-template-columns:1fr 1fr}.info-strip-item:nth-child(2){border-right:0}.info-strip-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.form-grid,.form-grid.cols-3{grid-template-columns:repeat(2,1fr)}.summary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:transform .22s}.sidebar.open{transform:translateX(0)}.mobile-overlay.open{display:block;position:fixed;inset:0;background:rgba(5,18,33,.48);z-index:45}.page-wrap{margin-left:0;width:100%}.menu-toggle{display:grid;place-items:center;margin-right:8px}.topbar{padding:0 13px}.global-search{width:min(420px,62vw)}.global-search kbd{display:none}.user-meta{display:none}.content{padding:15px}.page-head{align-items:flex-start}.stats-grid{grid-template-columns:1fr 1fr}.dashboard-grid>.dashboard-side{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}.form-grid,.form-grid.cols-3,.form-grid.cols-2{grid-template-columns:1fr 1fr}.field.span-3{grid-column:1/-1}.detail-head{flex-direction:column}.detail-meta{justify-content:flex-start}.detail-meta div span,.detail-meta div strong{text-align:left}.login-page{grid-template-columns:1fr}.login-hero{display:none}.footer span:last-child{display:none}.calendar-grid{min-width:760px}.calendar-wrap{overflow:auto}}
@media(max-width:540px){.global-search{display:none}.content{padding:12px}.page-head{flex-direction:column}.page-head h1{font-size:20px}.page-actions{width:100%}.page-actions .btn{flex:1}.stats-grid{grid-template-columns:1fr}.form-grid,.form-grid.cols-3,.form-grid.cols-2{grid-template-columns:1fr}.field.span-2,.field.span-3{grid-column:auto}.summary-grid{grid-template-columns:1fr}.info-strip{grid-template-columns:1fr}.info-strip-item{border-right:0;border-bottom:1px solid var(--line)}.info-strip-item:last-child{border-bottom:0}.chart-wrap{flex-direction:column;gap:18px}.legend{width:100%}.filters{align-items:stretch}.filter-field,.filter-field.grow{width:100%;min-width:0}.detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px}.footer{padding:0 13px}.toast{left:12px;right:12px;min-width:0}.login-wrap{padding:22px}.login-card h2{font-size:24px}}
@media print{.sidebar,.topbar,.footer,.page-actions,.filters,.btn,.action-btn,.tabs{display:none!important}.page-wrap{margin:0;width:100%}.content{max-width:none;padding:0}.panel,.form-card,.detail-head{box-shadow:none}.print-only{display:block}}

/* V5 modules */
.inline-form{display:flex;align-items:center;gap:6px;min-width:300px}.inline-form input,.inline-form select{height:31px;padding:0 8px;min-width:95px}.workflow-card{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:8px}.workflow-card strong,.workflow-card span{display:block}.workflow-card span{font-size:10px;color:var(--muted);margin-top:3px}.automation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.automation-card{border:1px solid var(--line);border-radius:11px;padding:13px;display:flex;align-items:center;gap:10px}.automation-card>div:nth-child(2){flex:1}.automation-card strong,.automation-card span{display:block}.automation-card span{font-size:10px;color:var(--muted);margin-top:3px}.automation-icon{width:38px;height:38px;border-radius:10px;background:#edf4ff;color:var(--brand);display:grid;place-items:center}.toggle{width:42px;height:23px;border:0;border-radius:20px;background:#d8e0ea;padding:3px;transition:.2s}.toggle i{display:block;width:17px;height:17px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 2px 5px rgba(0,0,0,.15)}.toggle.on{background:var(--green)}.toggle.on i{transform:translateX(19px)}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.integration-card{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);padding:15px}.integration-head{display:flex;align-items:center;gap:11px;margin-bottom:13px}.integration-head>div:nth-child(2){flex:1}.integration-head strong,.integration-head span{display:block}.integration-head span{font-size:10px;color:var(--muted);margin-top:2px}.integration-logo{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,#0e3158,#1f78db);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800}.integration-toggle{display:flex;align-items:center;gap:7px;font-size:10.5px;margin:8px 0 12px}.integration-toggle input{width:auto}.secret-reveal{display:flex;align-items:center;gap:12px;background:#0b1e35;color:#fff;border-radius:12px;padding:14px;margin-bottom:14px}.secret-reveal strong{font-size:11px}.secret-reveal code{flex:1;background:rgba(255,255,255,.08);border-radius:7px;padding:9px;overflow:auto}.text-green{color:var(--green)}.text-red{color:var(--red)}.survey-shell{min-height:100vh;background:linear-gradient(135deg,#071a30,#164c82);padding:40px 18px;display:grid;place-items:center}.survey-card{width:min(650px,100%);background:#fff;border-radius:18px;padding:30px;box-shadow:0 30px 90px rgba(0,0,0,.2)}.survey-card h1{margin:4px 0}.survey-card>p{color:var(--muted)}.score-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0}.score-row>label{font-weight:650}.score-row>div{display:flex;gap:6px}.score-row input{display:none}.score-row span{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;cursor:pointer}.score-row input:checked+span{background:var(--brand);color:#fff;border-color:var(--brand)}.survey-thanks{background:#edf9f1;border:1px solid #cfead8;border-radius:12px;padding:22px;color:#176f3d}.survey-thanks strong,.survey-thanks span{display:block}.survey-thanks span{font-size:12px;margin-top:5px}.eyebrow{font-size:10px;color:var(--brand);font-weight:750;letter-spacing:.7px}
@media(max-width:900px){.automation-grid,.integration-grid{grid-template-columns:1fr}.inline-form{min-width:480px}.secret-reveal{align-items:flex-start;flex-direction:column}.secret-reveal code{width:100%}}

.v5-command-bar{display:flex;align-items:center;gap:9px;background:linear-gradient(90deg,#0a1d34,#143f6d);color:#dbeafe;border-radius:11px;padding:10px 13px;margin-bottom:14px;overflow:auto}.v5-command-bar>span{font-size:10px;font-weight:800;letter-spacing:.6px;color:#78b5ff;margin-right:auto;white-space:nowrap}.v5-command-bar a{font-size:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);padding:6px 9px;border-radius:7px;white-space:nowrap}.v5-command-bar b{color:#fff}

/* =========================================================
   V5.0 — Professional list-first interface
   ========================================================= */
:root{
  --surface-soft:#f8fbff;
  --surface-blue:#f3f7ff;
  --line-strong:#d6dfec;
  --text-soft:#53627a;
}
body{background:linear-gradient(180deg,#f3f7fc 0,#f7f9fc 44%,#f4f7fb 100%)}
.content{max-width:1840px;padding:26px 28px 34px}
.sidebar{box-shadow:10px 0 34px rgba(5,20,38,.16)}
.sidebar-nav a{font-weight:560;letter-spacing:-.05px}
.quick-create-nav{margin:8px 0 12px!important;background:rgba(35,126,255,.12);border:1px solid rgba(67,145,255,.2)}
.topbar{height:72px;padding:0 28px;box-shadow:0 2px 12px rgba(10,35,66,.025)}
.top-create-btn{height:36px;padding:0 13px;border-radius:9px;background:#eef5ff;color:var(--brand);border:1px solid #d7e6ff;display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:750;transition:.18s}
.top-create-btn:hover{background:#e4efff;transform:translateY(-1px)}
.top-create-btn svg{width:16px;height:16px}
.page-head{margin-bottom:20px;padding:2px 1px}
.page-head h1{font-size:25px;letter-spacing:-.55px;color:#0b203b}
.page-head p{font-size:12.5px;max-width:850px}
.panel,.form-card{border-color:#dfe7f1;border-radius:14px;box-shadow:0 9px 30px rgba(13,39,72,.055)}
.panel{padding:18px}
.panel-title{margin-bottom:15px}
.panel-title h2{font-size:14px;letter-spacing:-.15px}
.panel-title p{font-size:10.5px}
.btn{height:40px;border-radius:9px;padding:0 16px;font-weight:720;box-shadow:0 7px 18px rgba(18,105,243,.18)}
.btn.secondary{box-shadow:0 3px 9px rgba(26,52,83,.035)}
.btn.ghost{background:#f3f6fa;color:#41516a;border:1px solid var(--line);box-shadow:none}
.btn.dark{background:linear-gradient(135deg,#0a1d34,#183f69)}
.btn.lg{height:44px;padding:0 20px;font-size:12.5px}

.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;padding:13px 15px;border:1px solid var(--line);background:rgba(255,255,255,.76);border-radius:12px;backdrop-filter:blur(6px)}
.list-toolbar-left,.list-toolbar-right{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.list-toolbar .search-input{width:min(320px,32vw);height:37px;background:#fff}
.record-count{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:8px;background:#f0f5fb;color:#52657f;font-size:10.5px;font-weight:700}
.record-count b{color:#0c284a;font-size:12px}

.table-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:16px}
.table-card .panel-title{padding:17px 18px 0;margin-bottom:13px}
.table-card .table-wrap{border-top:1px solid #edf1f6}
.table-wrap{overflow:auto;border-radius:0}
.data-table{width:100%;border-collapse:separate;border-spacing:0;min-width:900px}
.data-table thead th{position:sticky;top:0;z-index:2;background:#f7f9fc;color:#66758b;font-size:9.5px;text-transform:uppercase;letter-spacing:.46px;font-weight:780;padding:12px 14px;border-bottom:1px solid #e4eaf2;white-space:nowrap}
.data-table tbody td{padding:13px 14px;border-bottom:1px solid #edf1f6;font-size:11.2px;vertical-align:middle;color:#2d3e56}
.data-table tbody tr{transition:.15s}
.data-table tbody tr:hover{background:#f8fbff}
.data-table tbody tr:last-child td{border-bottom:0}
.table-title{font-weight:760;color:#132943}
.table-sub{font-size:9.8px;color:#8592a5;margin-top:3px;display:block;font-weight:450}
.action-btn{width:33px;height:33px;border-radius:8px;background:#f5f8fc;border:1px solid #e4eaf1;color:#4e6078;transition:.16s}
.action-btn:hover{background:#eaf2ff;border-color:#cfe0fb;color:var(--brand);transform:translateY(-1px)}
.empty-state{padding:54px 18px;text-align:center;color:#8b98aa;font-size:11px}

.summary-row{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;margin-bottom:15px}
.summary-tile{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 15px;box-shadow:0 7px 20px rgba(14,41,75,.04);display:flex;align-items:center;gap:12px}
.summary-tile-icon{width:38px;height:38px;border-radius:10px;background:#edf4ff;color:var(--brand);display:grid;place-items:center;flex:0 0 auto}
.summary-tile-icon.green{background:#eaf9f0;color:var(--green)}
.summary-tile-icon.orange{background:#fff4df;color:#d98300}
.summary-tile-icon.red{background:#fff0f0;color:var(--red)}
.summary-tile strong,.summary-tile span{display:block}
.summary-tile strong{font-size:18px;line-height:1.1;color:#102744}
.summary-tile span{font-size:9.8px;color:#7b899b;margin-top:3px}

.record-form-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}
.record-form-main{min-width:0}
.record-form-aside{position:sticky;top:92px;display:grid;gap:13px}
.form-section{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:20px;margin-bottom:15px}
.form-section-title{display:flex;align-items:flex-start;gap:11px;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid #edf1f6}
.form-section-title .section-icon{width:38px;height:38px;border-radius:10px;background:#edf4ff;color:var(--brand);display:grid;place-items:center;flex:0 0 auto}
.form-section-title h2{font-size:14px;margin:1px 0 3px;letter-spacing:-.15px}
.form-section-title p{font-size:10.5px;color:var(--muted);margin:0}
.form-footer{position:sticky;bottom:0;z-index:6;display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:13px 16px;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:12px;box-shadow:0 -7px 24px rgba(10,35,66,.07);backdrop-filter:blur(8px)}
.form-guide{background:linear-gradient(145deg,#0a1d34,#163f6c);color:#fff;border-radius:14px;padding:18px;box-shadow:0 14px 35px rgba(7,28,51,.17)}
.form-guide h3{font-size:13px;margin:0 0 8px}
.form-guide p{font-size:10.5px;color:#c0d1e4;margin:0;line-height:1.65}
.form-guide ul{padding:0;margin:14px 0 0;list-style:none;display:grid;gap:9px}
.form-guide li{display:flex;gap:8px;font-size:10px;color:#dce8f5}
.form-guide li:before{content:'✓';width:18px;height:18px;border-radius:50%;background:rgba(57,141,255,.18);color:#75b3ff;display:grid;place-items:center;flex:0 0 auto;font-weight:800}
.form-meta-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px;box-shadow:var(--shadow)}
.form-meta-card h3{font-size:12px;margin:0 0 11px}
.form-meta-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf1f6;padding:8px 0;font-size:10px}
.form-meta-row:last-child{border-bottom:0}
.form-meta-row span{color:#8190a4}.form-meta-row strong{color:#24364e;text-align:right}
.breadcrumbs{display:flex;align-items:center;gap:7px;color:#8190a4;font-size:10px;margin-bottom:10px}
.breadcrumbs a{color:var(--brand);font-weight:650}
.breadcrumbs b{font-weight:500;color:#a3aebe}

.create-center-hero{background:linear-gradient(135deg,#091e36 0,#124a80 62%,#1269f3 100%);color:#fff;border-radius:17px;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 20px 48px rgba(8,38,70,.18);margin-bottom:18px;overflow:hidden;position:relative}
.create-center-hero:after{content:'';position:absolute;width:280px;height:280px;border-radius:50%;right:-110px;top:-150px;background:rgba(255,255,255,.08)}
.create-center-hero h1{font-size:25px;margin:0 0 6px}.create-center-hero p{font-size:11.5px;color:#c6d8eb;margin:0;max-width:670px}.create-center-hero .hero-icon{width:58px;height:58px;border-radius:15px;background:rgba(255,255,255,.12);display:grid;place-items:center;z-index:1}.create-center-hero .hero-icon svg{width:29px;height:29px}
.create-groups{display:grid;gap:16px}
.create-group{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;box-shadow:var(--shadow)}
.create-group-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:14px}.create-group-head h2{font-size:14px;margin:0}.create-group-head p{font-size:10px;color:var(--muted);margin:3px 0 0}
.create-grid{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:11px}
.create-card{border:1px solid #e2e8f1;border-radius:12px;padding:14px;background:linear-gradient(145deg,#fff,#f9fbfe);display:flex;gap:11px;align-items:center;transition:.18s;min-height:78px}
.create-card:hover{border-color:#bfd5f6;box-shadow:0 10px 25px rgba(18,81,154,.09);transform:translateY(-2px)}
.create-card-icon{width:39px;height:39px;border-radius:10px;background:#edf4ff;color:var(--brand);display:grid;place-items:center;flex:0 0 auto}.create-card strong,.create-card span{display:block}.create-card strong{font-size:11.5px;color:#142b47}.create-card span{font-size:9.4px;color:#7f8da0;margin-top:3px;line-height:1.4}

.page-notice{display:flex;gap:10px;align-items:flex-start;border:1px solid #d8e7fb;background:#f1f7ff;border-radius:11px;padding:12px 14px;color:#416181;font-size:10.5px;margin-bottom:14px}.page-notice svg{color:var(--brand);flex:0 0 auto;width:18px;height:18px}.page-notice strong{color:#14345d}
.entity-avatar{width:35px;height:35px;border-radius:9px;background:linear-gradient(135deg,#eaf2ff,#dceaff);color:var(--brand);display:grid;place-items:center;font-size:11px;font-weight:800}
.entity-cell{display:flex;align-items:center;gap:10px}
.progress-bar{height:6px;background:#eaf0f6;border-radius:10px;overflow:hidden;min-width:80px}.progress-bar i{height:100%;display:block;background:linear-gradient(90deg,var(--brand),#49a0ff);border-radius:10px}

@media(max-width:1280px){.create-grid{grid-template-columns:repeat(3,1fr)}.record-form-shell{grid-template-columns:minmax(0,1fr) 260px}.summary-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.top-create-btn span{display:none}.top-create-btn{width:36px;padding:0;justify-content:center}.record-form-shell{grid-template-columns:1fr}.record-form-aside{position:static;grid-template-columns:1fr 1fr}.create-grid{grid-template-columns:repeat(2,1fr)}.list-toolbar{align-items:stretch;flex-direction:column}.list-toolbar-right{justify-content:space-between}.list-toolbar .search-input{width:100%}}
@media(max-width:600px){.content{padding:14px}.create-center-hero{padding:19px;align-items:flex-start}.create-center-hero .hero-icon{display:none}.create-grid{grid-template-columns:1fr}.record-form-aside{grid-template-columns:1fr}.summary-row{grid-template-columns:1fr}.form-section{padding:15px}.form-footer{position:static;flex-direction:column-reverse}.form-footer .btn{width:100%}.list-toolbar-right{flex-direction:column;align-items:stretch}.record-count{justify-content:center}.top-create-btn{display:none}}

/* V5.0 compatibility and extended professional components */
.summary-tiles{display:grid;grid-template-columns:repeat(4,minmax(155px,1fr));gap:12px;margin-bottom:16px}
.summary-tiles .summary-tile{display:block;position:relative;overflow:hidden;min-height:104px;padding:16px 17px;background:linear-gradient(145deg,#fff,#f8fbff)}
.summary-tiles .summary-tile:after{content:"";position:absolute;width:88px;height:88px;border-radius:50%;right:-30px;top:-34px;background:rgba(18,105,243,.045)}
.summary-tiles .summary-tile>span{font-size:10.5px;color:#6e7d94;font-weight:680;margin:0 0 7px}
.summary-tiles .summary-tile>strong{font-size:22px;line-height:1.12;color:#102744;letter-spacing:-.35px;position:relative;z-index:1}
.summary-tiles .summary-tile>small{display:block;font-size:9.5px;color:#8a97a8;margin-top:7px;position:relative;z-index:1}
.summary-tiles .summary-tile.green{background:linear-gradient(145deg,#fff,#f1fbf5)}.summary-tiles .summary-tile.green strong{color:#147b3d}.summary-tiles .summary-tile.green:after{background:rgba(23,166,83,.06)}
.summary-tiles .summary-tile.orange{background:linear-gradient(145deg,#fff,#fff8ec)}.summary-tiles .summary-tile.orange strong{color:#a76400}.summary-tiles .summary-tile.orange:after{background:rgba(245,158,11,.07)}
.summary-tiles .summary-tile.red{background:linear-gradient(145deg,#fff,#fff2f2)}.summary-tiles .summary-tile.red strong{color:#bb3333}.summary-tiles .summary-tile.red:after{background:rgba(232,75,75,.07)}
.summary-tiles .summary-tile.purple{background:linear-gradient(145deg,#fff,#f7f3ff)}.summary-tiles .summary-tile.purple strong{color:#6541cc}.summary-tiles .summary-tile.purple:after{background:rgba(118,81,229,.07)}
.list-panel{padding:0;overflow:hidden}.list-panel>.panel-title{padding:17px 18px 0}.list-panel>.list-toolbar{margin:0 18px 16px}.list-panel>.table-wrap{border-top:1px solid #edf1f6}.list-toolbar .field{margin:0}.list-toolbar .field.grow{flex:1;min-width:260px}.list-toolbar .field label{margin-bottom:5px}.text-link{color:var(--brand);font-size:10.5px;font-weight:700}.muted{color:#95a1b1}.empty-state.roomy{display:flex;min-height:230px;flex-direction:column;align-items:center;justify-content:center;gap:5px}.empty-state.roomy .btn{margin-top:10px}
.back-link{display:inline-flex;margin-bottom:8px;color:var(--brand);font-size:10.5px;font-weight:720}
.form-page-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}.form-page-layout>.form-section{margin:0}.form-page-layout>.form-guide{position:sticky;top:92px;background:transparent;color:inherit;border-radius:0;padding:0;box-shadow:none;display:grid;gap:13px}.guide-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;box-shadow:var(--shadow)}.guide-card:first-child{background:linear-gradient(145deg,#0a1d34,#163f6c);color:#fff;border:0;box-shadow:0 14px 35px rgba(7,28,51,.17)}.guide-card h3{font-size:12.5px;margin:0 0 7px}.guide-card p{font-size:10.5px;line-height:1.65;color:#75849a;margin:0}.guide-card:first-child p{color:#c0d1e4}.guide-card ul{margin:10px 0 0;padding-left:17px;color:#697a91;font-size:10.5px;line-height:1.75}.guide-icon{width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,.12);display:grid;place-items:center;color:#75b3ff;margin-bottom:11px}.guide-icon svg{width:21px;height:21px}.section-heading{display:flex;gap:11px;align-items:flex-start;padding-bottom:13px;margin:2px 0 16px;border-bottom:1px solid #edf1f6}.section-heading:not(:first-child){margin-top:23px}.section-heading>span{width:34px;height:34px;border-radius:10px;background:#edf4ff;color:var(--brand);display:grid;place-items:center;font-size:10.5px;font-weight:800;flex:0 0 auto}.section-heading h2{font-size:14px;margin:0 0 3px}.section-heading p{font-size:10.5px;color:var(--muted);margin:0}.field.full{grid-column:1/-1}.field small{font-size:9px;color:#8c99aa;margin-top:4px}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:14px}.package-card{margin:0;min-height:270px}.package-price{display:flex;align-items:flex-end;gap:6px;padding:11px 0 18px;border-bottom:1px solid #edf1f6;margin-bottom:15px}.package-price strong{font-size:25px;letter-spacing:-.5px;color:#0e2848}.package-price span{font-size:10px;color:#8190a4;margin-bottom:4px}.package-card .summary-grid{grid-template-columns:repeat(2,1fr)}
@media(max-width:1100px){.summary-tiles{grid-template-columns:repeat(2,1fr)}.form-page-layout{grid-template-columns:1fr}.form-page-layout>.form-guide{position:static;grid-template-columns:repeat(2,1fr)}.package-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.summary-tiles{grid-template-columns:1fr}.form-page-layout>.form-guide{grid-template-columns:1fr}.package-grid{grid-template-columns:1fr}.list-toolbar .field.grow{min-width:0}.page-actions{align-items:stretch}.page-actions form,.page-actions .btn{width:100%}.page-actions form .btn{width:100%}}

/* V5 stable components */
.table-action{display:inline-flex;align-items:center;justify-content:center;min-height:29px;padding:0 10px;border:1px solid #d8e5f7;border-radius:7px;background:#f5f9ff;color:var(--brand);font-size:10px;font-weight:750;white-space:nowrap}.table-action:hover{background:#eaf3ff;border-color:#bfd5f6}
.check-line{min-height:38px;display:flex!important;align-items:center;gap:8px;padding:0 2px;color:#40506a;font-size:11px}.check-line input{width:auto!important}
.alert.error,.alert.danger{border:1px solid #f4c3c3;background:#fff1f1;color:#a62c2c}.alert.error strong,.alert.danger strong{color:#8d2020}.alert ul{margin:7px 0 0;padding-left:18px}.alert li{margin:2px 0}
.health-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px;border-radius:12px;border:1px solid #dfe8f3;background:#f7faff;margin-bottom:16px}.health-summary strong,.health-summary span{display:block}.health-summary strong{font-size:14px}.health-summary span{font-size:10.5px;color:#728198}.health-summary.healthy{background:#effaf3;border-color:#cfeeda}.health-summary.healthy strong{color:#13753a}.health-summary.warning{background:#fff8e9;border-color:#f4dfaa}.health-summary.warning strong{color:#9a6100}
.info-list{display:grid;gap:0}.info-list>div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #edf1f6;font-size:10.5px}.info-list>div:last-child{border-bottom:0}.info-list span{color:#7b899c}.info-list strong{text-align:right;color:#273a54}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.metric-grid{display:grid;gap:12px}.metric-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.grid-2,.metric-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.health-summary{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.grid-2,.metric-grid.cols-4{grid-template-columns:1fr}}
.metric-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px;box-shadow:var(--shadow);min-height:105px}.metric-card span,.metric-card small{display:block}.metric-card span{font-size:10.5px;color:#718097;font-weight:650}.metric-card strong{display:block;font-size:24px;margin:8px 0 4px;color:#102744}.metric-card small{font-size:9.5px;color:#93a0b1}.metric-card.green{background:linear-gradient(145deg,#fff,#f2fbf5)}.metric-card.green strong{color:#147b3d}.metric-card.orange{background:linear-gradient(145deg,#fff,#fff8ec)}.metric-card.orange strong{color:#a76400}.metric-card.purple{background:linear-gradient(145deg,#fff,#f7f3ff)}.metric-card.purple strong{color:#6541cc}.metric-card.blue{background:linear-gradient(145deg,#fff,#f1f7ff)}.metric-card.blue strong{color:#1764d7}
.health-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.health-steps>div{display:flex;gap:10px;border:1px solid #e4eaf2;border-radius:11px;padding:13px;background:#fafcff}.health-steps b{width:27px;height:27px;border-radius:8px;background:#eaf2ff;color:var(--brand);display:grid;place-items:center;flex:0 0 auto}.health-steps span,.health-steps strong,.health-steps small{display:block}.health-steps strong{font-size:10.5px}.health-steps small{font-size:9.3px;color:#8190a4;margin-top:3px;line-height:1.45}
@media(max-width:1050px){.health-steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.health-steps{grid-template-columns:1fr}}