:root{--bg:#f5f6f8;--panel:#fff;--panel-soft:#f8fafc;--line:#d9dee7;--line-strong:#b7c0cf;--text:#161a22;--muted:#667085;--blue:#2563eb;--green:#087443;--amber:#b45f06;--red:#c52828;--purple:#6d3ac4;--nav:#111827;--nav-soft:#1f2937;--shadow:0 10px 24px #10182814}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Arial,Apple SD Gothic Neo,Malgun Gothic,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--nav);color:#fff;grid-template-rows:auto 1fr auto;gap:16px;height:100vh;padding:18px 14px;display:grid;position:sticky;top:0;overflow:auto}.side-brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:12px;padding:4px 4px 14px;display:flex}.brand-mark{color:#111827;background:#fff;border-radius:8px;flex:none;place-items:center;width:40px;height:40px;display:grid}.brand-title{margin:0;font-size:17px;font-weight:850}.brand-subtitle{color:#b8c0cc;margin:2px 0 0;font-size:12px}.side-nav{align-content:start;gap:6px;display:grid}.nav-group{gap:4px;display:grid}.nav-item,.nav-subitem{color:#d6dbe4;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:9px;width:100%;min-height:40px;display:grid}.nav-item{grid-template-columns:18px 1fr auto;padding:8px 10px;font-weight:780}.nav-subitem{grid-template-columns:14px 16px 1fr auto;padding:7px 10px 7px 22px;font-size:13px}.nav-item:hover,.nav-subitem:hover,.nav-item.active,.nav-subitem.active{background:var(--nav-soft);color:#fff;border-color:#ffffff1f}.nav-count{color:#cbd5e1;background:#ffffff1a;border-radius:999px;justify-content:center;align-items:center;min-width:24px;min-height:22px;padding:3px 7px;font-size:11px;font-weight:800;display:inline-flex}.page{grid-template-rows:auto 1fr;min-width:0;display:grid}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#fffffff0;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:14px 24px;display:flex;position:sticky;top:0}.eyebrow{color:var(--muted);margin:0 0 3px;font-size:12px;font-weight:700}.page-title{margin:0;font-size:21px;font-weight:850}.top-actions{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.user-chip{border:1px solid var(--line);background:var(--panel-soft);min-width:0;max-width:360px;color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.button{border:1px solid var(--line-strong);min-height:38px;color:var(--text);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-weight:750;display:inline-flex}.button.primary{background:var(--blue);color:#fff;border-color:#153e9b}.button.danger{background:var(--red);color:#fff;border-color:#a91f1f}.button.success{background:var(--green);color:#fff;border-color:#076236}.button.icon{width:38px;padding:0}.main{width:100%;max-width:1640px;margin:0 auto;padding:20px 24px 32px}.status-strip{grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;margin-bottom:16px;display:grid}.metric{border:1px solid var(--line);background:var(--panel);min-height:92px;box-shadow:var(--shadow);border-radius:8px;justify-content:space-between;gap:12px;padding:14px;display:flex}.metric-label{color:var(--muted);margin:0;font-size:12px;font-weight:750}.metric-value{margin:8px 0 0;font-size:30px;font-weight:850}.metric-icon{color:#3347b8;background:#eef2ff;border-radius:8px;flex:none;place-items:center;width:38px;height:38px;display:grid}.metric-icon.green{color:var(--green);background:#e9f7ef}.metric-icon.amber{color:var(--amber);background:#fff6e5}.metric-icon.red{color:var(--red);background:#fff0f0}.metric-icon.purple{color:var(--purple);background:#f4edff}.content-grid{grid-template-columns:minmax(330px,.82fr) minmax(0,1.7fr);align-items:start;gap:16px;display:grid}.content-stack{gap:16px;min-width:0;display:grid}.store-panel{position:sticky;top:92px}.panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px;overflow:hidden}.panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:14px 16px;display:flex}.panel-title{align-items:center;gap:8px;margin:0;font-size:15px;font-weight:850;display:flex}.panel-body{padding:16px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.input,.textarea,.select{border:1px solid var(--line-strong);width:100%;min-height:38px;color:var(--text);background:#fff;border-radius:8px;outline:none;padding:8px 10px}.textarea{resize:vertical;min-height:86px}.input:focus,.textarea:focus,.select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb24}.branch-list{max-height:calc(100vh - 270px);display:grid;overflow:auto}.branch-row{border:0;border-bottom:1px solid var(--line);text-align:left;min-height:82px;color:inherit;background:#fff;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px 16px;display:grid}.branch-row:hover,.branch-row.active{background:#f3f7ff}.branch-row:last-child{border-bottom:0}.row-title{margin:0;font-size:14px;font-weight:820}.row-meta{color:var(--muted);margin:5px 0 0;font-size:12px}.pill-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.pill{border:1px solid var(--line);min-height:24px;color:var(--muted);background:#f8fafc;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:800;display:inline-flex}.pill.green{color:var(--green);background:#edf9f2;border-color:#a8dec1}.pill.red{color:var(--red);background:#fff3f3;border-color:#f0b3b3}.pill.amber{color:var(--amber);background:#fff8e8;border-color:#f1d39a}.pill.blue{color:var(--blue);background:#eff4ff;border-color:#b9ccff}.empty{min-height:160px;color:var(--muted);text-align:center;place-items:center;padding:24px;display:grid}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.field{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;min-height:62px;padding:10px}.field-label{color:var(--muted);margin:0;font-size:11px;font-weight:800}.field-value{word-break:break-word;margin:7px 0 0;font-size:14px;font-weight:780}.message-preview{text-align:center;min-height:166px;color:var(--red);background:#fff5f5;border:1px solid #f0b3b3;border-radius:8px;place-items:center;font-size:22px;font-weight:850;line-height:1.5;display:grid}.device-grid,.ad-grid,.audit-list,.db-grid{gap:10px;display:grid}.device-row,.ad-row,.audit-row,.db-item{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;padding:12px}.device-row,.ad-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid}.audit-row{gap:5px;display:grid}.two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.action-box{gap:10px;display:grid}.upload-box{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.disabled-like{pointer-events:none;opacity:.55}.progress-track{background:#e5e7eb;border-radius:999px;height:8px;margin-top:12px;overflow:hidden}.progress-bar{border-radius:inherit;background:var(--blue);height:100%;transition:width .16s}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.form-grid .wide{grid-column:1/-1}.form-grid label span{color:var(--muted);margin-bottom:6px;font-size:11px;font-weight:800;display:block}.check-row{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:10px;font-size:13px;font-weight:800;display:flex}.login-gate{place-items:center;min-height:calc(100vh - 170px);padding:36px 0;display:grid}.login-panel{border:1px solid var(--line);background:var(--panel);width:min(100%,520px);box-shadow:var(--shadow);text-align:center;border-radius:8px;padding:32px}.login-icon{width:58px;height:58px;color:var(--blue);background:#eef2ff;border-radius:8px;place-items:center;margin:0 auto 16px;display:grid}.login-panel h2{margin:0;font-size:24px;font-weight:850}.login-panel p{color:var(--muted);margin:12px 0 0;line-height:1.6}.login-actions{justify-content:center;margin-top:22px;display:flex}.login-button{min-width:190px}.login-help{color:#7a4300;background:#fff9eb;border:1px solid #f1d39a;border-radius:8px;margin-top:16px;padding:10px 12px;font-size:13px;line-height:1.45}.notice{color:#7a4300;background:#fff9eb;border:1px solid #f1d39a;border-radius:8px;margin-bottom:12px;padding:12px;font-size:13px;line-height:1.5}.error{color:var(--red);background:#fff4f4;border:1px solid #efb0b0;border-radius:8px;margin-bottom:12px;padding:12px;font-size:13px;line-height:1.5}.small{color:var(--muted);font-size:12px}.strong{font-weight:850}@media (max-width:1260px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.status-strip{grid-template-columns:repeat(2,minmax(150px,1fr))}.content-grid,.two-col{grid-template-columns:1fr}.store-panel{position:static}.branch-list{max-height:420px}}@media (max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{grid-template-rows:auto auto auto;height:auto;position:static}.side-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{flex-direction:column;align-items:flex-start}.top-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.main{padding:14px}.status-strip,.detail-grid,.branch-row,.device-row,.ad-row,.upload-box{grid-template-columns:1fr}.pill-row{justify-content:flex-start}}