:root{--navy-900:#0a2f52;--navy-800:#00529b;--navy-700:#0a4d90;--navy-100:#e3eef8;--navy-50:#f2f7fb;--accent-500:#0f5279;--accent-300:#8fd0f0;--accent-200:#b8e4f7;--accent-100:#cfe6f5;--accent-50:#eaf4fb;--accent-text:#0a3f6e;--ink-900:#0e1428;--ink-700:#2c3656;--ink-500:#454e76;--ink-400:#8591ac;--ink-300:#b9c1d4;--ink-200:#dde2ed;--ink-100:#eef1f6;--ink-50:#f6f8fb;--canvas:#f4f6fa;--success:#1f8a4c;--warn:#c8821b;--error:#b8323a;--radius:10px;--radius-sm:7px}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{color:var(--ink-700);background:var(--canvas);-webkit-font-smoothing:antialiased;flex-direction:column;height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;display:flex;overflow:hidden}button,input,select,textarea{font-family:inherit}.app{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--navy-800);flex-direction:column;flex-shrink:0;width:210px;display:flex;overflow-y:auto}.main{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--ink-200);background:#fff;flex-shrink:0;align-items:center;gap:10px;padding:12px 22px;display:flex}.content{flex:1;padding:18px 22px;overflow-y:auto}.sb-brand{border-bottom:1px solid #ffffff1a;padding:16px 14px 12px}.sb-logo{width:auto;height:26px;margin-bottom:8px;display:block}.sb-name{color:#fff;font-size:13.5px;font-weight:700}.sb-section{letter-spacing:1.2px;color:#ffffff4d;text-transform:uppercase;padding:12px 14px 4px;font-size:9px;font-weight:600}.nav-item{border-radius:var(--radius-sm);color:#fff9;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin:1px 7px;padding:8px 12px;font-size:12.5px;transition:background .15s,color .15s;display:flex}.nav-item:hover{color:#fff;background:#ffffff14}.nav-item.active{color:#fff;box-shadow:inset 3px 0 0 var(--accent-300);background:#ffffff0a}.nav-item svg{flex-shrink:0}.nav-badge{background:var(--accent-300);color:var(--navy-900);border-radius:20px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700}.sb-spacer{flex:1}.sb-user-wrap{position:relative}.sb-user{cursor:pointer;text-align:left;background:0 0;border:none;border-top:1px solid #ffffff1a;align-items:center;gap:8px;width:100%;padding:12px 14px;font-family:inherit;display:flex}.sb-user:hover{background:#ffffff0d}.sb-user-menu{border:1px solid var(--ink-200);border-radius:var(--radius-sm);background:#fff;margin-bottom:6px;position:absolute;bottom:100%;left:14px;right:14px;overflow:hidden;box-shadow:0 8px 24px #0e14282e}.sb-user-menu-item{color:#8a2530;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 14px;font-family:inherit;font-size:12.5px;font-weight:600}.sb-user-menu-item:hover{background:#fdecee}.sb-avatar{background:var(--accent-300);width:28px;height:28px;color:var(--navy-900);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.sb-uname{color:#fff;font-size:12px;font-weight:600}.sb-urole{color:#ffffffeb;font-size:10px}.tb-title{color:var(--navy-800);flex:1;font-size:15px;font-weight:700}.tb-actions{gap:8px;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--ink-200);color:var(--ink-700);background:#fff;padding:6px 14px;font-size:12.5px;font-weight:600;transition:background .12s}.btn:hover{background:var(--ink-50)}.btn-primary{background:var(--navy-800);color:#fff;border-color:var(--navy-800)}.btn-primary:hover{background:var(--navy-700)}.btn-gold{background:var(--accent-500);color:#fff;border-color:var(--accent-500);font-weight:700}.btn-gold:hover{background:var(--navy-900)}.btn-danger{color:var(--error);border-color:#f3c4c8}.btn-danger:hover{background:#fdecee}.btn-sm{padding:4px 10px;font-size:11.5px}.card{border:1px solid var(--ink-200);border-radius:var(--radius);background:#fff;margin-bottom:14px;overflow:hidden}.card-head{border-bottom:1px solid var(--ink-200);flex-shrink:0;align-items:center;gap:10px;padding:12px 16px;display:flex}.card-title{color:var(--navy-800);flex:1;font-size:13px;font-weight:700}.stat-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.stat-card{border:1px solid var(--ink-200);border-radius:var(--radius);background:#fff;padding:14px 16px}.stat-label{color:var(--ink-500);margin-bottom:4px;font-size:11px;font-weight:500}.stat-val{color:var(--navy-800);font-size:22px;font-weight:700}.stat-sub{color:var(--ink-400);margin-top:2px;font-size:11px}.stat-up{color:var(--success)}.stat-dn{color:var(--error)}table{border-collapse:collapse;width:100%;font-size:12.5px}th{text-align:left;color:var(--ink-500);background:var(--ink-50);border-bottom:1px solid var(--ink-200);letter-spacing:.3px;text-transform:uppercase;padding:8px 14px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--ink-100);color:var(--ink-700);vertical-align:middle;padding:9px 14px}tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--navy-50)}.badge{white-space:nowrap;border-radius:20px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.b-green{color:#125228;background:#ecf7f1}.b-blue{color:#0c447c;background:#e6f1fb}.b-amber{color:#6b3d08;background:#faeeda}.b-red{color:#8a2530;background:#fdecee}.b-gray{background:var(--ink-100);color:var(--ink-500);border:1px solid var(--ink-200)}.b-purple{color:#3c3489;background:#eeedfe}.b-navy{background:var(--navy-100);color:var(--navy-700)}.form-grid{grid-template-columns:1fr 1fr;gap:10px;padding:14px 16px;display:grid}.form-grid.three{grid-template-columns:1fr 1fr 1fr}.fg-full{grid-column:1/-1}.form-group{flex-direction:column;gap:4px;display:flex}.form-label{color:var(--ink-500);font-size:11px;font-weight:600}.form-input{border:1px solid var(--ink-200);border-radius:var(--radius-sm);color:var(--ink-700);background:#fff;padding:7px 10px;font-size:12.5px}.form-input:focus{border-color:var(--navy-700);outline:none;box-shadow:0 0 0 3px #0a4d901a}.form-input[readonly]{background:var(--ink-50);color:var(--ink-500)}select.form-input{cursor:pointer}textarea.form-input{resize:vertical;min-height:60px;line-height:1.5}.form-help{color:var(--ink-400);margin-top:1px;font-size:11px}.form-foot{border-top:1px solid var(--ink-100);justify-content:flex-end;gap:8px;padding:10px 16px 14px;display:flex}.toggle{cursor:pointer;border:none;border-radius:9px;flex-shrink:0;width:32px;height:18px;transition:background .2s;position:relative}.toggle.on{background:var(--navy-800)}.toggle.off{background:var(--ink-300)}.toggle:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:left .2s;position:absolute;top:3px}.toggle.on:after{left:17px}.toggle.off:after{left:3px}.filter-bar{border-bottom:1px solid var(--ink-100);background:var(--ink-50);align-items:center;gap:8px;padding:10px 16px;display:flex}.prog-wrap{background:var(--ink-100);border-radius:4px;height:5px;overflow:hidden}.prog-fill{background:var(--navy-700);border-radius:4px;height:100%}.view{display:none}.view.active{display:block}.two-col{grid-template-columns:1fr 1fr;gap:14px;display:grid}.matrix th,.matrix td{text-align:center;font-size:11.5px}.matrix td:first-child{text-align:left}.ck{color:var(--success);font-size:15px}.cx{color:var(--ink-300);font-size:13px}.pkg-row{border-bottom:1px solid var(--ink-100);grid-template-columns:22px 1fr 80px 80px 90px 90px 80px 110px;align-items:center;gap:10px;padding:9px 16px;display:grid}.pkg-row:last-child{border-bottom:none}.pkg-row:hover{background:var(--navy-50)}.pkg-row.hdr{background:var(--ink-50);color:var(--ink-500);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.pkg-name{color:var(--navy-800);font-size:12.5px;font-weight:600}.pkg-desc{color:var(--ink-400);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:11px;overflow:hidden}.drag-h{cursor:grab;color:var(--ink-300);align-items:center;display:flex}.preview-strip{scrollbar-width:thin;gap:10px;padding:14px 16px;display:flex;overflow-x:auto}.pc{border:1.5px solid var(--ink-200);border-radius:var(--radius);background:#fff;flex-shrink:0;width:155px;padding:12px}.pc.inactive{opacity:.45}.pc-badge{border-radius:20px;margin-bottom:6px;padding:2px 7px;font-size:9.5px;font-weight:700;display:inline-block}.pc-name{color:var(--navy-800);margin-bottom:3px;font-size:12px;font-weight:700;line-height:1.3}.pc-desc{color:var(--ink-500);margin-bottom:8px;font-size:10.5px;line-height:1.4}.pc-price{color:var(--navy-800);font-size:17px;font-weight:700}.pc-per{color:var(--ink-400);font-size:10px}.info-bar{background:var(--navy-50);border-bottom:1px solid var(--navy-100);color:var(--navy-700);align-items:center;gap:8px;padding:9px 16px;font-size:12px;display:flex}.pub-bar{background:var(--ink-50);border-top:1px solid var(--ink-200);justify-content:space-between;align-items:center;padding:11px 16px;display:flex}.toggle-row{border-bottom:1px solid var(--ink-100);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.toggle-row:last-child{border-bottom:none}.tr-info{flex:1}.tr-name{color:var(--ink-700);font-size:12.5px;font-weight:600}.tr-desc{color:var(--ink-400);margin-top:1px;font-size:11px}.email-preview{background:var(--ink-50);border:1px solid var(--ink-200);border-radius:var(--radius);padding:12px 16px;font-size:12.5px}.ef{border-bottom:1px solid var(--ink-100);gap:10px;padding:4px 0;display:flex}.ef:last-of-type{border-bottom:none;margin-bottom:8px}.ek{color:var(--ink-400);flex-shrink:0;width:60px;font-weight:600}.wc-logo{border-radius:var(--radius-sm);color:#fff;background:#003087;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.bc-grid{grid-template-columns:repeat(5,1fr);gap:8px;padding:14px 16px;display:grid}.bc-item{background:var(--ink-50);border:1px solid var(--ink-200);border-radius:var(--radius-sm);text-align:center;cursor:pointer;padding:10px 8px}.bc-item:hover{border-color:var(--navy-700);background:#fff}.bc-lines{justify-content:center;align-items:flex-end;gap:1px;height:28px;margin-bottom:5px;display:flex}.bar{background:var(--ink-700);border-radius:1px}.bc-num{color:var(--ink-500);font-family:monospace;font-size:9px}.bc-status{margin-top:3px;font-size:10px;font-weight:600}.att-wrap{border:1px solid var(--ink-200);border-radius:var(--radius-sm);display:flex;overflow:hidden}.att{cursor:pointer;color:var(--ink-500);background:#fff;border:none;padding:5px 14px;font-family:inherit;font-size:11.5px;font-weight:600}.att.active{background:var(--navy-800);color:#fff}.pill-group{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.pill{cursor:pointer;border:1px solid var(--ink-200);background:var(--ink-50);color:var(--ink-500);border-radius:20px;padding:3px 10px;font-size:11.5px;font-weight:500}.pill.on{background:var(--navy-800);color:#fff;border-color:var(--navy-800)}.export-grid{grid-template-columns:1fr 1fr;gap:8px;padding:14px 16px;display:grid}.export-opt{background:var(--ink-50);border:1px solid var(--ink-200);border-radius:var(--radius-sm);text-align:center;cursor:pointer;padding:14px;transition:border-color .15s}.export-opt:hover{border-color:var(--navy-700);background:#fff}.export-icon{margin-bottom:6px;font-size:22px}.export-name{color:var(--navy-800);font-size:12.5px;font-weight:700}.export-desc{color:var(--ink-500);margin-top:2px;font-size:11px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--ink-200);border-radius:3px}.chart-range-btn.active{background:var(--navy-800);color:#fff;border-color:var(--navy-800)}.active-trigger{background:var(--navy-50);border-left:3px solid var(--navy-700)}.matrix td:not(:first-child){cursor:pointer;transition:background .12s}.matrix td:not(:first-child):hover{background:var(--navy-50)}.login-wrap{background:var(--navy-900);background-image:radial-gradient(circle at 50% 0%,var(--navy-700) 0%,var(--navy-900) 60%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;overflow-y:auto}.login-panel{width:100%;max-width:360px}.login-brand{text-align:center;margin-bottom:18px}.login-logo{width:auto;height:34px;margin-bottom:10px;display:inline-block}.login-name{color:#fff;letter-spacing:-.2px;font-size:19px;font-weight:700}.login-card{border:1px solid var(--ink-200);border-radius:var(--radius);background:#fff;padding:24px 22px;box-shadow:0 12px 32px #0e142847}.login-title{color:var(--navy-800);margin-bottom:16px;font-size:15px;font-weight:700}.login-help{color:var(--ink-500);margin:0 0 14px;font-size:12px;line-height:1.55}.login-error{color:#8a2530;border-radius:var(--radius-sm);background:#fdecee;border:1px solid #f3c4c8;margin-bottom:12px;padding:8px 11px;font-size:12px;line-height:1.45}.login-notice{background:var(--navy-50);color:var(--navy-700);border:1px solid var(--navy-100);border-radius:var(--radius-sm);margin-bottom:12px;padding:8px 11px;font-size:12px;line-height:1.45}.login-field{margin-bottom:12px}.login-field label{color:var(--ink-500);margin-bottom:4px;font-size:11px;font-weight:600;display:block}.login-field .form-input{width:100%}.login-code{letter-spacing:3px;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px}.login-qr{border:1px solid var(--ink-200);border-radius:var(--radius-sm);background:#fff;justify-content:center;margin-bottom:14px;padding:12px;display:flex}.login-qr img{width:190px;height:190px;image-rendering:pixelated;display:block}.login-submit{width:100%;margin-top:4px;padding:9px;font-size:13px}.login-submit:disabled{opacity:.55;cursor:not-allowed}.login-foot{justify-content:space-between;gap:12px;margin-top:14px;display:flex}.login-link{color:var(--navy-700);cursor:pointer;background:0 0;border:none;padding:0;font-size:11.5px;font-weight:600;text-decoration:none}.login-link:hover{text-decoration:underline}.login-legal{text-align:center;color:#ffffff59;margin-top:16px;font-size:10.5px;line-height:1.5}.app-loading{height:100vh;color:var(--ink-400);justify-content:center;align-items:center;font-size:13px;display:flex}.nav-item[disabled],.nav-item.disabled{opacity:.35;cursor:not-allowed;pointer-events:none}