@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#07111f;--sidebar:#091827;--surface:#0d1c2d;--surface-2:#11263a;--line:#1d344b;--text:#f1f6fb;--muted:#8fa1b7;--cyan:#69e5e3;--cyan-deep:#2e9ea5;--gold:#f6c95f;--green:#78e4a8;--red:#ff7c86;--radius:16px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% 0,#173b4c22,transparent 32%),var(--bg);color:var(--text);font:13px Manrope,system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}.app-shell{min-height:100vh;display:flex}.sidebar{width:256px;flex:none;background:var(--sidebar);border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;transition:width .25s ease;position:relative;z-index:5}.side-brand{height:48px;padding:0 10px;display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;letter-spacing:-.05em}.side-brand img{width:34px;height:34px;border-radius:10px}.side-brand b,.eyebrow,em{color:var(--cyan)}.side-brand button{margin-left:auto;border:0;background:none;color:var(--muted);font-size:28px;line-height:1}.sidebar nav{display:grid;gap:4px;margin-top:42px}.sidebar nav button,.side-bottom button{display:flex;align-items:center;gap:13px;width:100%;border:0;background:transparent;color:var(--muted);border-radius:10px;padding:13px 14px;text-align:left}.sidebar nav button{font-size:13px}.sidebar nav button:first-letter{font-size:17px}.sidebar nav button:hover{background:#12283d;color:var(--text)}.sidebar nav button.active{background:linear-gradient(90deg,#123a49,#10253a);color:var(--cyan);box-shadow:inset 2px 0 var(--cyan)}.sidebar.collapsed{width:82px}.sidebar.collapsed .side-brand span,.sidebar.collapsed nav span,.sidebar.collapsed .side-bottom{display:none}.sidebar.collapsed .side-brand{padding:0 9px}.sidebar.collapsed nav button{justify-content:center}.sidebar.collapsed .side-brand button{margin:0}.side-bottom{margin-top:auto;display:grid;gap:12px}.status{color:var(--muted);font:9px 'DM Mono',monospace;white-space:nowrap}.status i,.health-chip i,.online i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);margin-right:7px}.main{min-width:0;flex:1}.topbar{height:104px;border-bottom:1px solid var(--line);padding:22px 44px;display:flex;align-items:center;justify-content:space-between}.topbar h2{font-size:22px;letter-spacing:-.06em;margin:9px 0 0}.topbar>div:first-of-type{min-width:0}.top-actions{display:flex;align-items:center;gap:20px}.online{color:var(--green);font-size:11px}.admin-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#1b4758;color:var(--cyan);font-weight:800}.icon-button{display:none;border:0;background:none;color:var(--text);font-size:20px}.eyebrow{font:10px 'DM Mono',monospace;letter-spacing:.14em;text-transform:uppercase}.content{padding:42px 44px 70px;max-width:1450px}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:32px}.welcome-row h1{font-size:42px;line-height:1.05;letter-spacing:-.075em;margin:15px 0 13px}.welcome-row p{color:var(--muted);line-height:1.7;margin:0;max-width:510px}.health-chip{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#0d251f;border:1px solid #23523f;border-radius:12px;white-space:nowrap}.health-chip strong,.health-chip span{display:block}.health-chip strong{font-size:12px}.health-chip span{color:var(--muted);font-size:10px;margin-top:3px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metric-card{text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#10253a,#0b192a);padding:21px;color:var(--text);transition:transform .2s,border-color .2s}.metric-card:hover{transform:translateY(-3px);border-color:#3a7080}.metric-label{display:block;color:var(--muted);font:10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.metric-card strong{display:block;font-size:34px;letter-spacing:-.08em;margin:16px 0 11px}.metric-card>span:last-child{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.metric-card b{color:var(--cyan);font-size:15px}.overview-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:14px}.panel{background:rgba(13,28,45,.88);border:1px solid var(--line);border-radius:var(--radius);padding:25px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.panel-heading h2{font-size:18px;letter-spacing:-.05em;margin:8px 0 0}.panel-heading p{color:var(--muted);max-width:650px;line-height:1.7;margin:12px 0 0}.panel-count{color:var(--muted);font:10px 'DM Mono',monospace;padding:7px 9px;border:1px solid var(--line);border-radius:20px;white-space:nowrap}.setup-list{display:grid;gap:4px}.setup-list button{display:grid;grid-template-columns:38px 1fr 22px;gap:12px;align-items:center;text-align:left;border:0;background:transparent;color:var(--text);padding:15px 10px;border-radius:10px}.setup-list button:hover{background:#122a40}.setup-number{font:10px 'DM Mono',monospace;color:var(--cyan)}.setup-list strong,.setup-list small,.check-list strong,.check-list small{display:block}.setup-list small,.check-list small{color:var(--muted);font-size:11px;line-height:1.5;margin-top:4px}.setup-list b{color:var(--cyan);font-size:18px}.check-list{display:grid;gap:22px}.check-list>div{display:flex;gap:12px;align-items:flex-start}.check{width:27px;height:27px;flex:none;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;color:var(--muted);font-style:normal}.check.done{background:#12372b;border-color:#275b45;color:var(--green)}.section-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px}.section-toolbar h1{font-size:33px;letter-spacing:-.07em;margin:10px 0 0}.toolbar-actions{display:flex;gap:9px}.primary,.secondary{border-radius:9px;padding:11px 15px;border:1px solid transparent;font-weight:700}.primary{background:var(--cyan);color:#07111f}.primary:hover{background:#91f5ed}.secondary{background:var(--surface-2);border-color:var(--line);color:var(--text)}.secondary:hover{border-color:#3a7080}.link-button{border:0;background:none;color:var(--cyan);font-size:11px}.table-panel{padding:0;overflow:hidden}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:750px}th,td{padding:16px 22px;border-bottom:1px solid #182c41;text-align:left}th{color:var(--muted);font:9px 'DM Mono',monospace;letter-spacing:.1em}td{color:#d7e2ed;font-size:11px}tr:last-child td{border-bottom:0}.badge{display:inline-flex;padding:5px 9px;border-radius:20px;background:#19354b;color:var(--cyan);font:9px 'DM Mono',monospace}.badge.green{background:#15382a;color:var(--green)}.badge.muted{background:#26313e;color:var(--muted)}.empty-state,.state-card{min-height:315px;display:grid;place-items:center;text-align:center;align-content:center;border:1px dashed #2a4961;border-radius:var(--radius);padding:35px}.empty-icon,.state-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#14374a;color:var(--cyan);font-size:25px;margin-bottom:16px}.empty-state h3,.state-card h3{font-size:20px;letter-spacing:-.05em;margin:0 0 8px}.empty-state p,.state-card p{max-width:430px;color:var(--muted);line-height:1.7;margin:0 0 20px}.empty-hint{color:var(--muted);font:10px 'DM Mono',monospace}.error-state .state-icon{background:#41252c;color:var(--red)}.loading-state{min-height:320px;display:grid;place-items:center;align-content:center;color:var(--muted);gap:13px}.spinner{width:24px;height:24px;border:2px solid #23465a;border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid label{display:grid;gap:8px;color:var(--muted);font-size:11px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:#081522;color:var(--text);padding:12px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:2px solid #69e5e355;border-color:var(--cyan)}.form-grid textarea{min-height:130px;resize:vertical}.full{grid-column:1/-1}.inline-form{margin-bottom:15px}.settings-panel{max-width:850px}.settings-form{display:grid;gap:0}.form-section{padding:22px 0;border-top:1px solid var(--line)}.form-section:first-child{border-top:0;padding-top:0}.form-section h3{font-size:13px;margin:0 0 16px}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer}.toggle-row strong,.toggle-row small{display:block}.toggle-row small{color:var(--muted);margin-top:4px}.toggle-row input{display:none}.toggle-row i{width:44px;height:25px;border-radius:25px;background:#253548;border:1px solid var(--line);position:relative;transition:.2s;flex:none}.toggle-row i:after{content:'';position:absolute;width:17px;height:17px;border-radius:50%;background:#90a0af;top:3px;left:3px;transition:.2s}.toggle-row input:checked+i{background:#166a70;border-color:var(--cyan)}.toggle-row input:checked+i:after{background:var(--cyan);transform:translateX(18px)}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:24px}.save-note{color:var(--muted);font-size:10px}.toast{position:fixed;right:25px;bottom:25px;z-index:20;padding:13px 17px;border:1px solid var(--line);border-radius:10px;background:#122b40;color:var(--text);box-shadow:0 14px 38px #0006;transform:translateY(15px);opacity:0;transition:.25s}.toast.visible{transform:none;opacity:1}.toast.success{border-color:#2e7655}.toast.error{border-color:#8b424d;color:#ffc2c7}.login-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,#164a55 0,#07111f 46%)}.login-card{width:min(420px,calc(100% - 38px));padding:40px;background:rgba(13,28,45,.95);border:1px solid #2b5066;border-radius:20px;box-shadow:0 30px 100px #0008}.login-card img{width:52px;height:52px;border-radius:15px;margin-bottom:34px}.login-card h1{font-size:35px;letter-spacing:-.08em;margin:17px 0 8px}.login-card p,.login-card>a{color:var(--muted);font-size:12px}.login-card form{display:grid;gap:15px;margin:29px 0 23px}.login-card label{display:grid;gap:8px;color:var(--muted);font-size:11px}.login-card input{background:#081522;border:1px solid var(--line);color:var(--text);border-radius:9px;padding:13px}.login-card input:focus{outline:2px solid #69e5e355;border-color:var(--cyan)}.login-card .primary{padding:13px}.login-card .primary span{float:right}.error{color:var(--red);font-size:11px;min-height:15px}
@keyframes spin{to{transform:rotate(360deg)}}
.sidebar nav button{position:relative;min-height:44px}.sidebar nav button .nav-icon,.collapse-icon{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sidebar nav button .nav-icon{color:#8fa1b7;transition:color .18s ease,transform .18s ease}.sidebar nav button:hover .nav-icon{color:var(--text);transform:scale(1.06)}.sidebar nav button.active .nav-icon{color:var(--cyan)}.side-brand button{width:30px;height:34px;padding:0;display:grid;place-items:center;border:1px solid transparent;border-radius:8px;color:#9bb2c7;transition:background .18s ease,color .18s ease,border-color .18s ease}.side-brand button:hover{background:#12283d;border-color:var(--line);color:var(--cyan)}.side-brand button:focus-visible,.sidebar nav button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.sidebar.collapsed .side-brand button{margin-left:auto;margin-right:-5px}.sidebar.collapsed nav button{padding-left:0;padding-right:0}.sidebar.collapsed nav button .nav-icon{width:19px;height:19px;flex-basis:19px}
.resource-tools{display:flex;gap:10px;margin:-8px 0 16px}.resource-tools input,.resource-tools select{min-width:210px;border:1px solid var(--line);border-radius:9px;background:#081522;color:var(--text);padding:11px 13px}.resource-tools input{flex:1;max-width:460px}.resource-tools input:focus,.resource-tools select:focus{outline:2px solid #69e5e355;border-color:var(--cyan)}.row-actions{display:flex;gap:6px;align-items:center}.action-button{border:1px solid var(--line);border-radius:7px;background:#102237;color:var(--cyan);padding:7px 9px;font-size:10px;white-space:nowrap}.action-button:hover{border-color:#3a7080;background:#173247}.action-button.danger{color:#ff9ca5}.notice-line{padding:12px 15px;margin:-5px 0 16px;border:1px solid #614e24;border-radius:10px;background:#2a2416;color:#e9cf8b;font-size:11px}.muted-cell{color:#60748a}.modal-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:#020810c9;backdrop-filter:blur(8px);animation:fade-in .16s ease}.editor-modal{width:min(780px,100%);max-height:min(90vh,900px);overflow:auto;padding:26px;border:1px solid #2e5369;border-radius:18px;background:#0b1a2a;box-shadow:0 28px 90px #000b;animation:rise-in .2s ease}.editor-modal .panel-heading{align-items:center}.editor-modal .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-modal label{min-width:0}.editor-modal textarea{min-height:110px}.editor-modal .form-toggle{grid-column:span 1;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#081522}.editor-modal .form-actions{align-items:center}.editor-modal .form-actions .save-note{max-width:450px;line-height:1.6}.editor-modal .form-actions button{flex:none}.empty-state .primary{margin-top:4px}.table-panel td{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-panel td:last-child{overflow:visible}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes rise-in{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}
.settings-panel>.panel-heading h2{display:none}.settings-panel>.panel-heading{margin-bottom:8px}
.page-tabs{display:flex;gap:7px;width:max-content;max-width:100%;margin:0 0 26px;padding:5px;border:1px solid var(--line);border-radius:12px;background:#091827;overflow-x:auto}.page-tab{padding:10px 15px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:11px;font-weight:700;white-space:nowrap;transition:background .18s ease,color .18s ease}.page-tab:hover{color:var(--text)}.page-tab.active{background:linear-gradient(135deg,#16394a,#10283d);color:var(--cyan);box-shadow:inset 0 0 0 1px #285166}.page-tab:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.push-settings-panel>.panel-heading h2{display:block}.credential-status{display:flex;align-items:center;gap:14px;padding:15px;margin:3px 0 22px;border:1px solid var(--line);border-radius:11px;background:#091827}.credential-status>div{display:grid;gap:4px;min-width:0}.credential-status strong{font-size:12px;overflow-wrap:anywhere}.credential-status small,.credential-status p{margin:0;color:var(--muted);font-size:10px;overflow-wrap:anywhere}.push-service-form{display:grid;gap:10px}.push-service-form>label{font-size:11px;font-weight:700}.push-service-form textarea{width:100%;resize:vertical;padding:13px;border:1px solid var(--line);border-radius:9px;background:#081522;color:var(--text);font:11px/1.6 'DM Mono',monospace}.push-service-form textarea:focus{outline:2px solid #69e5e355;border-color:var(--cyan)}.push-service-form .save-note{line-height:1.6}.push-form-actions{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 14px}.danger-button{color:#ff9ca5}.push-settings-panel>.notice-line{margin:0;line-height:1.6}
.nav-group{min-width:0}.nav-parent{display:flex;align-items:center;gap:2px}.sidebar nav .nav-parent>[data-view]{flex:1;min-width:0}.sidebar nav .nav-disclosure{width:30px;min-width:30px;justify-content:center;padding:0;color:var(--muted);font-size:15px;transition:transform .18s ease,color .18s ease}.sidebar nav .nav-disclosure:hover{color:var(--cyan)}.sidebar nav .nav-disclosure[aria-expanded="true"]{transform:rotate(180deg);color:var(--cyan)}.nav-children{display:grid;gap:3px;margin:3px 0 6px 19px;padding-left:9px;border-left:1px solid var(--line)}.sidebar nav .nav-children[hidden]{display:none}.sidebar nav .nav-children button{min-height:38px;padding:9px 11px;font-size:11px}.sidebar nav .nav-children button .nav-icon{width:15px;height:15px;flex-basis:15px}.sidebar.collapsed .nav-parent{justify-content:center}.sidebar.collapsed .nav-parent>[data-view]{justify-content:center}.sidebar.collapsed .nav-disclosure{display:none}.sidebar.collapsed .nav-children{margin-left:0;padding-left:0;border-left:0}.sidebar.collapsed .nav-children button{justify-content:center}.admin-menu-wrap{position:relative}.admin-avatar{border:1px solid #2b596a;cursor:pointer;transition:background .18s ease,border-color .18s ease}.admin-avatar:hover,.admin-avatar[aria-expanded="true"]{background:#245568;border-color:var(--cyan)}.admin-menu{position:absolute;z-index:25;right:0;top:calc(100% + 12px);width:230px;padding:7px;border:1px solid #29475d;border-radius:13px;background:#0b1b2b;box-shadow:0 18px 48px #0009;animation:fade-in .14s ease}.admin-menu[hidden]{display:none}.admin-menu-heading{display:grid;gap:5px;padding:12px;border-bottom:1px solid var(--line);margin-bottom:5px}.admin-menu-heading strong{font-size:12px}.admin-menu-heading span{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.admin-menu>button{width:100%;padding:11px 12px;border:0;border-radius:8px;background:transparent;color:var(--text);text-align:left;font-size:11px}.admin-menu>button:hover{background:#142b40}.admin-menu>.logout-action{color:#ff9ca5}.profile-modal{width:min(620px,100%)}.profile-modal>.panel-heading h2{margin:8px 0 0}.profile-modal .form-grid{margin-top:5px}.profile-modal label small{color:var(--muted);font-size:10px}.profile-error{min-height:15px;margin:0;color:var(--red);font-size:11px}.profile-modal .save-note{line-height:1.5}.profile-modal .form-actions{align-items:center}.profile-modal .form-actions button{flex:none}
@media(max-width:950px){.sidebar{position:fixed;inset:0 auto 0 -260px;transition:left .25s ease}.sidebar.open{left:0;box-shadow:20px 0 80px #0009}.drawer-overlay{display:none}.sidebar.open+.drawer-overlay{display:block;position:fixed;inset:0;background:#0008;z-index:4}.icon-button{display:block;margin-right:15px}.topbar{padding:20px 22px}.content{padding:30px 22px}.topbar>div:first-of-type{display:flex;align-items:center}.top-actions .online{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.welcome-row{display:block}.health-chip{display:inline-flex;margin-top:22px}.section-toolbar{align-items:flex-start;flex-direction:column}.toolbar-actions{width:100%}.toolbar-actions button{flex:1}}
@media(max-width:600px){.welcome-row h1{font-size:34px}.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-card{padding:16px}.metric-card strong{font-size:28px}.metric-card>span:last-child{display:block;line-height:1.5}.metric-card b{float:right}.panel{padding:19px}.form-grid,.editor-modal .form-grid{grid-template-columns:1fr}.full{grid-column:auto}.form-actions{align-items:stretch;flex-direction:column}.form-actions button{width:100%}.editor-modal{padding:19px}.editor-modal .form-actions button{width:100%}.editor-modal .form-actions .save-note{max-width:none}.topbar h2{font-size:17px}.section-toolbar h1{font-size:28px}.resource-tools{flex-direction:column}.resource-tools input,.resource-tools select{width:100%;max-width:none}.row-actions{flex-wrap:wrap}}