:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f16;--side:#111722;--surface:#151c27;--hover:#1b2533;--active:#202e40;--text:#edf4fb;--muted:#94a1b2;--faint:#657386;--border:#263142;--accent:#28a8f7;--accent-soft:#102f45;--danger:#ff626d;--shadow:0 24px 70px #02060dcc;--canvas:#070b11;--success:#2ed494;--warning:#f4b94f;font-family:DM Sans,system-ui,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f7fb;--side:#eef1f6;--surface:#fff;--hover:#e9eef6;--active:#dfeaf7;--text:#172231;--muted:#6f7b8d;--faint:#99a4b3;--border:#e1e7ef;--accent:#148fd5;--accent-soft:#e6f5fd;--danger:#db4551;--shadow:0 24px 70px #31445f20;--canvas:#dfe4eb;--success:#159b6b;--warning:#d59022}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit;color:inherit}.app{background:var(--bg);height:100%;color:var(--text);display:flex}button{background:0 0;border:0}.sidebar{background:var(--side);border-right:1px solid var(--border);flex-direction:column;flex:0 0 255px;width:255px;transition:all .22s;display:flex;position:relative}.drag-region{-webkit-app-region:drag;height:42px}.workspace{justify-content:space-between;align-items:center;height:48px;padding:0 12px 0 14px;display:flex}.brand{align-items:center;gap:10px;font-weight:700;display:flex}.brandmark{background:var(--accent);color:#15180e;border-radius:8px;place-items:center;width:26px;height:26px;font-family:DM Serif Display;font-size:17px;display:grid}.brandname{letter-spacing:-.2px}.icon-btn{width:32px;height:32px;color:var(--muted);cursor:pointer;border-radius:8px;place-items:center;display:grid}.icon-btn:hover{background:var(--hover);color:var(--text)}.icon-btn.fav{color:#f0c45a}.nav-item{height:34px;color:var(--muted);cursor:pointer;text-align:left;border-radius:7px;align-items:center;gap:10px;margin:1px 9px;padding:0 9px;display:flex}.nav-item:hover{background:var(--hover);color:var(--text)}.nav-item span{flex:1;font-size:14px}.nav-item kbd,.command kbd{border:1px solid var(--border);color:var(--faint);background:var(--surface);border-radius:4px;padding:2px 5px;font-size:10px}.section{padding:17px 9px 0}.section.grow{flex:1;overflow:auto}.section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--faint);padding:0 9px 7px;font-size:11px;font-weight:600}.page-row{height:32px;color:var(--muted);cursor:pointer;border-radius:7px;align-items:center;gap:8px;padding:0 7px;font-size:13.5px;display:flex;position:relative}.page-row:hover,.page-row.active{background:var(--hover);color:var(--text)}.page-row.active{background:var(--active)}.page-icon{text-align:center;width:18px;font-size:14px}.page-row>span:nth-child(2){white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.row-more{opacity:0;color:var(--muted);cursor:pointer;place-items:center;padding:3px;display:grid}.page-row:hover .row-more{opacity:1}.context{background:var(--surface);border:1px solid var(--border);z-index:20;width:155px;box-shadow:var(--shadow);border-radius:9px;padding:5px;position:absolute;top:25px;right:-145px}.context button{cursor:pointer;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px;font-size:12px;display:flex}.context button:hover{background:var(--hover)}.context .danger{color:var(--danger)}.sidebar-footer{border-top:1px solid var(--border);padding:8px 0 12px}.save-state{color:var(--faint);align-items:center;gap:7px;padding:8px 18px 0;font-size:10.5px;display:flex}.dot{background:#e7af51;border-radius:50%;width:6px;height:6px}.dot.saved{background:#75b96b}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{-webkit-app-region:drag;border-bottom:1px solid #0000;flex:0 0 44px;justify-content:space-between;align-items:center;height:44px;padding:0 138px 0 18px;display:flex}.crumb{color:var(--muted);align-items:center;gap:8px;font-size:12.5px;display:flex;overflow:hidden}.crumb span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.top-actions{-webkit-app-region:no-drag;align-items:center;gap:3px;display:flex}.saved-mini{color:var(--faint);align-items:center;gap:4px;margin-right:8px;font-size:11px;display:flex}.editor-shell{flex:1;width:min(860px,100% - 90px);margin:0 auto;padding:65px 0 150px;overflow-y:auto}.page-head{flex-direction:column;align-items:flex-start;display:flex}.emoji{cursor:pointer;margin-bottom:14px;padding:0;font-size:48px;line-height:1}.emoji:hover{transform:scale(1.05)}.title{width:100%;color:var(--text);letter-spacing:-1px;background:0 0;border:0;outline:0;font-family:DM Serif Display,serif;font-size:47px;line-height:1.12}.title::placeholder{color:var(--faint)}.toolbar{z-index:5;background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;align-items:center;gap:2px;width:max-content;margin:25px 0 12px;padding:5px;display:flex;position:sticky;top:-1px;box-shadow:0 5px 18px #0001}.toolbar button{width:29px;height:29px;color:var(--muted);cursor:pointer;border-radius:6px;place-items:center;display:grid}.toolbar button:hover{background:var(--hover);color:var(--text)}.toolbar svg{width:14px;height:14px}.toolbar i{background:var(--border);width:1px;height:18px;margin:0 4px}.editor{min-height:420px;color:var(--text);outline:0;font-size:16px;line-height:1.75}.editor:empty:before{content:attr(data-placeholder);color:var(--faint)}.editor h1{margin:32px 0 10px;font-family:DM Serif Display;font-size:34px;line-height:1.2}.editor h2{margin:28px 0 8px;font-size:24px;line-height:1.3}.editor p{margin:4px 0}.editor ul,.editor ol{padding-left:25px}.editor blockquote{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 8px 8px 0;margin:22px 0;padding:8px 17px}.editor pre{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:14px;font-family:monospace}.floating-sidebar{z-index:5;position:absolute;top:48px;left:10px}.overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0008;justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0}.command{background:var(--surface);border:1px solid var(--border);width:min(620px,100% - 40px);box-shadow:var(--shadow);border-radius:14px;overflow:hidden}.command-input{border-bottom:1px solid var(--border);align-items:center;gap:11px;padding:14px 16px;display:flex}.command-input input{background:0 0;border:0;outline:0;flex:1;font-size:16px}.command-input button{cursor:pointer;color:var(--muted);place-items:center;display:grid}.results{max-height:430px;padding:8px;overflow:auto}.result-label{text-transform:uppercase;letter-spacing:.1em;color:var(--faint);padding:7px 9px;font-size:10px}.result{text-align:left;cursor:pointer;border-radius:9px;align-items:center;gap:12px;width:100%;padding:10px;display:flex}.result:hover{background:var(--hover)}.result>span{font-size:21px}.result>div{flex:1;min-width:0}.result b{font-size:13.5px;display:block}.result small{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;display:block;overflow:hidden}.result svg{color:var(--faint)}.empty{text-align:center;color:var(--faint);padding:50px}.empty svg{opacity:.5}.command-foot{border-top:1px solid var(--border);color:var(--faint);gap:16px;padding:9px 14px;font-size:10px;display:flex}.settings-card{background:var(--surface);border:1px solid var(--border);width:min(600px,100% - 40px);box-shadow:var(--shadow);border-radius:15px;padding:22px}.modal-head{justify-content:space-between;align-items:flex-start;padding-bottom:18px;display:flex}.modal-head h2{margin:0 0 4px;font-size:20px}.modal-head p,.setting-row p{color:var(--muted);margin:0;font-size:12px}.setting-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:18px 0;display:flex}.setting-row b{margin-bottom:4px;font-size:13px;display:block}.theme-select{background:var(--bg);border:1px solid var(--border);border-radius:9px;padding:3px;display:flex}.theme-select button,.outline{cursor:pointer;border-radius:6px;align-items:center;gap:7px;padding:7px 10px;font-size:12px;display:flex}.theme-select button.selected{background:var(--active)}.outline{border:1px solid var(--border);white-space:nowrap}.outline:hover{background:var(--hover)}.status-pill{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.status-pill span{background:#75b96b;border-radius:50%;width:6px;height:6px}.loader{color:#c9ff6b;background:#171715;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.loader svg{animation:1.4s infinite pulse}@keyframes pulse{50%{opacity:.3;transform:scale(.9)}}@media (width<=800px){.sidebar{z-index:30;height:100%;position:absolute}.topbar{padding-right:18px}.editor-shell{width:calc(100% - 40px);padding-top:40px}.title{font-size:39px}.toolbar{max-width:100%;overflow-x:auto}.saved-mini{display:none}}.workspace{position:relative}.workspace-switch{cursor:pointer;color:var(--text);border-radius:8px;padding:4px}.workspace-switch:hover{background:var(--hover)}.workspace-switch svg{color:var(--faint);transform:rotate(90deg)}.workspace-pop{background:var(--surface);border:1px solid var(--border);z-index:50;width:235px;box-shadow:var(--shadow);border-radius:12px;padding:7px;position:absolute;top:45px;left:10px}.ws-title{color:var(--faint);text-transform:uppercase;letter-spacing:.08em;padding:7px 8px;font-size:10px}.workspace-pop>button{text-align:left;cursor:pointer;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px;display:flex}.workspace-pop>button:hover{background:var(--hover)}.workspace-pop button div{flex:1}.workspace-pop b{font-size:12px;display:block}.workspace-pop small{color:var(--faint);margin-top:2px;font-size:10px;display:block}.brandmark.mini{width:28px;height:28px}.ws-add{border:1px dashed var(--faint);width:28px;height:28px;color:var(--muted);border-radius:8px;place-items:center;display:grid}.nav-active{background:var(--active)!important;color:var(--text)!important}.nav-count{background:var(--surface);border-radius:10px;padding:2px 6px;flex:0!important;font-size:9px!important}.tiny-add{color:var(--faint);cursor:pointer;place-items:center;display:grid}.notification{position:relative}.notification i{background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:6px;right:6px}.avatar-btn{color:#1b2112;background:linear-gradient(145deg,#c9ff6b,#8fb83f);border-radius:8px;width:26px;height:26px;margin-left:5px;font-size:11px;font-weight:700}.editor table{border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:9px;width:100%;margin:22px 0;overflow:hidden}.editor td,.editor th{border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-align:left;min-width:120px;padding:9px 11px}.editor th{background:var(--surface);font-size:12px}.editor tr:last-child td{border-bottom:0}.editor td:last-child,.editor th:last-child{border-right:0}.feature-page{flex:1;padding:64px max(38px,5vw) 100px;overflow:auto}.feature-page.narrow{width:min(940px,100%);margin:0 auto}.feature-head{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:30px;display:flex}.feature-head h1{letter-spacing:-.5px;margin:5px 0 7px;font-family:DM Serif Display,Georgia,serif;font-size:40px}.feature-head p{color:var(--muted);margin:0;font-size:14px}.eyebrow{letter-spacing:.13em;color:var(--accent);font-size:10px;font-weight:700}.head-avatars{display:flex}.head-avatars span,.head-avatars button{border:2px solid var(--bg);color:#fff;background:#8da650;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;display:grid}.head-avatars button{background:var(--surface);color:var(--muted);margin-left:-5px}.task-stats{gap:10px;margin-bottom:17px;display:flex}.task-stats>div{border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 65%,transparent);border-radius:11px;flex:1;align-items:center;gap:10px;padding:13px 15px;display:flex}.task-stats svg{width:17px;color:var(--accent)}.task-stats span{color:var(--muted);font-size:11px}.task-stats b{color:var(--text);margin-right:3px;font-size:14px}.quick-task{border:1px solid var(--border);background:var(--surface);border-radius:11px;align-items:center;gap:10px;height:45px;margin-bottom:20px;padding:0 13px;display:flex}.quick-task svg{color:var(--accent)}.quick-task input{background:0 0;border:0;outline:0;flex:1;font-size:13px}.quick-task kbd{border:1px solid var(--border);color:var(--faint);border-radius:5px;padding:3px 6px;font-size:9px}.board{grid-template-columns:repeat(3,minmax(230px,1fr));gap:14px;display:grid}.board-col{background:color-mix(in srgb,var(--side) 60%,transparent);border:1px solid var(--border);border-radius:13px;min-height:330px;padding:10px}.col-head{align-items:center;gap:8px;height:34px;padding:0 3px 8px;font-size:12px;display:flex}.col-head>span{border-radius:50%;width:7px;height:7px}.col-head small{color:var(--faint);background:var(--surface);border-radius:9px;padding:1px 6px}.col-head svg{color:var(--faint);margin-left:auto}.task-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:8px;padding:11px;box-shadow:0 3px 10px #0000000d}.task-top{align-items:center;display:flex}.task-top>svg{color:var(--faint);margin-right:6px}.task-top button{color:var(--faint);cursor:pointer;margin-left:auto}.priority{border-radius:5px;padding:3px 6px;font-size:9px}.priority.yüksek{color:#e46b68;background:#ff6b6818}.priority.orta{color:#d69d46;background:#e8ae5518}.priority.düşük{color:#78b66c;background:#78b66c18}.task-card h3{margin:13px 2px 17px;font-size:13px;font-weight:600}.task-meta{color:var(--faint);align-items:center;gap:8px;font-size:10px;display:flex}.task-meta>span:last-child{align-items:center;gap:4px;display:flex}.mini-avatar{color:#fff;background:#8da650;border-radius:50%;place-items:center;width:20px;height:20px;font-size:8px;display:grid}.move-actions{border-top:1px solid var(--border);justify-content:flex-end;margin-top:10px;padding-top:7px;display:flex}.move-actions button{color:var(--muted);cursor:pointer;border-radius:5px;align-items:center;gap:3px;padding:4px 6px;font-size:10px;display:flex}.move-actions button:hover{background:var(--hover)}.primary,.invite-submit{background:var(--accent);color:#17200c;cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:9px 13px;font-size:12px;font-weight:700;display:flex}.team-card{border:1px solid var(--border);background:var(--surface);border-radius:13px;margin-bottom:15px;overflow:hidden}.team-title{border-bottom:1px solid var(--border);justify-content:space-between;padding:15px 18px;font-size:12px;display:flex}.team-title span{color:var(--faint)}.member{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 18px;display:flex}.member:last-child{border:0}.member-avatar{color:#1c2410;background:linear-gradient(145deg,#c9ff6b,#8eae4c);border-radius:10px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid}.member-avatar.pending{background:var(--hover);color:var(--muted)}.member>div{flex:1}.member b{font-size:12px}.member b small{color:var(--faint);font-weight:400}.member p{margin-top:3px!important;font-size:10px!important}.role,.pending-pill{color:var(--muted);border:1px solid var(--border);border-radius:6px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;display:flex}.pending-pill{color:#d69d46;background:#e8ae5510}.trash-empty{text-align:center;border:1px dashed var(--border);color:var(--muted);border-radius:14px;padding:70px}.trash-empty>div{background:var(--surface);border-radius:16px;place-items:center;width:55px;height:55px;margin:0 auto;display:grid}.trash-empty h3{color:var(--text);margin:15px 0 6px;font-size:14px}.trash-empty p{font-size:12px}.trash-list{border:1px solid var(--border);border-radius:13px;overflow:hidden}.trash-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:13px 15px;display:flex}.trash-row:last-child{border:0}.trash-icon{font-size:20px}.trash-row>div{flex:1}.trash-row b{font-size:12px}.trash-row p{color:var(--faint);margin:3px 0 0;font-size:10px}.trash-row button{border:1px solid var(--border);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 8px;font-size:10px;display:flex}.trash-row .danger-text{color:var(--danger);border:0}.invite-card{background:var(--surface);border:1px solid var(--border);width:min(430px,100% - 35px);box-shadow:var(--shadow);border-radius:17px;padding:23px}.invite-hero{justify-content:space-between;display:flex}.invite-icon{background:var(--accent-soft);width:46px;height:46px;color:var(--accent);border-radius:13px;place-items:center;display:grid}.invite-card h2{margin:19px 0 5px;font-family:DM Serif Display,Georgia,serif;font-size:27px}.invite-card>p{color:var(--muted);margin:0 0 22px;font-size:12px;line-height:1.5}.invite-card label{color:var(--muted);margin-bottom:7px;font-size:10px;display:block}.email-input{border:1px solid var(--border);background:var(--bg);border-radius:9px;align-items:center;gap:9px;height:43px;padding:0 11px;display:flex}.email-input svg{color:var(--faint)}.email-input input{background:0 0;border:0;outline:0;flex:1;font-size:13px}.invite-submit{justify-content:center;width:100%;height:40px;margin-top:11px}.invite-submit:disabled{opacity:.35;cursor:not-allowed}.offline-note{color:var(--faint);align-items:flex-start;gap:7px;margin-top:16px;font-size:9.5px;line-height:1.4;display:flex}.offline-note svg{flex:none;margin-top:1px}@media (width<=1050px){.board{grid-template-columns:1fr}.board-col{min-height:auto}.task-stats{flex-wrap:wrap}.task-stats>div{min-width:180px}.feature-page{padding-left:25px;padding-right:25px}}.dashboard{width:100%;max-width:1180px;margin:0 auto}.dash-welcome{justify-content:space-between;align-items:flex-end;margin-bottom:28px;display:flex}.dash-welcome h1{margin:6px 0;font:42px DM Serif Display,Georgia,serif}.dash-welcome p{color:var(--muted);margin:0;font-size:13px}.dash-grid{grid-template-columns:1.15fr .85fr;gap:14px;display:grid}.dash-card{border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 72%,transparent);border-radius:14px;padding:18px}.card-title{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.card-title svg{color:var(--accent)}.progress-main{margin:25px 0 12px}.progress-main b{font:38px DM Serif Display,Georgia,serif}.progress-main span{color:var(--muted);margin-left:9px;font-size:11px}.progress{background:var(--hover);border-radius:8px;height:6px;overflow:hidden}.progress i{background:var(--accent);border-radius:8px;height:100%;display:block}.focus-card>button{color:var(--muted);cursor:pointer;align-items:center;gap:4px;margin-top:18px;font-size:10px;display:flex}.metric-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:23px;display:grid}.metric-row div{background:var(--bg);border-radius:9px;padding:15px}.metric-row b{font-size:22px;display:block}.metric-row span{color:var(--faint);font-size:9px}.recent-card>button{border-bottom:1px solid var(--border);text-align:left;cursor:pointer;align-items:center;gap:10px;width:100%;padding:9px 4px;display:flex}.recent-card>button:hover{background:var(--hover)}.recent-card>button>span{font-size:17px}.recent-card>button div{flex:1}.recent-card b{font-size:11px;display:block}.recent-card small{color:var(--faint);font-size:9px}.shortcuts>div:last-child{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;display:grid}.shortcuts>div>button{text-align:left;border:1px solid var(--border);cursor:pointer;border-radius:9px;gap:9px;padding:12px;display:flex}.shortcuts>div>button:hover{background:var(--hover)}.shortcuts button svg{width:17px;color:var(--accent)}.shortcuts b{font-size:10px;display:block}.shortcuts small{color:var(--faint);margin-top:2px;font-size:8px;display:block}.db-page{width:100%;max-width:1250px;margin:0 auto}.db-toolbar{justify-content:space-between;margin-bottom:10px;display:flex}.view-tabs{background:var(--side);border-radius:8px;gap:3px;padding:3px;display:flex}.view-tabs button{color:var(--muted);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;display:flex}.view-tabs button svg{width:14px}.view-tabs button.selected{background:var(--surface);color:var(--text)}.db-search{color:var(--faint);align-items:center;gap:6px;font-size:10px;display:flex}.data-table{border:1px solid var(--border);border-radius:11px;overflow:auto}.data-row{border-bottom:1px solid var(--border);grid-template-columns:2fr 1fr 1.1fr .8fr .6fr .8fr;align-items:center;min-width:830px;min-height:44px;display:grid}.data-row:last-child{border:0}.data-row>*{border-right:1px solid var(--border);align-items:center;height:44px;padding:0 12px;display:flex}.data-row>:last-child{border:0}.data-head{background:var(--side);min-height:34px;color:var(--faint);font-size:9px}.data-head span{height:34px}.data-row input,.data-row select{color:var(--text);background:0 0;border:0;outline:0;font-size:11px}.data-row select{appearance:none}.data-row small{color:var(--faint);font-size:9px}.db-pill{border-radius:5px;width:max-content;margin-left:10px;height:auto!important;padding:4px 7px!important;font-size:9px!important}.db-pill.yüksek{color:#e46b68;background:#ff6b6818}.db-pill.orta{color:#d69d46;background:#e8ae5518}.db-pill.düşük{color:#78b66c;background:#78b66c18}.data-row .mini-avatar{border:0;height:21px;margin-left:12px;padding:0}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.gallery-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;overflow:hidden}.gallery-cover{background:linear-gradient(145deg,var(--accent-soft),var(--side));height:120px;color:var(--accent);place-items:center;display:grid}.gallery-card>div:last-child{padding:13px}.gallery-card h3{margin:0 0 4px;font-size:13px}.gallery-card p{color:var(--faint);margin:0 0 10px;font-size:10px}.gallery-card small{float:right;color:var(--faint);font-size:9px}.template-overlay{align-items:center;padding-top:0}.template-modal{background:var(--surface);border:1px solid var(--border);width:min(840px,100% - 40px);box-shadow:var(--shadow);border-radius:18px;padding:24px}.template-modal .modal-head h2{margin:7px 0 4px;font:29px DM Serif Display,Georgia,serif}.template-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.template-grid>button{text-align:left;border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:12px;overflow:hidden}.template-grid>button:hover{border-color:var(--accent);transform:translateY(-2px)}.template-grid>button>span{background:linear-gradient(145deg,var(--side),var(--accent-soft));place-items:center;height:105px;font-size:34px;display:grid}.template-grid>button>div{padding:14px}.template-grid h3{margin:0 0 6px;font-size:13px}.template-grid p{color:var(--muted);min-height:45px;font-size:10px;line-height:1.5}.template-grid b{color:var(--accent);align-items:center;gap:4px;font-size:9px;display:flex}.template-grid svg{width:12px}@media (width<=900px){.dash-grid,.gallery-grid,.template-grid,.shortcuts>div:last-child{grid-template-columns:1fr}}.editor{text-align:left;direction:ltr;unicode-bidi:plaintext}.task-add-btn{background:var(--accent);color:#18200e;cursor:pointer;border-radius:7px;padding:7px 11px;font-size:10px;font-weight:700}.task-add-btn:disabled{opacity:.35;cursor:not-allowed}.board-col.drag-over{border-color:var(--accent);background:var(--accent-soft)}.task-card.dragging{opacity:.35;transform:scale(.98)}.task-card[draggable=true]{cursor:grab}.task-card[draggable=true]:active{cursor:grabbing}.drag-hint{color:var(--faint);opacity:.55;margin-left:auto;font-size:8px}.table-dialog{background:var(--surface);border:1px solid var(--border);width:min(500px,100% - 35px);box-shadow:var(--shadow);border-radius:16px;padding:22px}.table-dialog .modal-head h2{margin:5px 0;font:26px DM Serif Display,Georgia,serif}.size-inputs{background:var(--bg);border-radius:11px;justify-content:center;align-items:flex-end;gap:15px;padding:17px;display:flex}.size-inputs label span{color:var(--muted);margin-bottom:6px;font-size:10px;display:block}.size-inputs input{border:1px solid var(--border);background:var(--surface);border-radius:8px;outline:0;width:120px;height:42px;padding:0 12px;font-size:16px}.size-inputs input:focus{border-color:var(--accent)}.size-inputs>b{color:var(--faint);padding-bottom:11px}.table-preview{gap:3px;max-width:340px;margin:18px auto;display:grid}.table-preview i{border:1px solid var(--border);background:var(--bg);border-radius:2px;height:13px}.dialog-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding-top:15px;display:flex}.dialog-actions>button{cursor:pointer;border-radius:7px;padding:8px 12px;font-size:11px}.dialog-actions>button:first-child:hover{background:var(--hover)}.top-actions{position:relative}.notification-panel{background:var(--surface);border:1px solid var(--border);width:350px;box-shadow:var(--shadow);z-index:80;-webkit-app-region:no-drag;border-radius:14px;position:absolute;top:38px;right:70px;overflow:hidden}.notification-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 15px;display:flex}.notification-head>div{align-items:center;gap:8px;display:flex}.notification-head b{font-size:13px}.notification-head span{background:var(--accent-soft);color:var(--accent);border-radius:8px;padding:3px 6px;font-size:8px}.notification-head button{color:var(--faint);cursor:pointer}.notification-list{padding:6px}.notification-list>button{text-align:left;cursor:pointer;border-radius:9px;align-items:flex-start;gap:10px;width:100%;padding:10px;display:flex}.notification-list>button:hover{background:var(--hover)}.notification-list>button>span{background:var(--accent-soft);width:31px;height:31px;color:var(--accent);border-radius:9px;place-items:center;display:grid}.notification-list>button>span svg{width:15px}.notification-list>button>div{flex:1}.notification-list b{font-size:11px;display:block}.notification-list p{color:var(--muted);margin:3px 0;font-size:9px}.notification-list small{color:var(--faint);font-size:8px}.notification-list>button>svg{color:var(--faint);margin-top:8px}.notification-foot{border-top:1px solid var(--border);color:var(--faint);padding:9px 14px;font-size:8px}.login-screen{color:#ebece6;background:#11120f;place-items:center;min-height:100%;display:grid;position:relative;overflow:hidden}.login-glow{filter:blur(90px);background:#bdf35b18;border-radius:50%;width:650px;height:650px;position:absolute;top:-340px;right:-150px}.login-card{background:#1b1c18;border:1px solid #30322a;border-radius:20px;width:min(430px,100% - 35px);padding:34px;position:relative;box-shadow:0 40px 90px #0009}.login-brand{align-items:center;gap:10px;margin-bottom:45px;display:flex}.login-brand span{color:#15200b;background:#c9ff6b;border-radius:9px;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.login-brand b{font-size:13px}.login-card h1{margin:9px 0 12px;font:36px/1.05 DM Serif Display,Georgia,serif}.login-card>p{color:#989b91;margin-bottom:25px;font-size:12px;line-height:1.6}.login-card form{flex-direction:column;gap:13px;display:flex}.login-card label{color:#a8aaa2;font-size:10px}.login-card input{color:#eee;background:#12130f;border:1px solid #34372d;border-radius:9px;outline:0;width:100%;height:43px;margin-top:6px;padding:0 12px;display:block}.login-card form>button{color:#18200d;cursor:pointer;background:#c9ff6b;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:43px;margin-top:4px;font-size:12px;font-weight:700;display:flex}.login-card form>button:disabled{opacity:.55}.login-card>small{text-align:center;color:#666a60;margin-top:18px;font-size:9px;display:block}.login-error{color:#ff817c;background:#ff6d6814;border:1px solid #ff6d6833;border-radius:7px;padding:8px 10px;font-size:10px}.live-dot{background:#67d78c;border-radius:50%;height:6px;box-shadow:0 0 0 3px #67d78c18;flex:none!important;width:6px!important}.monitor-page{width:100%;max-width:1280px;margin:0 auto}.monitor-head{align-items:center}.monitor-refresh{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:8px 11px;font-size:10px;display:flex}.monitor-refresh:hover{border-color:var(--accent)}.monitor-refresh:disabled{opacity:.6}.spin{animation:1s linear infinite rotate}@keyframes rotate{to{transform:rotate(360deg)}}.source-strip{grid-template-columns:repeat(2,minmax(240px,1fr));gap:10px;margin-bottom:13px;display:grid}.source-status{border:1px solid var(--border);background:var(--surface);border-radius:11px;align-items:center;gap:10px;padding:12px 14px;display:flex}.source-status.offline>svg{color:#ef6e68}.source-status>div{flex:1}.source-status b{font-size:11px;display:block}.source-status span{color:var(--faint);margin-top:3px;font-size:9px;display:block}.source-status>i{border-radius:5px;padding:4px 6px;font-size:8px;font-style:normal}.source-status.offline>i{color:#ef6e68;background:#ef6e6814}.monitor-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:13px;display:grid}.monitor-stats>div{border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 75%,transparent);border-radius:11px;grid-template-columns:auto 1fr;align-items:center;column-gap:9px;padding:14px;display:grid}.monitor-stats b{font-size:20px}.monitor-stats small{color:var(--faint);grid-column:2;font-size:9px}.monitor-stats svg{width:16px;color:var(--accent);grid-row:1/3}.sev{border-radius:50%;grid-row:1/3;width:8px;height:8px}.sev.severe{background:#ef5e5a;box-shadow:0 0 9px #ef5e5a}.sev.warning{background:#e5a84f}.sev.info{background:#62a6e8}.monitor-error,.monitor-setup{background:#ef6e680d;border:1px solid #ef6e6844;border-radius:11px;align-items:flex-start;gap:12px;margin-bottom:12px;padding:13px;display:flex}.monitor-error svg{color:#ef6e68}.monitor-error b,.monitor-setup h3{margin:0;font-size:11px}.monitor-error p,.monitor-setup p{color:var(--muted);margin:4px 0 0;font-size:9px;line-height:1.5}.monitor-setup{border-color:var(--border);background:var(--accent-soft)}.monitor-setup>svg{color:var(--accent)}.monitor-table{border:1px solid var(--border);border-radius:12px;overflow:hidden}.monitor-table-head,.monitor-row{grid-template-columns:110px 110px 1.1fr 2.5fr 100px;align-items:center;display:grid}.monitor-table-head{background:var(--side);text-transform:uppercase;letter-spacing:.08em;min-height:34px;color:var(--faint);font-size:8px}.monitor-table-head span,.monitor-row>*{padding:0 12px}.monitor-row{border-top:1px solid var(--border);min-height:46px;font-size:10px}.severity-badge{border-radius:5px;padding:4px 6px;font-size:8px;font-style:normal}.severity-badge.disaster,.severity-badge.high{color:#ff7772;background:#ef5e5a18}.severity-badge.average{color:#e9b45f;background:#e5a84f18}.severity-badge.warning{color:#70ace8;background:#62a6e818}.severity-badge.information,.severity-badge.not.classified{color:var(--muted);background:var(--hover)}.source-name{color:var(--accent)}.monitor-row>span:nth-child(3){align-items:center;gap:6px;display:flex}.monitor-row b{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.monitor-row time{color:var(--faint);font-size:9px}.monitor-empty{color:var(--faint);flex-direction:column;align-items:center;gap:7px;padding:55px;display:flex}.monitor-empty svg{width:25px}.monitor-empty b{color:var(--muted);font-size:11px}.monitor-empty span{font-size:9px}.monitor-foot{color:var(--faint);justify-content:space-between;margin-top:9px;font-size:8px;display:flex}.monitor-foot span:first-child{align-items:center;gap:6px;display:flex}.monitor-foot i{background:#67d78c;border-radius:50%;width:5px;height:5px}@media (width<=900px){.source-strip,.monitor-stats{grid-template-columns:1fr 1fr}.monitor-table{overflow:auto}.monitor-table-head,.monitor-row{min-width:780px}}.whiteboard-page{flex-direction:column;flex:1;min-height:0;padding:0 12px 12px;display:flex}.whiteboard-info{height:35px;color:var(--faint);justify-content:space-between;align-items:center;padding:0 5px;font-size:8px;display:flex}.whiteboard-info span:first-child{align-items:center;gap:6px;display:flex}.whiteboard-info i{background:#67d78c;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #67d78c15}.excalidraw-wrap{border:1px solid var(--border);border-radius:13px;flex:1;min-height:0;overflow:hidden}.excalidraw-wrap .excalidraw{font-family:system-ui,sans-serif}.excalidraw-wrap .excalidraw.theme--dark{--color-surface-lowest:#171715}.collector-note{border:1px solid var(--border);background:var(--accent-soft);color:var(--muted);border-radius:10px;align-items:center;gap:9px;margin-bottom:12px;padding:10px 13px;font-size:9px;display:flex}.collector-note svg{width:15px;color:var(--accent);flex:none}.monitor-combined{flex:1;min-height:0;overflow:auto}.monitor-combined>.monitor-page{padding-top:24px;overflow:visible}.vpn-bridge{border:1px solid var(--border);background:linear-gradient(120deg,var(--surface),var(--side));border-radius:13px;align-items:center;gap:13px;max-width:1120px;margin:28px auto 0;padding:13px 15px;display:flex}.vpn-bridge.connected{background:linear-gradient(120deg,#67d78c12,var(--surface));border-color:#67d78c55}.vpn-symbol{color:#ef6e68;background:#ef6e6812;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.vpn-bridge.connected .vpn-symbol{color:#67d78c;background:#67d78c15}.vpn-symbol svg{width:18px}.vpn-copy{flex:1}.vpn-copy>span{color:var(--faint);letter-spacing:.12em;font-size:7px;display:block}.vpn-copy b{margin:3px 0;font-size:11px;display:block}.vpn-copy p{color:var(--muted);margin:0;font-size:9px}.vpn-bridge>input{border:1px solid var(--border);background:var(--bg);border-radius:7px;outline:0;width:220px;height:34px;padding:0 10px;font-size:9px}.vpn-bridge>input:focus{border-color:var(--accent)}.vpn-bridge>button{background:var(--accent);color:#18200d;cursor:pointer;border-radius:7px;align-items:center;gap:6px;height:34px;padding:0 11px;font-size:9px;font-weight:700;display:flex}.vpn-bridge>button:disabled{opacity:.4}.vpn-bridge>i{color:#ef6e68;background:#ef6e6812;border-radius:5px;padding:4px 6px;font-size:7px;font-style:normal}.vpn-bridge.connected>i{color:#67d78c;background:#67d78c14}@media (width<=900px){.vpn-bridge{flex-wrap:wrap;margin-left:20px;margin-right:20px}.vpn-copy{min-width:220px}.vpn-bridge>input{flex:1}}.monitor-section{margin-top:14px}.monitor-section-title{justify-content:space-between;align-items:end;margin:0 2px 8px;display:flex}.monitor-section-title span{letter-spacing:.12em;color:var(--accent);font-size:7px}.monitor-section-title h3{margin:3px 0 0;font-size:13px}.monitor-section-title small{color:var(--faint);font-size:8px}.monitor-row>span:nth-child(2){align-items:center;gap:6px;display:flex}.monitor-row>strong{color:var(--muted);padding:0 12px;font-size:9px;font-weight:600}.host-alert-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.host-alert{background:#ef5e5a0b;border:1px solid #ef5e5a35;border-radius:10px;align-items:center;gap:10px;padding:11px 12px;display:flex}.host-alert>i{color:#fff;background:#dc4642;border-radius:4px;padding:3px 5px;font-size:7px;font-style:normal}.host-alert>div{flex:1;min-width:0}.host-alert b,.host-alert span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.host-alert span{color:var(--muted);margin-top:3px;font-size:8px}.host-alert em{color:#ef6e68;font-size:7px;font-style:normal}.host-alert-empty{border:1px dashed var(--border);text-align:center;color:var(--faint);border-radius:10px;grid-column:1/-1;padding:18px;font-size:9px}.remote-source-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.remote-source{border:1px solid var(--border);background:var(--surface);border-radius:11px;padding:12px;position:relative}.remote-source>div{align-items:center;gap:7px;display:flex}.remote-source b{font-size:10px}.remote-source>span,.remote-source>small{display:block}.remote-source>span{margin-top:9px;font-size:9px}.remote-source>small{color:var(--faint);margin-top:3px;font-size:8px}.remote-source>i{color:#e5a84f;background:#e5a84f14;border-radius:4px;padding:3px 5px;font-size:7px;font-style:normal;position:absolute;top:10px;right:10px}@media (width<=900px){.host-alert-grid,.remote-source-grid{grid-template-columns:1fr}.monitor-table-head,.monitor-row{min-width:850px}}.rdp-panel{border:1px solid var(--border);background:var(--surface);border-radius:13px;max-width:1120px;margin:12px auto 0;padding:14px}.rdp-panel-head{align-items:center;gap:12px;display:flex}.rdp-panel-head>div:nth-child(2){flex:1}.rdp-panel-head span{letter-spacing:.12em;color:var(--accent);font-size:7px;display:block}.rdp-panel-head b{margin:3px 0;font-size:11px;display:block}.rdp-panel-head p{color:var(--muted);margin:0;font-size:8px}.rdp-panel-head>i{color:#e5a84f;background:#e5a84f14;border-radius:5px;padding:4px 6px;font-size:7px;font-style:normal}.rdp-panel-head>i.on{color:#67d78c;background:#67d78c14}.rdp-controls{grid-template-columns:1fr auto auto;gap:8px;margin-top:12px;display:grid}.rdp-controls select,.rdp-controls button{border:1px solid var(--border);background:var(--bg);height:34px;color:var(--text);border-radius:7px;padding:0 10px;font-size:9px}.rdp-controls button{cursor:pointer}.rdp-controls button.primary{background:var(--accent);border-color:var(--accent);color:#18200d;font-weight:700}.rdp-controls button:disabled{opacity:.45}.rdp-error{color:#ef6e68;margin-top:8px;font-size:8px}.rdp-results{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.rdp-results>div{border:1px solid var(--border);border-radius:9px;max-height:190px;padding:9px;overflow:auto}.rdp-results>div.bad{border-color:#ef6e6838}.rdp-results>div>div{justify-content:space-between;margin-bottom:7px;display:flex}.rdp-results b{font-size:9px}.rdp-results i{color:#67d78c;font-size:7px;font-style:normal}.rdp-results .bad i{color:#ef6e68}.rdp-results span{border-top:1px solid var(--border);color:var(--muted);padding:5px 0;font-size:8px;display:block}.rdp-results>small{text-align:center;color:var(--faint);grid-column:1/-1;padding:13px;font-size:8px}@media (width<=900px){.rdp-panel{margin-left:20px;margin-right:20px}.rdp-controls,.rdp-results{grid-template-columns:1fr}}.remote-source.online{border-color:#67d78c38}.remote-source.online>i{color:#67d78c;background:#67d78c14}.remote-source>.remote-items{border-top:1px solid var(--border);max-height:150px;margin-top:10px;display:block;overflow:auto}.remote-items p{border-bottom:1px solid var(--border);color:var(--muted);margin:0;padding:6px 0;font-size:8px;line-height:1.35}.remote-items p:last-child{border-bottom:0}.remote-system-panels{gap:12px;display:grid}.remote-system{border:1px solid var(--border);background:var(--surface);border-radius:12px;overflow:hidden}.remote-system-head{background:linear-gradient(110deg,var(--side),var(--surface));border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.remote-system-head>div{align-items:center;gap:9px;display:flex}.remote-system-head span b,.remote-system-head span small{display:block}.remote-system-head span small,.remote-system-head time{color:var(--faint);margin-top:2px;font-size:8px}.remote-system-head i{color:#e5a84f;background:#e5a84f14;border-radius:5px;padding:4px 6px;font-size:7px;font-style:normal}.remote-table-wrap{overflow:auto}.remote-table-head,.remote-table-row{grid-template-columns:repeat(var(--remote-cols),minmax(130px,1fr));min-width:700px;display:grid}.remote-table-head{background:color-mix(in srgb,var(--side) 80%,transparent);color:var(--faint);text-transform:uppercase;letter-spacing:.08em;font-size:7px}.remote-table-head span,.remote-table-row span{border-right:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;padding:9px 12px;overflow:hidden}.remote-table-head span:last-child,.remote-table-row span:last-child{border-right:0}.remote-table-row{border-top:1px solid var(--border);color:var(--muted);font-size:9px;position:relative}.remote-table-row:before{content:"";background:var(--row-severity-color,#62a6e8);border-radius:0 3px 3px 0;width:3px;position:absolute;top:7px;bottom:7px;left:0}.remote-table-row.severity-critical:before,.remote-table-row.severity-disaster:before,.remote-table-row.severity-high:before{background:var(--row-severity-color,#ef5e5a);box-shadow:0 0 9px color-mix(in srgb,var(--row-severity-color,#ef5e5a) 45%,transparent)}.remote-table-row.severity-warning:before,.remote-table-row.severity-average:before{background:var(--row-severity-color,#e5a84f)}.remote-table-row .rtc-severity-cell{background:color-mix(in srgb,var(--rtc-severity-color,#62a6e8) 16%,transparent);box-shadow:inset 3px 0 var(--rtc-severity-color,#62a6e8);color:var(--text)}.remote-system-empty{text-align:center;color:var(--faint);padding:28px;font-size:9px}@media (width<=900px){.remote-system-head{align-items:flex-start}.remote-system-head>div:last-child{flex-direction:column;align-items:flex-end}.remote-system-head time{display:none}}.workspace{height:42px}.section.grow{overflow:hidden auto}.context{width:165px;top:30px;right:4px}.category-label{justify-content:space-between;align-items:center;display:flex}.category-label button{color:var(--accent);cursor:pointer;text-transform:none;letter-spacing:0;align-items:center;gap:3px;font-size:9px;display:flex}.category-drop{border:1px solid #0000;border-radius:8px;margin-bottom:5px;padding:3px}.category-drop>span{color:var(--faint);text-transform:uppercase;letter-spacing:.06em;padding:3px 7px;font-size:9px;font-weight:700;display:block}.category-drop.drag-over{border-color:var(--accent);background:var(--accent-soft)}.category-head{color:var(--faint);cursor:grab;align-items:center;gap:5px;padding:3px 5px;display:flex}.category-head:active{cursor:grabbing}.category-head>span{text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;letter-spacing:.06em;flex:1;min-width:0;font-size:9px;font-weight:700;overflow:hidden}.category-head>button{opacity:0;cursor:pointer;width:22px;height:22px;color:var(--muted);border-radius:5px;place-items:center;display:grid}.category-drop:hover .category-head>button{opacity:1}.category-head>button:hover{background:var(--hover);color:var(--text)}.category-head>button.danger:hover{color:var(--danger);background:#ef6e6812}.monitor-content-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);align-items:start;gap:12px;display:grid}.monitor-content-grid .monitor-section{margin-top:8px}.monitor-table-head{min-height:29px}.host-alert{padding:8px 10px}.remote-system-head{padding:8px 10px}.ack-head,.ack-cell{place-items:center;padding-left:6px!important;padding-right:6px!important;display:grid!important}.ack-cell input{accent-color:var(--accent);cursor:pointer;width:13px;height:13px}.section-actions{align-items:center;gap:8px;display:flex}.sound-upload{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:5px 7px;font-size:8px;display:flex}.sound-upload:hover{border-color:var(--accent);color:var(--text)}.sound-upload input{display:none}.remote-system-head .sound-upload{margin-left:auto}.remote-table-row.severity-critical span,.remote-table-row.severity-disaster span{background:#ef5e5a08}.remote-table-row.severity-high span{background:#ef7d5208}.remote-table-row.severity-warning span,.remote-table-row.severity-average span{background:#e5a84f08}@media (width<=1200px){.monitor-content-grid{grid-template-columns:1fr}.monitor-content-grid>section:nth-child(n){grid-area:auto/1}.monitor-page{padding:16px}.remote-table-wrap{max-height:220px}}.app{background:var(--canvas);gap:10px;padding:10px}.sidebar{border:1px solid var(--border);background:var(--side);border-radius:16px;flex-basis:248px;width:248px;overflow:visible;box-shadow:0 12px 40px #02060d12}.sidebar.collapsed{margin-left:-258px}.main{background:var(--bg);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 12px 40px #02060d12}.topbar{background:color-mix(in srgb, var(--surface) 92%, transparent);border-bottom-color:var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-basis:58px;height:58px;padding:0 18px 0 22px}.crumb{font-size:12px;font-weight:600}.crumb span:first-child{background:var(--accent-soft);width:25px;height:25px;color:var(--accent);border-radius:7px;place-items:center;display:grid}.top-actions{gap:6px}.top-actions .icon-btn{border:1px solid #0000}.top-actions .icon-btn:hover{border-color:var(--border);background:var(--bg)}.avatar-btn{color:#fff;background:linear-gradient(145deg,#23aaf7,#126bb7);border-radius:9px;width:30px;height:30px;box-shadow:0 5px 16px #148fd53d}.drag-region{height:10px}.workspace{border-bottom:1px solid var(--border);height:54px;margin-bottom:9px;padding:0 12px 0 14px}.workspace-switch{padding:5px 7px}.brandmark{color:#fff;background:linear-gradient(145deg,#34b7ff,#147dca);border-radius:9px;width:31px;height:31px;font-family:DM Sans,system-ui,sans-serif;font-weight:800;box-shadow:0 5px 15px #148fd539}.brandname{font-size:13px}.workspace-switch svg{color:var(--faint)}.nav-item{border-radius:9px;gap:11px;height:39px;margin:2px 10px;padding:0 11px}.nav-item span{font-size:12px}.nav-item>svg{width:16px}.nav-active{border:1px solid var(--border);box-shadow:0 4px 14px #02060d0c;background:var(--surface)!important;color:var(--accent)!important}.section{padding-top:19px}.section-label{letter-spacing:.11em;font-size:9px}.page-row{height:34px;font-size:12px}.category-drop>span,.category-head>span{font-size:8px}.sidebar-footer{background:linear-gradient(180deg, transparent, var(--side) 20%)}.floating-sidebar{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);top:22px;left:22px}.feature-page,.monitor-combined{background:var(--bg)}.editor-shell{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:min(940px,100% - 70px);margin:24px auto;padding:48px 58px 140px;box-shadow:0 12px 35px #02060d0b}.title,.feature-head h1,.dash-welcome h1{letter-spacing:-1.2px;font-family:DM Sans,system-ui,sans-serif;font-weight:750}.feature-head h1{font-size:32px}.feature-head p{font-size:12px}.eyebrow{color:var(--accent);letter-spacing:.17em;font-size:8px}.toolbar{border-radius:12px;box-shadow:0 8px 25px #02060d14}.monitor-combined>.monitor-page{padding-top:22px}.monitor-page{max-width:1540px;padding:22px 24px 28px}.monitor-head{align-items:center;margin-bottom:18px}.monitor-head-actions{align-items:center;gap:9px;display:flex}.monitor-live-badge{border:1px solid color-mix(in srgb, var(--success) 30%, var(--border));background:color-mix(in srgb, var(--success) 8%, var(--surface));height:34px;color:var(--success);border-radius:9px;align-items:center;gap:7px;padding:0 11px;font-size:9px;font-weight:700;display:flex}.monitor-live-badge i{background:var(--success);width:6px;height:6px;box-shadow:0 0 0 4px color-mix(in srgb, var(--success) 13%, transparent);border-radius:50%}.monitor-refresh{background:var(--accent);border-color:var(--accent);color:#fff;height:34px;box-shadow:0 6px 18px color-mix(in srgb, var(--accent) 24%, transparent);border-radius:9px;padding:0 12px;font-weight:700}.monitor-refresh:hover{filter:brightness(1.05);border-color:var(--accent)}.collector-note{border-color:color-mix(in srgb, var(--accent) 25%, var(--border));background:linear-gradient(90deg, var(--accent-soft), color-mix(in srgb, var(--surface) 70%, transparent));min-height:40px;color:var(--muted);border-radius:10px;margin-bottom:11px}.collector-note svg{color:var(--accent)}.source-strip{gap:11px;margin-bottom:11px}.source-status{background:var(--surface);border-radius:11px;min-height:52px;padding:10px 13px;box-shadow:0 5px 18px #02060d0a}.source-status>svg{width:16px}.source-status.online>svg{color:var(--success)}.source-status b{font-size:10px}.source-status span{font-size:8px}.source-status>i{letter-spacing:.04em;font-size:7px;font-weight:800}.source-status.online>i{color:var(--success);background:color-mix(in srgb, var(--success) 10%, transparent)}.monitor-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:13px}.monitor-stats>div.monitor-metric{background:var(--surface);border:1px solid var(--border);border-radius:12px;min-height:105px;padding:13px 14px;display:block;position:relative;overflow:hidden;box-shadow:0 6px 22px #02060d0b}.monitor-metric:before{content:"";background:var(--metric-color,var(--accent));opacity:.8;width:100%;height:2px;position:absolute;inset:0 auto auto 0}.monitor-metric .metric-icon{background:color-mix(in srgb, var(--metric-color,var(--accent)) 12%, transparent);width:27px;height:27px;color:var(--metric-color,var(--accent));border-radius:8px;place-items:center;margin-bottom:8px;display:grid}.monitor-metric .metric-icon svg{width:14px;height:14px;color:inherit;display:block}.monitor-metric>small{color:var(--muted);font-size:9px;font-weight:600;position:absolute;top:16px;left:49px}.monitor-metric>b{letter-spacing:-.7px;margin-top:1px;font-size:23px;line-height:1;display:block}.monitor-metric>em{color:var(--faint);margin-top:5px;font-size:7px;font-style:normal;display:block}.metric-danger{--metric-color:#ff626d}.metric-warning{--metric-color:#f4b94f}.metric-info{--metric-color:#6c9cff}.metric-primary{--metric-color:#28a8f7}.metric-spark{align-items:flex-end;gap:3px;height:36px;display:flex;position:absolute;bottom:14px;right:13px}.metric-spark i{background:color-mix(in srgb, var(--metric-color) 75%, transparent);border-radius:3px 3px 1px 1px;width:4px;display:block}.metric-spark i:first-child{opacity:.5;height:13px}.metric-spark i:nth-child(2){opacity:.65;height:25px}.metric-spark i:nth-child(3){opacity:.75;height:19px}.metric-spark i:nth-child(4){height:32px}.metric-spark i:nth-child(5){opacity:.8;height:23px}.metric-spark i:nth-child(6){opacity:.9;height:29px}.monitor-content-grid{grid-template-columns:minmax(480px,.9fr) minmax(620px,1.35fr);gap:13px}.monitor-content-grid .monitor-section{background:var(--surface);border:1px solid var(--border);border-radius:13px;margin-top:0;padding:12px;overflow:hidden;box-shadow:0 7px 24px #02060d0a}.monitor-content-grid>section:nth-child(2){margin-top:0}.monitor-section-title{align-items:center;min-height:34px;margin:0 2px 10px}.monitor-section-title span{color:var(--accent);font-size:7px;font-weight:800}.monitor-section-title small{font-size:7px}.section-actions{gap:7px}.sound-upload{background:var(--bg);border-radius:7px;padding:6px 8px;font-size:7px}.monitor-table{background:var(--surface);border-radius:10px}.monitor-table-head,.monitor-row{grid-template-columns:43px 83px 1.15fr 2.5fr 75px 91px}.monitor-table-head{background:var(--bg);min-height:31px;font-size:7px}.monitor-row{min-height:39px;font-size:9px}.monitor-row b,.monitor-row time,.monitor-row>strong{font-size:8px}.monitor-row:hover{background:color-mix(in srgb, var(--accent) 5%, var(--surface))}.severity-badge{border-radius:10px;padding:4px 7px;font-size:7px;font-weight:700}.ack-cell input{accent-color:var(--accent)}.host-alert-grid{gap:7px}.host-alert{background:color-mix(in srgb, var(--danger) 5%, var(--surface));border-radius:9px;padding:9px 10px}.host-alert b{font-size:9px}.host-alert span{font-size:7px}.host-alert>i{background:var(--danger);font-weight:800}.host-alert em{font-size:6px;font-weight:800}.host-alert-empty{background:var(--bg)}.remote-system-panels{gap:9px}.remote-system{box-shadow:none;border-radius:11px}.remote-system.online{border-color:color-mix(in srgb, var(--success) 28%, var(--border));box-shadow:0 5px 18px #02060d09}.remote-system-head{background:linear-gradient(100deg, var(--bg), var(--surface));min-height:47px;padding:8px 10px}.remote-system-head>div:first-child>svg{color:var(--accent)}.remote-system-head span b{font-size:10px}.remote-system-head span small,.remote-system-head time{font-size:7px}.remote-system-head i{font-size:6px;font-weight:800}.remote-system.online .remote-system-head i{color:var(--success);background:color-mix(in srgb, var(--success) 10%, transparent)}.remote-table-wrap{max-height:190px}.remote-table-head,.remote-table-row{grid-template-columns:40px repeat(var(--remote-cols), minmax(100px, 1fr));min-width:610px}.remote-table-head{background:var(--bg);font-size:6px}.remote-table-head span,.remote-table-row span{padding:7px 8px}.remote-table-row{font-size:8px}.remote-table-row:hover{background:color-mix(in srgb, var(--accent) 5%, var(--surface));color:var(--text)}.remote-table-row:before{width:2px;top:8px;bottom:8px}.remote-system-empty{background:var(--bg);padding:26px}.monitor-foot{margin-top:10px;padding:0 3px;font-size:7px}.monitor-foot i{background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb, var(--success) 12%, transparent)}.feature-page{padding-top:38px}.dashboard{max-width:1280px}.dash-welcome{margin-bottom:21px}.dash-welcome h1{margin:5px 0 7px;font-size:31px}.dash-card,.task-stats>div,.quick-task,.board-col,.task-card,.data-table,.gallery-card,.settings-card,.template-modal,.table-dialog{background:var(--surface);border-color:var(--border);box-shadow:0 7px 24px #02060d0a}.dash-card{border-radius:13px}.metric-row div{background:var(--bg);border:1px solid var(--border)}.shortcuts>div>button{background:var(--bg)}.task-add-btn,.vpn-bridge>button,.rdp-controls button.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 6px 17px color-mix(in srgb, var(--accent) 20%, transparent)}.board-col{background:color-mix(in srgb, var(--surface) 65%, var(--bg))}.data-head,.view-tabs{background:var(--bg)}.view-tabs button.selected{color:var(--accent)}.login-screen{background:var(--canvas);color:#edf4fb}.login-glow{background:#28a8f72b}.login-card{background:#111722;border-color:#263142;border-radius:20px;box-shadow:0 40px 100px #02060de6}.login-brand span{color:#fff;background:linear-gradient(145deg,#34b7ff,#147dca)}.login-card input{background:#0b0f16;border-color:#263142}.login-card input:focus{border-color:#28a8f7}.login-card form>button{color:#fff;background:linear-gradient(135deg,#28a8f7,#1682d2);box-shadow:0 8px 25px #1682d238}.loader{background:var(--canvas);color:var(--accent)}:root[data-theme=light] .sidebar,:root[data-theme=light] .main{box-shadow:0 18px 55px #384c6614}:root[data-theme=light] .nav-active{box-shadow:0 5px 16px #445d7710}:root[data-theme=light] .monitor-stats>div.monitor-metric,:root[data-theme=light] .monitor-content-grid .monitor-section,:root[data-theme=light] .source-status{box-shadow:0 7px 22px #40546d0b}@media (width<=1200px){.monitor-content-grid{grid-template-columns:1fr}.monitor-content-grid>section:nth-child(n){grid-area:auto/1}.monitor-stats{grid-template-columns:repeat(2,1fr)}.monitor-page{padding:18px}.remote-table-wrap{max-height:230px}}@media (width<=760px){.app{gap:0;padding:0}.main{border-width:0;border-radius:0}.sidebar{border-radius:0}.topbar{padding:0 12px}.saved-mini{display:none}.monitor-head{align-items:flex-start}.monitor-head-actions{justify-content:space-between;width:100%}.monitor-live-badge{display:none}.monitor-stats,.source-strip{grid-template-columns:1fr 1fr}.monitor-page{padding:14px}.monitor-content-grid{display:block}.monitor-content-grid .monitor-section{margin-bottom:10px}.monitor-table-head,.monitor-row{min-width:760px}.editor-shell{border:0;border-radius:0;width:100%;margin:0;padding:35px 24px 100px}}.monitor-combined{overflow:hidden auto}.monitor-combined>.monitor-page,.monitor-page{flex-direction:column;height:auto;min-height:100%;padding:12px 14px 9px;display:flex;overflow:visible}.monitor-head{flex:none;min-height:50px;margin-bottom:7px}.monitor-head h1{margin:3px 0;font-size:27px}.monitor-head p{font-size:9px}.monitor-head .eyebrow{font-size:7px}.monitor-refresh,.monitor-live-badge{height:32px}.collector-note{flex:0 0 35px;min-height:35px;margin-bottom:7px;padding:0 11px;font-size:7px}.monitor-overview-grid{flex:0 0 116px;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-height:116px;margin-bottom:8px;display:grid}.monitor-overview-card{border:1px solid var(--border);background:linear-gradient(125deg, var(--surface), color-mix(in srgb, var(--bg) 45%, var(--surface)));border-radius:11px;min-width:0;padding:8px 9px 9px;box-shadow:0 5px 18px #02060d0b}.monitor-overview-card.online{border-color:color-mix(in srgb, var(--success) 24%, var(--border))}.monitor-overview-card.offline{border-color:color-mix(in srgb, var(--danger) 26%, var(--border))}.overview-source-head{align-items:center;gap:8px;height:35px;display:flex}.overview-source-icon{width:29px;height:29px;color:var(--success);background:color-mix(in srgb, var(--success) 10%, transparent);border:1px solid color-mix(in srgb, var(--success) 22%, var(--border));border-radius:50%;flex:0 0 29px;place-items:center;display:grid}.offline .overview-source-icon{color:var(--danger);background:color-mix(in srgb, var(--danger) 9%, transparent);border-color:color-mix(in srgb, var(--danger) 20%, var(--border))}.overview-source-icon svg{width:15px;height:15px}.overview-source-head>div{flex:1;min-width:0}.overview-source-head b{font-size:10px;display:block}.overview-source-head small{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:6px;display:block;overflow:hidden}.overview-source-head>i{color:var(--success);background:color-mix(in srgb, var(--success) 10%, transparent);border-radius:5px;padding:4px 6px;font-size:6px;font-style:normal;font-weight:800}.offline .overview-source-head>i{color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, transparent)}.overview-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;height:59px;margin-top:5px;display:grid}.overview-metric{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 72%, var(--surface));border-radius:8px;grid-template-rows:1fr 1fr;grid-template-columns:30px 1fr;align-items:center;column-gap:7px;min-width:0;padding:7px;display:grid}.overview-metric>span{width:28px;height:28px;color:var(--metric);background:color-mix(in srgb, var(--metric) 16%, transparent);border-radius:50%;grid-row:1/3;place-items:center;display:grid}.overview-metric svg{width:15px;height:15px}.overview-metric b{align-self:end;font-size:15px;line-height:1}.overview-metric small{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;align-self:start;margin-top:3px;font-size:6px;overflow:hidden}.overview-metric.danger{--metric:#ff626d}.overview-metric.warning{--metric:#f4a429}.overview-metric.info{--metric:#4d9ef7}.overview-metric.success{--metric:#73d442}.monitor-content-grid{--lower-panel-height:clamp(190px, 26vh, 250px);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:clamp(280px, 38vh, 390px) var(--lower-panel-height) var(--lower-panel-height);flex:none;align-items:stretch;gap:8px;min-height:0;display:grid}.monitor-content-grid>section:first-child{grid-area:1/1}.monitor-content-grid>section:nth-child(2){grid-area:2/1}.monitor-content-grid>section:nth-child(3){grid-area:1/2/span 2}.monitor-content-grid>section:nth-child(4){grid-area:3/1}.monitor-content-grid>section:nth-child(5){grid-area:3/2}.monitor-content-grid .monitor-section{border-radius:10px;flex-direction:column;height:100%;min-height:0;padding:8px;display:flex}.monitor-section-title{flex:0 0 29px;min-height:29px;margin:0 2px 5px}.monitor-section-title h3{margin-top:2px;font-size:10px}.monitor-section-title span,.monitor-section-title small{font-size:6px}.sound-upload{height:25px;padding:0 7px}.source-sound-control{align-items:center;gap:5px;min-width:0;display:flex}.source-sound-toggle{border:1px solid var(--border);background:var(--surface);height:25px;color:var(--muted);font:inherit;white-space:nowrap;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:0 7px;font-size:7px;display:inline-flex}.source-sound-toggle:hover{border-color:var(--accent);color:var(--text)}.source-sound-toggle.is-off{color:#ff7a76;background:#ef5e5a0d;border-color:#ef5e5a55}.source-sound-status{color:#ff7a76;white-space:nowrap;background:#ef5e5a12;border-radius:7px;align-items:center;gap:4px;height:25px;padding:0 7px;font-size:7px;font-weight:700;display:inline-flex}.monitor-table{border-radius:8px;flex:1;min-height:0;overflow:auto}.monitor-table-head{z-index:3;min-height:28px;position:sticky;top:0}.monitor-row{min-height:35px}.monitor-empty{justify-content:center;min-height:100%;padding:15px}.host-alert-grid{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;min-height:0;overflow:auto}.host-alert{min-height:48px}.remote-system-panels{flex:1;grid-template-rows:repeat(3,minmax(0,1fr));gap:6px;min-height:0;display:grid}.remote-system{border-radius:9px;flex-direction:column;min-height:0;display:flex}.remote-system-head{flex:0 0 39px;min-height:39px;padding:5px 8px}.remote-table-wrap{flex:1;min-height:0;max-height:none;overflow:auto}.remote-table-head{z-index:2;position:sticky;top:0}.remote-table-head span,.remote-table-row span{padding-top:5px;padding-bottom:5px}.remote-system-empty{flex:1;place-items:center;padding:8px;display:grid}.webmail-monitor-section{padding:8px}.webmail-monitor-section>.webmail-system{flex:1;min-height:0}.webmail-system{border-color:color-mix(in srgb, #9a68ff 32%, var(--border))}.webmail-system.online{border-color:color-mix(in srgb, #9a68ff 48%, var(--border))}.deskplus-monitor-section{padding:8px}.deskplus-monitor-section>.deskplus-system{flex:1;min-height:0}.deskplus-system{border-color:color-mix(in srgb, #18bca4 34%, var(--border))}.deskplus-system.online{border-color:color-mix(in srgb, #18bca4 58%, var(--border))}.deskplus-system .remote-system-head>div:first-child>svg{color:#2dd4bf}.deskplus-table-wrap .remote-table-head,.deskplus-table-wrap .remote-table-row{grid-template-columns:40px 95px minmax(180px,1.5fr) 135px 110px 120px;min-width:680px}.webmail-folder-table{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, #9a68ff 40%, var(--border)) transparent;flex:1;min-height:0;overflow:auto}.webmail-folder-head,.webmail-folder-row{grid-template-columns:minmax(150px,1fr) 66px 50px 60px;align-items:center;min-width:360px;display:grid}.webmail-folder-head{z-index:2;min-height:24px;color:var(--faint);background:color-mix(in srgb, var(--side) 88%, transparent);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.07em;font-size:6px;position:sticky;top:0}.webmail-folder-row{min-height:27px;color:var(--muted);border-bottom:1px solid var(--border);font-size:8px}.webmail-folder-row:hover{color:var(--text);background:var(--hover)}.webmail-folder-head>span,.webmail-folder-row>span,.webmail-folder-row>strong,.webmail-folder-row>label{padding:5px 7px}.webmail-folder-row>span{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;display:flex;overflow:hidden}.webmail-folder-row>span svg{color:#9a68ff;flex:none}.webmail-folder-row>strong{color:var(--faint);font-size:9px}.webmail-folder-row>strong.has-unread{color:#ff6b73}.folder-option{width:100%;color:inherit;cursor:pointer;background:0 0;border:0;justify-self:stretch;place-items:center;display:grid}.folder-option i{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 70%, var(--surface));border-radius:999px;width:25px;height:14px;transition:all .18s;position:relative}.folder-option i:after{content:"";background:var(--faint);border-radius:50%;width:8px;height:8px;transition:all .18s;position:absolute;top:2px;left:2px}.folder-option[aria-checked=true] i{background:#9a68ff47;border-color:#9a68ff}.folder-option[aria-checked=true] i:after{background:#ad80ff;left:13px;box-shadow:0 0 7px #9a68ff88}.folder-option:focus-visible{outline-offset:-2px;border-radius:6px;outline:1px solid #9a68ff}.webmail-preference-error{white-space:nowrap;color:#ff6b73!important}.monitor-foot{flex:0 0 13px;margin-top:3px}.monitor-table,.host-alert-grid,.remote-table-wrap{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--accent) 38%, var(--border)) transparent}.monitor-table::-webkit-scrollbar{width:7px;height:7px}.host-alert-grid::-webkit-scrollbar{width:7px;height:7px}.remote-table-wrap::-webkit-scrollbar{width:7px;height:7px}.monitor-table::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent) 38%, var(--border));border-radius:8px}.host-alert-grid::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent) 38%, var(--border));border-radius:8px}.remote-table-wrap::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent) 38%, var(--border));border-radius:8px}@media (width<=1050px){.monitor-combined{overflow:auto}.monitor-combined>.monitor-page,.monitor-page{height:auto;min-height:100%;overflow:visible}.monitor-overview-grid{flex-basis:auto;grid-template-columns:1fr}.monitor-content-grid{display:block}.monitor-content-grid .monitor-section{min-height:310px;margin-bottom:8px}.remote-system-panels{min-height:900px}.monitor-foot{min-height:18px}}.monitor-notification-button{height:32px;color:var(--text);background:color-mix(in srgb, var(--surface) 88%, var(--accent));border:1px solid var(--border);border-radius:9px;align-items:center;gap:7px;padding:0 12px;font-size:9px;font-weight:700;display:inline-flex}.monitor-notification-button:hover{border-color:color-mix(in srgb, #20aef3 48%, var(--border));color:#38bdf8}.notification-overlay{z-index:150;padding:22px}.notification-settings-card{border:1px solid color-mix(in srgb, #28b9f3 22%, var(--border));background:radial-gradient(circle at 90% 0%, #0ea5e91a, transparent 34%), var(--surface);border-radius:18px;width:min(1040px,96vw);max-height:min(850px,94vh);padding:0;overflow:auto;box-shadow:0 30px 90px #0000006b}.notification-modal-head{z-index:3;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:flex-start;padding:23px 26px 18px;display:flex;position:sticky;top:0}.notification-modal-head h2{letter-spacing:-.04em;margin:4px 0 5px;font-family:inherit;font-size:24px}.notification-modal-head p{color:var(--muted);margin:0;font-size:12px}.notification-modal-head .icon-button{width:35px;height:35px}.notification-modal-head .icon-button svg{width:17px}.notification-loading{min-height:390px;color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex}.notification-loading svg{width:18px}.notification-security-note{border:1px solid color-mix(in srgb, #22c55e 30%, var(--border));color:#57d88b;background:color-mix(in srgb, #22c55e 8%, var(--bg));border-radius:12px;align-items:center;gap:13px;margin:18px 26px 14px;padding:13px 15px;display:flex}.notification-security-note>svg{flex:0 0 19px;width:19px}.notification-security-note b,.notification-security-note span{display:block}.notification-security-note b{font-size:11px}.notification-security-note span{color:var(--muted);margin-top:3px;font-size:9px;line-height:1.5}.notification-source-picker{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 62%, var(--surface));border-radius:12px;justify-content:space-between;align-items:center;gap:18px;margin:0 26px 14px;padding:13px 15px;display:flex}.notification-source-picker>div:first-child b,.notification-source-picker>div:first-child span{display:block}.notification-source-picker>div:first-child b{font-size:11px}.notification-source-picker>div:first-child span{color:var(--faint);margin-top:3px;font-size:8px}.notification-source-picker>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.notification-source-picker label{border:1px solid var(--border);height:29px;color:var(--muted);background:var(--surface);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 10px;font-size:9px;display:inline-flex}.notification-source-picker label.selected{color:#38bdf8;background:#0ea5e914;border-color:#38bdf86b}.notification-source-picker input{display:none}.notification-source-picker svg{opacity:0;width:12px;height:12px}.notification-source-picker label.selected svg{opacity:1}.notification-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 26px 18px;display:grid}.notification-channel{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 69%, var(--surface));border-radius:13px;min-width:0;padding:16px;transition:border-color .18s,box-shadow .18s}.notification-channel.active{border-color:color-mix(in srgb, #22c55e 42%, var(--border));box-shadow:inset 0 0 0 1px #22c55e0d}.notification-channel:last-child{grid-column:1/-1}.notification-channel-head{align-items:center;gap:10px;margin-bottom:14px;display:flex}.notification-channel-head>span{border-radius:10px;flex:0 0 35px;place-items:center;width:35px;height:35px;display:grid}.notification-channel-head>span.telegram{color:#38bdf8;background:#0ea5e921}.notification-channel-head>span.pushover{color:#a78bfa;background:#8b5cf621}.notification-channel-head>span.callmebot{color:#4ade80;background:#22c55e21}.notification-channel-head svg{width:17px}.notification-channel-head>div{flex:1;min-width:0}.notification-channel-head b,.notification-channel-head small{display:block}.notification-channel-head b{font-size:12px}.notification-channel-head small{color:var(--faint);margin-top:2px;font-size:8px}.channel-switch{flex:0 0 36px;width:36px;height:20px;position:relative}.channel-switch input{opacity:0;pointer-events:none;position:absolute}.channel-switch i{background:color-mix(in srgb, var(--faint) 22%, var(--surface));border:1px solid var(--border);cursor:pointer;border-radius:20px;position:absolute;inset:0}.channel-switch i:after{content:"";background:var(--faint);border-radius:50%;width:14px;height:14px;transition:all .18s;position:absolute;top:2px;left:2px}.channel-switch input:checked+i{background:#22c55e38;border-color:#22c55e6b}.channel-switch input:checked+i:after{background:#4ade80;transform:translate(16px)}.notification-channel>label,.notification-fields-two label{color:var(--muted);margin-top:9px;font-size:8px;font-weight:700;display:block}.notification-channel input:not([type=checkbox]),.notification-channel select{width:100%;height:36px;color:var(--text);border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 76%, var(--bg));font:inherit;border-radius:8px;outline:none;margin-top:5px;padding:0 10px;font-size:10px}.notification-channel input:focus,.notification-channel select:focus{border-color:#38bdf88c;box-shadow:0 0 0 3px #0ea5e917}.notification-fields-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.notification-channel-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;min-height:30px;margin-top:12px;padding-top:11px;display:flex}.notification-channel-foot span{color:#55d98a;font-size:8px}.notification-channel-foot button,.notification-clear{background:0 0;border:0;font-size:8px;font-weight:750}.notification-channel-foot button{color:#38bdf8;background:#0ea5e912;border:1px solid #38bdf847;border-radius:7px;height:27px;padding:0 9px}.notification-channel-foot button:disabled{opacity:.42}.notification-clear{color:#f87171;margin-top:7px;padding:0}.notification-help{color:var(--faint);margin:10px 0 0;font-size:8px;line-height:1.45}.notification-modal-footer{z-index:3;border-top:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);align-items:center;gap:9px;padding:14px 26px;display:flex;position:sticky;bottom:0}.notification-modal-footer>span{color:#f59e0b;flex:1;font-size:9px}.notification-modal-footer>span.success{color:#4ade80}.notification-modal-footer button{border-radius:8px;align-items:center;gap:7px;height:34px;padding:0 13px;font-size:9px;font-weight:750;display:inline-flex}.notification-modal-footer .secondary-button{color:var(--muted);border:1px solid var(--border);background:var(--surface)}.notification-modal-footer .primary-button{color:#03121b;background:#38bdf8;border:1px solid #38bdf8}.notification-modal-footer .primary-button svg{width:14px}@media (width<=760px){.notification-overlay{padding:8px}.notification-settings-card{max-height:97vh}.notification-modal-head,.notification-modal-footer{padding-left:16px;padding-right:16px}.notification-security-note,.notification-source-picker{margin-left:16px;margin-right:16px}.notification-source-picker{flex-direction:column;align-items:flex-start}.notification-source-picker>div:last-child{justify-content:flex-start}.notification-channel-grid{grid-template-columns:1fr;padding-left:16px;padding-right:16px}.notification-channel:last-child{grid-column:auto}.notification-modal-footer>span{display:none}.notification-modal-footer{justify-content:flex-end}.monitor-notification-button{justify-content:center;width:32px;padding:0;font-size:0}}