:root{--app-bg: #edf1f7;--ink: #0f172a;--muted: rgba(15, 23, 42, .65);--surface: #ffffff;--surface2: #fbfcfe;--border: rgba(15, 23, 42, .1);--shadow: 0 14px 50px rgba(2, 6, 23, .1);--band1: #0b1020;--band2: #1f2a68;--primary: #4f46e5;--primary2: #2563eb;--success: #16a34a;--warn: #f59e0b;--r-xl: 18px;--r-lg: 14px;--r-md: 12px;--font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--app-bg)}.app{height:100vh;display:flex;flex-direction:column}.topbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#ffffffdb;border-bottom:1px solid rgba(15,23,42,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.body{flex:1;display:flex;min-height:0}.brand{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.brandMark{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:#4f46e51f;border:1px solid rgba(79,70,229,.18)}.brandTitle{font-weight:800;font-size:14px;line-height:1.05}.brandSub{font-size:11px;color:#0f172aa6;margin-top:2px}.pills{display:flex;gap:8px;align-items:center}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid rgba(15,23,42,.1);background:#ffffffe0;font-size:12px;font-weight:700}.pillStrong{background:#4f46e51a;border-color:#4f46e52e}.pillDot{width:8px;height:8px;border-radius:999px;background:var(--success);box-shadow:0 0 0 3px #16a34a1f}.btn{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(15,23,42,.14);background:#fffffff2;font-size:12px;font-weight:700;cursor:pointer;transition:background .12s ease,box-shadow .12s ease,transform .06s ease}.btn:hover{box-shadow:0 10px 28px #0206171a;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btnPrimary{border:0;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary2));box-shadow:0 12px 34px #4f46e538}.btnGhost{background:#ffffffb3}.input{height:30px;border:1px solid rgba(15,23,42,.14);background:#fffffff2;border-radius:999px;padding:0 12px;outline:none;font-size:12px}.input:focus{border-color:#4f46e54d;box-shadow:0 0 0 4px #4f46e51a}.sidebar{width:300px;padding:14px}.sidebarCard{background:#ffffffeb;border:1px solid rgba(15,23,42,.1);border-radius:var(--r-xl);box-shadow:0 12px 40px #02061714;padding:12px}.sectionLabel{font-size:11px;font-weight:800;color:#0f172a99;letter-spacing:.7px;margin:4px 6px 10px}.navItem{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;height:40px;padding:0 12px;border-radius:14px;border:1px solid rgba(15,23,42,.1);background:#fffffffa;cursor:pointer;font-size:13px;font-weight:700;margin-bottom:10px;transition:background .12s ease,box-shadow .12s ease,transform .06s ease}.navItem:hover{transform:translateY(-1px);box-shadow:0 12px 34px #0206171a}.navItemActive{background:#4f46e514;border-color:#4f46e533}.navItemDisabled{opacity:.55;cursor:not-allowed;box-shadow:none!important;transform:none!important}.navLeft{display:flex;align-items:center;gap:10px}.lockBadge{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;border:1px solid rgba(15,23,42,.1);background:#0f172a08}.contentWrap{flex:1;min-height:0;padding:14px 16px 16px;overflow:hidden}.contentHeader{height:42px;display:flex;align-items:center;padding:0 14px;margin-bottom:10px;border-radius:14px;color:#fff;background:linear-gradient(90deg,var(--band1),var(--band2));box-shadow:0 10px 28px #02061738}.hTitle{font-weight:800;font-size:14px}.surface{height:calc(100% - 52px);min-height:0;background:#ffffffeb;border:1px solid rgba(15,23,42,.1);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.panel{background:#fffffff5;border:1px solid rgba(15,23,42,.1);border-radius:16px;box-shadow:0 10px 32px #02061714}.panelPad{padding:14px}.panelTitle{font-weight:800;font-size:14px;margin-bottom:8px}.subtle{color:#0f172ab3;line-height:1.5;font-size:13px}.tintBlue{background:linear-gradient(180deg,#2563eb1a,#fffffff5);border-color:#2563eb2e}.tintGreen{background:linear-gradient(180deg,#16a34a1a,#fffffff5);border-color:#16a34a2e}.tintAmber{background:linear-gradient(180deg,#f59e0b1f,#fffffff5);border-color:#f59e0b33}.tableBox{border:1px solid rgba(15,23,42,.1);border-radius:14px;overflow:hidden;background:#fffffffa}.gridHead{display:flex;gap:10px;padding:8px 10px;border-bottom:1px solid rgba(15,23,42,.1);font-size:12px;font-weight:800;color:#0f172aa6}.gridRow{display:flex;gap:10px;padding:8px 10px;border-bottom:1px solid rgba(15,23,42,.08);align-items:center}.gridRow:last-child{border-bottom:0}.gridInput{height:30px;width:100%;padding:0 10px;border-radius:12px;border:1px solid rgba(15,23,42,.12);outline:none;background:#fffffffa;font-size:12px}.gridInput:focus{border-color:#4f46e547;box-shadow:0 0 0 4px #4f46e51a}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;border:1px solid rgba(15,23,42,.12);font-size:12px;font-weight:800}.badgeOk{background:#16a34a1a;border-color:#16a34a33}.badgeWarn{background:#f59e0b1f;border-color:#f59e0b38}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#02061766;display:grid;place-items:center;padding:16px}.modal{width:640px;max-width:95vw;background:#fffffffa;border:1px solid rgba(255,255,255,.5);border-radius:16px;box-shadow:0 30px 90px #0206174d;padding:14px}