:root{--navy:#102a52;--ink:#172b4d;--muted:#6b7b93;--line:#e6ebf2;--page:#f5f7fb;--purple:#625bf6;--purple-dark:#4e46e5;--lavender:#f0efff;--red:#b42318;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--page)}*{box-sizing:border-box}body{margin:0;min-height:100vh}.hidden{display:none!important}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 20%,#e6e5ff 0,transparent 28%),radial-gradient(circle at 85% 75%,#dceeff 0,transparent 30%),var(--page)}.login-card{width:min(470px,100%);padding:44px;border:1px solid #e0e6ef;border-radius:20px;background:#fff;box-shadow:0 22px 55px #1a376014;text-align:center}.brand-mark{width:46px;height:46px;display:grid;place-items:center;margin:0 auto 18px;border-radius:14px;background:linear-gradient(135deg,#7a70ff,#5047e7);color:#fff;font-size:22px;font-weight:800}.login h1{margin:0 0 10px;font-size:31px;letter-spacing:-.8px}.login p{color:var(--muted);line-height:1.5;margin:0 auto 23px;max-width:330px}.notice{min-height:18px;margin:14px 0 0;color:var(--red);font-size:13px}.app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{padding:22px 14px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:28px}.brand{display:flex;align-items:center;gap:10px;padding:4px 10px;font-weight:800;color:var(--navy);font-size:17px}.brand .brand-mark{margin:0;width:32px;height:32px;border-radius:9px;font-size:15px}.nav-label{color:#92a0b6;font-size:10px;letter-spacing:1.1px;font-weight:800;margin:0 10px 8px}.nav{display:grid;gap:4px}.nav button{border:0;background:transparent;color:#52637b;border-radius:9px;padding:10px 11px;text-align:left;font:inherit;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:10px}.nav button:hover{background:#f5f6fc}.nav button.active{background:var(--lavender);color:var(--purple-dark);font-weight:700}.icon{display:inline-grid;place-items:center;width:19px;color:inherit;font-size:16px}.sidebar-foot{margin-top:auto;padding:13px 10px;border-radius:10px;background:#f7f8fc;color:var(--muted);font-size:12px;line-height:1.5}.main{min-width:0}.topbar{height:76px;padding:0 10px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}.crumb{font-size:13px;color:var(--muted)}.crumb strong{color:var(--ink);font-weight:700}.profile{display:flex;align-items:center;gap:10px;font-size:13px}.avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#dbe2ef}.avatar-fallback{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e9e7ff;color:#574ee8;font-weight:800}.button{border:1px solid #dce3ee;border-radius:8px;padding:9px 12px;background:#fff;color:#44546b;font:inherit;font-size:13px;cursor:pointer}.button:hover{background:#f7f8fc}.button.primary{border-color:var(--purple);background:var(--purple);color:#fff;box-shadow:0 4px 10px #625bf633}.button.primary:hover{background:var(--purple-dark)}.button.danger{color:var(--red);border-color:#f3d3d0}.content{max-width:1450px;padding:32px 34px;margin:auto}.page-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{margin:0 0 5px;color:var(--purple);font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.page-header h1{font-size:27px;letter-spacing:-.6px;margin:0}.page-header p{margin:7px 0 0;color:var(--muted);font-size:14px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.metric{padding:17px;background:#fff;border:1px solid var(--line);border-radius:12px}.metric span{display:block;color:var(--muted);font-size:12px}.metric b{display:block;margin-top:7px;font-size:25px;letter-spacing:-.5px}.metric small{color:#4c8d5b;font-size:11px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px}.panel-head{padding:17px 19px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-head h2{margin:0;font-size:15px}.panel-head p{margin:3px 0 0;color:var(--muted);font-size:12px}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.content{overflow:hidden}.content-image{display:block;width:100%;aspect-ratio:9/12;object-fit:cover;background:#f1f3f8}.content-body{padding:14px}.chip{display:inline-block;border-radius:999px;background:#eef1ff;color:#574ee8;font-size:10px;font-weight:800;padding:4px 7px;text-transform:uppercase;letter-spacing:.45px}.content h3{margin:9px 0 7px;font-size:15px}.content p{margin:0;color:#60718a;font-size:13px;line-height:1.45}.content-meta{margin-top:11px;padding-top:10px;border-top:1px solid var(--line);color:#8390a4;font-size:11px}.manage{display:grid;grid-template-columns:minmax(300px,390px) 1fr;gap:18px}.form-panel{height:max-content}.form{padding:18px;display:grid;gap:12px}.field{display:grid;gap:6px}.field label{color:#4d5d73;font-weight:700;font-size:11px}.field input,.field select,.field textarea{width:100%;border:1px solid #d9e0eb;border-radius:8px;background:#fff;color:var(--ink);font:inherit;font-size:13px;padding:9px 10px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#7c75ff;box-shadow:0 0 0 3px #625bf61a}.field textarea{resize:vertical;min-height:78px}.form-actions{display:flex;gap:8px;padding:0 18px 18px}.records{padding:10px}.record{border:1px solid var(--line);border-radius:10px;padding:14px;margin-bottom:9px}.record:last-child{margin-bottom:0}.record-top{display:flex;justify-content:space-between;gap:12px;align-items:start}.record h3{font-size:14px;margin:0}.record-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#8592a6;font-size:11px;margin-top:4px}.record-detail{margin:9px 0 0;color:#617188;font-size:12px;line-height:1.5;white-space:pre-wrap}.record-actions{display:flex;gap:7px;margin-top:12px}.status{border-radius:99px;padding:3px 7px;background:#ecf8f0;color:#24743b;font-size:10px;font-weight:800}.status.off{background:#f5f1f1;color:#8b5a5a}.empty{padding:35px;text-align:center;color:#8190a4;font-size:13px}.muted{color:var(--muted)}@media(max-width:980px){.app{grid-template-columns:1fr}.sidebar{display:none}.content{padding:25px 20px}.topbar{padding:0 20px}.metric-grid{grid-template-columns:repeat(2,1fr)}.manage{grid-template-columns:1fr}}@media(max-width:560px){.topbar{height:auto;padding:14px 16px}.profile-name{display:none}.content{padding:20px 14px}.page-header{align-items:start;flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr}.content-grid{grid-template-columns:1fr}}
    :root{--navy:#eaf4fa;--ink:#e6edf4;--muted:#8997a7;--line:#2a3540;--page:#0c1117;--purple:#8b78ff;--purple-dark:#725df4;--lavender:#20203d;--red:#ff8580}body{background:#0c1117;color:var(--ink)}.login{background:linear-gradient(90deg,#09211c30 0,transparent 40%),repeating-linear-gradient(0deg,transparent 0,transparent 59px,#ffffff08 60px),repeating-linear-gradient(90deg,transparent 0,transparent 59px,#ffffff08 60px),#0c1117}.login-card{width:min(500px,100%);padding:50px 45px;background:#141b22;border:1px solid #32404a;border-radius:25px;box-shadow:0 30px 80px #00000070}.login-card .brand-mark{width:70px;height:70px;border-radius:20px;background:linear-gradient(145deg,#fc3868,#833ab4 52%,#405de6);box-shadow:0 12px 28px #833ab455;font-size:31px}.instagram-icon{width:36px;height:36px;display:block}.login h1{font-size:29px;color:#f3f7fb;text-transform:uppercase;letter-spacing:-.7px}.login h1:after{content:'';display:block;width:124px;height:1px;background:#34414b;margin:24px auto 0}.login p{color:#8492a2;max-width:365px}.auth-separator{display:flex;align-items:center;gap:15px;color:#667483;font-size:11px;letter-spacing:.8px;margin:28px 0 0}.auth-separator:before,.auth-separator:after{content:'';height:1px;flex:1;background:#34414b}.account-login{width:min(330px,100%);min-height:52px;border:0;border-radius:999px;background:#2878e6;color:#fff;display:flex;align-items:center;gap:10px;padding:5px 6px 5px 8px;margin:26px auto 0;text-align:left;cursor:pointer;font:inherit;box-shadow:0 8px 20px #1765c544}.account-login:hover{background:#1e6ed9}.account-login .provider-avatar{width:38px;height:38px;display:grid;place-items:center;flex:none;border-radius:50%;background:linear-gradient(145deg,#fc3868,#833ab4 52%,#405de6)}.account-login .provider-avatar .instagram-icon{width:23px;height:23px}.account-login .provider-copy{flex:1;min-width:0}.account-login b{display:block;font-size:13px;line-height:16px}.account-login small{display:block;opacity:.86;font-size:11px;line-height:14px}.account-login .google-logo{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;padding:10px}.account-login .google-logo img{width:20px;height:20px}.app,.sidebar,.topbar{background:#10161d}.sidebar{border-color:#26313b}.brand{color:#f0f6fb}.brand .brand-mark{background:linear-gradient(145deg,#fc3868,#833ab4 52%,#405de6)}.nav button{color:#91a0af}.nav button:hover{background:#18212a}.nav button.active{background:#20263b;color:#b5aaff}.sidebar-foot{background:#151e26;color:#8392a1}.topbar{border-color:#26313b}.crumb strong{color:#e6edf4}.button{background:#172029;border-color:#34414c;color:#c9d4df}.button:hover{background:#202b35}.button.primary{background:#765cff;border-color:#765cff}.content{background:#0c1117}.metric,.panel{background:#141b22;border-color:#293641}.metric small{color:#67bf90}.panel-head,.content-meta{border-color:#293641}.field label{color:#a8b4c1}.field input,.field select,.field textarea{background:#10161d;border-color:#34414c;color:#e6edf4}.record{background:#111820;border-color:#2b3741}.record-detail,.content p{color:#94a2b2}.record-code{color:#6f8090}.chip{background:#24233d;color:#b2aaff}.status{background:#123122;color:#8cddb0}.status.off{background:#352022;color:#ffaaa5}.avatar-fallback{background:#252445;color:#bdb3ff}.content-image{background:#19212a}
.toast-stack{position:fixed;z-index:50;right:24px;bottom:24px;width:min(390px,calc(100vw - 32px));display:grid;gap:10px}.toast{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border:1px solid #365060;border-radius:10px;background:#17212a;color:#e7f0f7;box-shadow:0 14px 35px #0008;animation:toast-in .2s ease-out}.toast.success{border-color:#2e7652}.toast.error{border-color:#914a4a}.toast-icon{width:20px;height:20px;display:grid;place-items:center;flex:none;border-radius:50%;background:#29405a;color:#bad5ee;font-size:12px;font-weight:800}.toast.success .toast-icon{background:#1f603d;color:#b8f4ce}.toast.error .toast-icon{background:#733333;color:#ffd0cd}.toast p{margin:1px 0 0;font-size:13px;line-height:1.4}.toast button{margin-left:auto;border:0;background:transparent;color:#aab8c6;font-size:18px;line-height:18px;cursor:pointer}@keyframes toast-in{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}
.brand-instagram-icon{width:21px;height:21px;display:block}.topbar-left{display:flex;align-items:center;gap:12px}.profile-menu{position:relative}.profile-trigger{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#aebed0;font:inherit;cursor:pointer;padding:5px;border-radius:8px}.profile-trigger:hover{background:#17212a}.profile-caret{display:none}.profile-dropdown{position:absolute;right:0;top:calc(100% + 8px);z-index:20;width:180px;padding:5px;border:1px solid #34414c;border-radius:9px;background:#172029;box-shadow:0 16px 36px #0008}.profile-dropdown button{display:block;width:100%;border:0;border-radius:6px;padding:9px 10px;background:transparent;color:#c5d1de;text-align:left;font:inherit;font-size:13px;cursor:pointer}.profile-dropdown button:hover{background:#25313d}.profile-dropdown .profile-logout{color:#ffaaa5;border-top:1px solid #34414c;margin-top:4px;padding-top:10px}.app{transition:grid-template-columns .18s ease}.app.sidebar-collapsed{grid-template-columns:0 1fr}.app.sidebar-collapsed .sidebar{overflow:hidden;padding-left:0;padding-right:0;border-right:0}.app.sidebar-collapsed .sidebar>*{opacity:0;pointer-events:none}.content{max-width:none;padding:0}.tree{padding:4px;gap:5px}.tree-category{border-radius:8px}.tree-node{padding:6px 8px}.tree-indent{border-left:0;padding-bottom:8px}.tree-subcategory,.tree-topic,.tree-subcategory:last-child{border-top:0;border-bottom:0;margin-bottom:0;padding-bottom:0}

.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:24px 0 18px;padding:4px;border-radius:10px;background:#0f151b}.auth-tabs button{border:0;border-radius:7px;padding:9px;background:transparent;color:#7f8d9b;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.auth-tabs button.active{background:#292544;color:#c1b9ff}.email-auth-form{display:grid;gap:13px;text-align:left}.email-auth-form label{display:grid;gap:6px;color:#aab7c3;font-size:11px;font-weight:700}.email-auth-form input{width:100%;border:1px solid #34414c;border-radius:8px;padding:10px;background:#10161d;color:#e6edf4;font:inherit;font-size:13px;outline:none}.email-auth-form input:focus{border-color:#7c75ff;box-shadow:0 0 0 3px #625bf61a}.email-auth-form .button{margin-top:3px}.email-auth-form small{color:#738290;font-size:10px;line-height:1.5;text-align:center}.profile-dialog{width:min(650px,calc(100vw - 28px));overflow:hidden}.profile-dialog-header{padding:20px 22px!important}.profile-account{display:flex;align-items:center;gap:13px}.profile-account-avatar{width:46px;height:46px;display:grid;place-items:center;flex:none;border:1px solid #50468a;border-radius:13px;background:linear-gradient(145deg,#322b60,#211e3d);color:#c8c0ff;font-size:17px;font-weight:800;box-shadow:0 7px 20px #0005}.profile-account h2{margin:0 0 4px!important;font-size:17px!important}.profile-account p{margin:0!important;color:#8291a0!important;font-size:11px!important}.profile-tabs{display:flex;gap:4px;padding:0 22px;border-bottom:1px solid #2b3741;background:#111820}.profile-tabs button{position:relative;border:0;padding:13px 15px;background:transparent;color:#7e8d9c;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.profile-tabs button:after{content:"";position:absolute;right:10px;bottom:-1px;left:10px;height:2px;border-radius:2px;background:transparent}.profile-tabs button:hover{color:#c7d1db}.profile-tabs button.active{color:#b8aeff}.profile-tabs button.active:after{background:#806aff}.profile-dialog-body{padding:22px}.profile-dialog-body form{display:grid;gap:20px}.profile-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.profile-dialog-body h3{margin:0 0 5px;color:#edf2f6;font-size:15px}.profile-section-heading p{margin:0;color:#7f8e9d;font-size:11px;line-height:1.5}.profile-security-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#24213f;color:#9e90ff;font-size:12px}.profile-fields{display:grid;gap:15px;padding:18px;border:1px solid #2d3944;border-radius:11px;background:#10171e}.profile-dialog .field{gap:7px}.profile-dialog .field label{display:flex;align-items:center;justify-content:space-between;color:#aeb9c4;font-size:11px}.profile-dialog .field label span{color:#677786;font-size:9px;font-weight:500}.profile-dialog .field input{min-height:43px;padding:10px 12px}.profile-dialog .field input::placeholder{color:#596775}.profile-password-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-readonly-value{min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px dashed #35424e;border-radius:8px;background:#0d141a;color:#aebac5;font-size:12px}.profile-readonly-value small{flex:none;color:#68c58f;font-size:9px}.profile-password-hint{margin:-3px 0 0;color:#697987;font-size:9px}.profile-form-error{min-height:15px;margin:-7px 0;color:#ffaaa5;font-size:10px}.profile-form-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:2px}.profile-form-actions .button{min-width:112px}.user-status-2{background:#4b3b19!important;color:#f0c66d!important}.user-status-3{background:#4c282b!important;color:#ffaaa5!important}@media(max-width:600px){.profile-dialog-header{padding:17px!important}.profile-tabs{padding:0 12px}.profile-dialog-body{padding:16px}.profile-password-grid{grid-template-columns:1fr}.profile-readonly-value{align-items:flex-start;flex-direction:column;gap:4px}.profile-form-actions .button{min-width:0;flex:1}}

html,body{height:100%;overflow:hidden}.app{height:100vh;height:100dvh;min-height:0;overflow:hidden}.sidebar{height:100%;min-height:0;overflow-y:auto}.main{height:100%;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.topbar{flex:none}.content{width:100%;margin:0;flex:1 1 0;min-width:0;min-height:0;overflow:auto}#page-root{width:100%;height:100%;min-width:0;min-height:0}
.sidebar-backdrop{display:none}@media(max-width:980px){.app,.app.sidebar-collapsed{grid-template-columns:1fr}.sidebar{position:fixed;z-index:200;top:0;bottom:0;left:0;display:flex;width:min(300px,88vw);padding:22px 14px!important;overflow-y:auto!important;border-right:1px solid #26313b!important;box-shadow:16px 0 38px #0008;transform:translateX(0);transition:transform .18s ease}.app.sidebar-collapsed .sidebar{width:min(300px,88vw);padding:22px 14px!important;transform:translateX(-100%)}.app.sidebar-collapsed .sidebar>*{opacity:1;pointer-events:auto}.sidebar-backdrop{position:fixed;z-index:190;inset:0;display:block;border:0;background:rgba(0,0,0,.48);opacity:1;transition:opacity .18s ease;cursor:default}.app.sidebar-collapsed .sidebar-backdrop{opacity:0;pointer-events:none}.main{grid-column:1}.topbar{padding:0 16px}.content{padding:0}}
.app-loading-screen{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:rgba(7,12,18,.82);backdrop-filter:blur(4px) brightness(.68);transition:opacity .16s ease,visibility .16s ease}.app-loading-screen.hidden{display:grid!important;opacity:0;visibility:hidden;pointer-events:none}.app-loading-card{display:grid;justify-items:center;gap:9px;min-width:210px;padding:26px 32px;border:1px solid #334252;border-radius:14px;background:#111922;box-shadow:0 24px 70px rgba(0,0,0,.45);color:#eef3f8}.app-loading-card strong{font-size:15px}.app-loading-card small{color:#91a1b2;font-size:11px}.app-loading-spinner{width:42px;height:42px;margin-bottom:3px;border:4px solid rgba(126,143,161,.28);border-top-color:#8f78ff;border-right-color:#c76ee7;border-radius:50%;animation:app-loading-spin .72s linear infinite}@keyframes app-loading-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.app-loading-screen{transition:none}.app-loading-spinner{animation-duration:1.5s}}