:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f7f8;--page:#030709;--card:#071014d1;--card-strong:#071014e6;--line:#ffffff1a;--line-soft:#ffffff13;--teal:#00d6bd;--green:#35d080;--blue:#19a7ee;--red:#ff4168;--orange:#ff8a3d;--muted:#8b98a5;--text:#f4f7f8;--shadow:0 18px 70px #00000057;background:#030709;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 70% -10%, #00d6bd40, transparent 28%), radial-gradient(circle at 100% 38%, #00d6bd21, transparent 22%), linear-gradient(110deg, #02080b33, #050f121f), url(/assets/serpent_back-CwN6ro-E.png) center / cover fixed, var(--page);min-width:320px}body:before{content:"";pointer-events:none;opacity:.13;background-size:18px 18px;position:fixed;inset:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.screen-state{min-height:100vh;color:var(--muted);place-items:center;display:grid}.glass-card{border:1px solid var(--line);box-shadow:inset 0 1px 0 #ffffff09, var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#09161adb,#050c0fd6)}.app-shell{min-height:100vh;padding:16px 32px 22px 332px;position:relative}.app-shell--collapsed{padding-left:124px}.sidebar{z-index:10;border:1px solid var(--line);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#071014e0;border-radius:16px;flex-direction:column;width:286px;height:calc(100vh - 32px);display:flex;position:fixed;top:16px;left:16px;overflow:hidden;box-shadow:0 20px 70px #00000073}.app-shell--collapsed .sidebar{width:92px}.brand{align-items:center;min-height:108px;padding:18px 22px 10px;display:flex}.brand img{object-fit:contain;filter:saturate(1.12)contrast(1.08);width:220px;height:auto}.app-shell--collapsed .brand{justify-content:center;padding-inline:10px}.app-shell--collapsed .brand img{object-fit:cover;object-position:left center;width:62px;height:58px}.nav-list{flex-direction:column;flex:1;gap:8px;padding:12px 16px;display:flex}.nav-item,.collapse-button{color:#cbd4dc;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:13px;min-height:48px;padding:0 14px;transition:color .18s,background .18s,border-color .18s,box-shadow .18s;display:flex}.nav-item svg,.collapse-button svg{flex:none}.nav-item:hover,.nav-item.active{color:#fff;background:#00d6bd2e;border-color:#00d6bd73;box-shadow:0 0 24px #00d6bd2e}.nav-item.active svg{color:var(--teal)}.nav-divider{background:#ffffff1a;height:1px;margin:14px 0 10px}.nav-section{color:#cbd4dc;justify-content:space-between;align-items:center;padding:0 10px 4px;font-size:14px;display:flex}.collapse-button{background:#ffffff09;border-color:#ffffff14;justify-content:flex-start;margin:14px 16px 16px}.app-shell--collapsed .nav-item,.app-shell--collapsed .collapse-button{justify-content:center;padding-inline:0}.app-shell--collapsed .nav-item span,.app-shell--collapsed .nav-section,.app-shell--collapsed .nav-divider,.app-shell--collapsed .collapse-button span{display:none}.workspace{z-index:1;width:min(100%,1700px);min-width:0;margin:0 auto;position:relative}.topbar{justify-content:flex-end;align-items:center;gap:10px;min-height:60px;margin-bottom:10px;display:flex}.profile-chip,.top-icon-button{border:1px solid var(--line);color:#eef6f7;background:#071014b8;border-radius:12px;justify-content:center;align-items:center;min-height:42px;display:inline-flex}.profile-chip{gap:12px;padding:0 14px 0 6px}.top-icon-button{width:42px}.avatar{border:1px solid var(--line);background:#ffffff0a;border-radius:999px;place-items:center;width:38px;height:38px;display:grid;position:relative}.avatar i{background:#43e58d;border-radius:99px;width:9px;height:9px;position:absolute;bottom:2px;right:2px;box-shadow:0 0 0 2px #071014}.primary-button,.ghost-button,.icon-button,.pager-buttons button{border:1px solid var(--line);min-height:42px;color:var(--text);background:#ffffff09;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:0 15px;transition:border-color .18s,background .18s,color .18s;display:inline-flex}.primary-button:disabled,.ghost-button:disabled,.icon-button:disabled{opacity:.42;cursor:not-allowed}.primary-button{color:#dffffb;background:#00d6bd29;border-color:#00d6bd94}.ghost-button:hover,.primary-button:hover,.icon-button:hover,.pager-buttons button:hover:not(:disabled){background:#00d6bd14;border-color:#00d6bd85}.icon-button{width:40px;padding:0}.icon-button--accent{color:var(--teal);border-color:#00d6bd66}.icon-button--danger{color:var(--red);border-color:#ff41688c}.icon-button--max{color:#72c7ff;border-color:#419dff80}.notice{border:1px solid var(--line);color:#dce7e9;background:#ffffff0a;border-radius:12px;margin-bottom:16px;padding:12px 14px}.notice--error{color:#ffb3c2;border-color:#ff416885}.copy-toast{z-index:90;color:#dffffb;background:#020e10eb;border:1px solid #00d6bd6b;border-radius:12px;padding:11px 14px;font-size:13px;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 42px #00000057}.login-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border-radius:20px;width:min(100%,560px);padding:46px 52px 42px}.login-logo{filter:saturate(1.1)contrast(1.06);width:min(100%,390px);margin:0 auto 10px;display:block}.login-card>p{text-align:center;color:var(--muted);margin:0 0 34px}.login-submit{width:100%;margin-top:22px}.password-field{border:1px solid var(--line);background:#ffffff09;border-radius:10px;grid-template-columns:minmax(0,1fr) 44px;display:grid;overflow:hidden}.password-field input{background:0 0;border:0}.password-field button{color:var(--muted);background:0 0;border:0}.check-row{color:#dce5e7;align-items:center;gap:12px;margin-top:20px;display:flex}.check-row input,.field input[type=checkbox]{width:22px;height:22px;accent-color:var(--teal)}.dashboard-panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0610149e;border-radius:24px;padding:28px;box-shadow:0 22px 70px #0006}.dashboard-head{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.dashboard-head h1{color:#fff;letter-spacing:0;margin:0;font-size:28px;font-weight:300}.dashboard-head p{color:var(--muted);margin:6px 0 0;font-size:15px}.date-button,.date-range,.mini-select{border:1px solid var(--line);color:#cbd4dc;background:#0003;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:40px;padding:0 14px;display:inline-flex}.date-range input{color:#dfe8ee;background:0 0;border:0;outline:none;width:136px}.date-range span{color:var(--muted)}.mini-select{min-height:34px;font-size:12px}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.metric-card{border-radius:16px;min-height:156px;padding:18px 18px 12px;position:relative;overflow:hidden}.metric-card:after{content:"";filter:blur(32px);pointer-events:none;background:#00d6bd1a;height:80px;position:absolute;bottom:-34px;left:40px;right:40px}.metric-main{align-items:flex-start;gap:16px;display:flex}.metric-icon{color:#cbd4dc;background:#ffffff0b;border:1px solid #ffffff14;border-radius:999px;flex:none;place-items:center;width:54px;height:54px;display:grid}.metric-main p{color:#b7c2ca;margin:0;font-size:14px}.metric-main strong{color:#fff;letter-spacing:.02em;margin-top:5px;font-size:28px;font-weight:300;line-height:1.05;display:block}.metric-main em{color:#85929d;flex-wrap:wrap;gap:9px;margin-top:11px;font-size:13px;font-style:normal;display:flex}.metric-main b{color:#3df0a0}.sparkline{height:42px;margin-top:4px}.dashboard-grid{grid-template-columns:repeat(9,minmax(0,2fr));grid-auto-rows:minmax(220px,auto);gap:14px;margin-top:14px;display:grid}.dashboard-card{border-radius:16px;min-width:0;padding:20px;overflow:hidden}.dashboard-card h2{color:#fff;letter-spacing:0;margin:0;font-size:18px;font-weight:500}.traffic-card{grid-column:span 5;min-height:330px}.platforms-card{grid-column:span 4;min-height:330px}.activity-card{grid-area:span 2/span 3}.top-links-card{grid-column:span 5}.system-card{grid-column:span 4}.protection-card{grid-column:span 3}.card-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.title-inline{align-items:center;gap:8px;display:flex}.title-inline span{color:#9aa6b2;border:1px solid #6e7882;border-radius:999px;place-items:center;width:16px;height:16px;font-size:10px;display:grid}.chart-legend{color:var(--muted);flex-wrap:wrap;gap:24px;margin-bottom:4px;font-size:12px;display:flex}.chart-legend span{align-items:center;gap:8px;display:flex}.chart-legend i{width:22px;height:1px}.chart-legend .solid{background:var(--teal)}.chart-legend .dashed{border-top:1px dashed #9aa6b2}.traffic-chart{height:245px}.platform-body{grid-template-columns:190px minmax(0,1fr);align-items:center;gap:18px;height:270px;display:grid}.donut{min-width:0;height:190px;position:relative}.donut-center{pointer-events:none;text-align:center;align-content:center;justify-items:center;gap:2px;display:grid;position:absolute;inset:0}.donut-center strong{color:#fff;font-size:22px;font-weight:300;line-height:1;display:block}.donut-center span{color:var(--muted);margin-top:0;font-size:11px;line-height:1.2;display:block}.platform-list{gap:13px;display:grid}.platform-list div{color:#d6dee4;grid-template-columns:13px minmax(0,1fr) auto;align-items:start;gap:2px 10px;font-size:13px;display:grid}.platform-list i{border-radius:999px;width:10px;height:10px;margin-top:4px}.platform-list span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.platform-list b{color:#dfe8ee;font-weight:500}.platform-list em{color:#87939e;grid-column:3;font-style:normal}.activity-list{border-top:1px solid #ffffff14;margin-top:14px}.activity-row{border-bottom:1px solid #ffffff14;grid-template-columns:38px minmax(0,1fr) 42px;align-items:center;gap:11px;padding:10px 0;display:grid}.tone{border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.tone--teal{color:#44f1df;background:#00d6bd29}.tone--green{color:#8cf3ba;background:#35d08029}.tone--blue{color:#73cdfd;background:#0ea5e929}.activity-row strong{color:#dfe8ee;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.25;display:block;overflow:hidden}.activity-row p{color:#7d8995;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:11px;overflow:hidden}.activity-row time{color:#98a3ad;text-align:right;font-size:11px}.wide-link,.center-link{border:1px solid var(--line);color:#cbd4dc;background:#ffffff09;border-radius:10px;justify-content:center;align-items:center;min-height:38px;margin-top:14px;font-size:13px;display:flex}.center-link{width:max-content;min-width:190px;margin-inline:auto;padding-inline:18px}.top-links-table{border-collapse:collapse;table-layout:fixed;width:100%;margin-top:14px;font-size:13px}.top-links-table th{color:#7f8b96;text-align:right;padding:8px 10px;font-weight:500}.top-links-table th:first-child{text-align:left;width:46%;padding-left:0}.top-links-table td{color:#d6dee4;text-align:right;white-space:nowrap;border-top:1px solid #ffffff14;padding:10px}.top-links-table td:first-child{color:#d6fff9;text-align:left;align-items:center;gap:10px;min-width:0;padding-left:0;display:flex}.top-links-table td:first-child svg{color:var(--teal);flex:none}.top-links-table td:first-child span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.system-list{border:1px solid #ffffff0f;border-radius:12px;margin-top:16px;display:grid;overflow:hidden}.system-list div{color:#d6dee4;border-bottom:1px solid #ffffff14;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;padding:0 12px;display:grid}.system-list div:last-child{border-bottom:0}.system-list svg{color:#aeb8c1}.system-list b{color:var(--green);font-weight:500}.protected-head{gap:14px;display:flex}.protected-head>span{width:48px;height:48px;color:var(--green);background:#35d08024;border-radius:14px;place-items:center;display:grid}.protected-head p{color:var(--muted);margin:5px 0 0;font-size:13px}.protection-stats{border-top:1px solid #ffffff14;grid-template-columns:repeat(3,1fr);gap:0;margin-top:20px;padding-top:18px;display:grid}.protection-stats div{text-align:center;border-right:1px solid #ffffff14}.protection-stats div:last-child{border-right:0}.protection-stats span{color:var(--muted);font-size:12px;display:block}.protection-stats strong{color:#fff;margin-top:8px;font-size:18px;font-weight:500;display:block}.last-check{color:var(--muted);margin:18px 0 0;font-size:12px}.page-card{border-radius:20px;padding:28px}.page-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:26px;display:flex}.page-title{align-items:center;gap:14px;display:flex}.page-title>span,.info-card>span{width:46px;height:46px;color:var(--teal);background:#00d6bd21;border-radius:13px;place-items:center;display:grid}.page-title h1{color:#fff;margin:0;font-size:30px;font-weight:500}.page-title p{color:var(--muted);margin:6px 0 0}.page-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.table-shell{border:1px solid var(--line);border-radius:14px;overflow-x:auto}.data-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:780px}.data-table th,.data-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #ffffff14;padding:15px 18px}.data-table th{color:#e8eef0;background:#ffffff08;font-weight:560}.data-table tbody tr:hover{background:#00d6bd0a}.data-table tbody tr:last-child td{border-bottom:0}.resource-link{color:#d6fff9;align-items:center;max-width:360px;font-weight:600;display:inline-flex}.resource-link:hover{color:#fff;text-decoration:underline}.resource-link span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.table-actions{white-space:nowrap;width:220px;text-align:right!important}.row-actions{justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.device-pill{color:#aafbf1;letter-spacing:0;background:#00d6bd14;border:1px solid #00d6bd52;border-radius:999px;align-items:center;min-height:30px;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex}.empty-cell{height:130px;color:var(--muted);text-align:center!important}.muted-text{max-width:380px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;display:inline-block;overflow:hidden}.status-badge{min-width:74px;color:var(--orange);border:1px solid #ff8a3d73;border-radius:999px;justify-content:center;padding:4px 10px;font-size:13px;display:inline-flex}.status-badge--ok{color:var(--green);border-color:#35d08073}.status-badge--off{color:var(--orange);border-color:#ff8a3d73}.pagination{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin-top:16px;display:flex}.pager-buttons{align-items:center;gap:8px;display:flex}.pager-buttons span{min-width:40px;height:40px;color:var(--teal);border:1px solid #00d6bd7a;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.pager-buttons button:disabled{opacity:.45;cursor:default}.modal-backdrop{z-index:9999;background:#000000a8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow:auto}.modal-card{border-radius:18px;width:min(100%,720px);max-height:calc(100dvh - 48px);margin:auto;padding:24px;overflow:auto}.modal-card--wide{width:min(100%,980px)}.modal-card--xl{width:min(100%,1240px)}.modal-header,.modal-actions{justify-content:space-between;align-items:center;gap:14px;display:flex}.modal-header{margin-bottom:20px}.modal-header h2{margin:0}.modal-actions{justify-content:flex-end;margin-top:22px}.form-grid,.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field{color:#e8eef0;gap:8px;display:grid}.field--wide{grid-column:1/-1}.field input,.field textarea,.field select{border:1px solid var(--line);width:100%;min-height:46px;color:var(--text);background:#ffffff09;border-radius:10px;outline:none;padding:0 14px}.field input:focus,.field textarea:focus,.field select:focus,.password-field:focus-within{border-color:#00d6bd8c}.field select{appearance:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#071014f5}.field select option,.field select optgroup{color:var(--text);background:#071014}.field select option:checked{color:#dffffb;background:#0d3737}.field select:disabled,.field input:disabled{opacity:.68;cursor:not-allowed}.field textarea{resize:vertical;min-height:150px;padding-block:12px}.field .config-textarea{min-height:168px;line-height:1.45}.attention-note{color:#ffd6bd;background:#ff8a3d17;border:1px solid #ff8a3d66;border-radius:12px;margin-top:14px;padding:12px 14px;font-size:13px;line-height:1.45}.attention-note strong{color:#ffe6d4;font-weight:600;display:block}.attention-note ul{gap:5px;margin:8px 0 12px;padding-left:18px;display:grid}.attention-note ul:last-child{margin-bottom:0}.attention-note p{margin:8px 0 0}.dns-target{color:#dffffb;white-space:nowrap}.dns-target-list{color:#dffffb;gap:4px;margin:0;padding-left:18px;display:grid}.dns-modal-status{color:var(--muted);align-items:center;gap:10px;margin-top:12px;display:flex}.config-form-section{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.config-form-section h3{color:#fff;margin:0 0 14px;font-size:16px;font-weight:500}.config-section-head,.config-group-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.config-section-head{margin-bottom:14px}.config-section-head h3{margin:0}.config-section-head span,.config-group-head span{color:var(--muted);font-size:12px}.config-group-list{gap:14px;display:grid}.config-group{border:1px solid var(--line);background:#ffffff05;border-radius:16px;padding:14px}.config-group-head{margin-bottom:12px}.config-group-head strong{color:#eef6f7;font-size:14px;font-weight:600}.config-field-title{gap:3px;display:grid}.config-field-title b{color:#e8eef0;font-size:13px;font-weight:600}.config-field-title em{color:var(--muted);overflow-wrap:anywhere;font-size:11px;font-style:normal}.toggle-config-field{border:1px solid var(--line);background:#ffffff06;border-radius:10px;align-items:center;gap:10px;width:max-content;max-width:100%;min-height:40px;padding:0 12px;display:inline-flex}.toggle-config-field span{color:#dffffb;font-size:13px}.image-config-field{gap:10px;display:grid}.upload-button{color:#dffffb;cursor:pointer;background:#00d6bd1f;border:1px solid #00d6bd6b;border-radius:10px;justify-content:center;align-items:center;gap:9px;width:max-content;min-height:40px;padding:0 14px;display:inline-flex}.upload-button input{display:none}.image-preview{border:1px solid var(--line);object-fit:contain;background:#ffffff09;border-radius:12px;max-width:min(100%,320px);max-height:180px}.list-config-field,.payload-field-list,.payload-file-list{gap:12px;display:grid}.list-config-item{border:1px solid var(--line);background:#ffffff06;border-radius:14px;padding:14px}.list-config-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.list-config-head strong{color:#fff;font-size:14px}.payload-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.payload-meta div,.payload-field,.payload-file{border:1px solid var(--line);background:#ffffff06;border-radius:12px;padding:12px}.payload-meta span,.payload-field span{color:var(--muted);margin-bottom:5px;font-size:12px;display:block}.payload-meta strong,.payload-field strong{overflow-wrap:anywhere;color:#eef6f7;white-space:pre-wrap;font-weight:500;display:block}.payload-file{color:#dffffb;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.payload-file span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.payload-file em{color:var(--muted);font-size:12px;font-style:normal}.payload-modal-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.payload-modal-actions,.payload-detail-actions,.payload-card-actions{justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.payload-detail-actions{margin:-54px 0 14px auto}.payload-modal-head span{color:var(--muted);font-size:13px}.payload-card-list{gap:10px;display:grid}.payload-card{border:1px solid var(--line);width:100%;color:inherit;text-align:left;background:#ffffff06;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 14px;padding:14px;display:grid}.payload-card:hover{background:#00d6bd14;border-color:#00d6bd61}.payload-card span,.payload-card p{min-width:0}.payload-card strong{color:#eef6f7;font-size:14px;display:block}.payload-card em{color:var(--muted);margin-top:4px;font-size:12px;font-style:normal;display:block}.payload-card p{color:#b8c4cc;overflow-wrap:anywhere;grid-column:1/-1;margin:0;font-size:13px;line-height:1.45}.payload-card-actions{grid-row:span 2}.payload-card-actions svg{color:var(--teal)}.payload-back-button{margin-bottom:14px}.ghost-button--danger{color:#ffc8c8;background:#ff5c5c14;border-color:#ff5c5c52}.schema-chip-list{flex-wrap:wrap;gap:6px;max-width:520px;display:flex}.schema-chip{color:#dffffb;background:#00d6bd1a;border:1px solid #00d6bd47;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;display:inline-flex}.schema-editor-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.schema-editor-head h3{margin:0}.schema-editor{gap:12px;display:grid}.schema-row{border:1px solid var(--line);background:#ffffff06;border-radius:14px;grid-template-columns:minmax(110px,1fr) 150px minmax(150px,1.2fr) minmax(170px,1.4fr) minmax(120px,1fr) 40px;align-items:end;gap:10px;padding:12px;display:grid}@media (width<=1280px){.modal-card--xl{width:min(100%,1040px)}.schema-row{grid-template-columns:repeat(2,minmax(0,1fr))}.schema-remove{grid-column:1/-1}}.schema-default-field input[type=checkbox]{width:22px}.schema-remove{align-self:end}.empty-schema{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:12px;padding:18px}.admin-page{gap:14px;display:grid}.tabs{border:1px solid var(--line);background:#071014c7;border-radius:12px;width:max-content;max-width:100%;display:inline-flex;overflow:hidden}.tabs button{border:0;border-right:1px solid var(--line);color:#b8c4cc;background:0 0;min-height:42px;padding:0 18px}.tabs button:last-child{border-right:0}.tabs button.active{color:#dffffb;background:#00d6bd26}.profile-page{max-width:900px}.info-card{border:1px solid var(--line);background:#ffffff06;border-radius:14px;align-items:center;gap:14px;padding:16px;display:flex}.info-card p{color:var(--muted);margin:0}.info-card strong{color:#fff;margin-top:4px;display:block}@media (width<=1500px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.traffic-card,.platforms-card,.activity-card,.top-links-card,.system-card,.protection-card{grid-area:auto/span 1}}@media (width<=1120px){.app-shell,.app-shell--collapsed{padding:10px}.sidebar{width:100%;height:auto;margin-bottom:12px;position:static}.app-shell--collapsed .sidebar{width:100%}.brand{display:none}.collapse-button{justify-content:center;margin:10px;padding-inline:14px;display:flex}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.app-shell--collapsed .nav-list{display:none}.app-shell--collapsed .collapse-button{justify-content:center;padding-inline:14px}.app-shell--collapsed .collapse-button span{display:inline}.app-shell--collapsed .collapse-button svg{transform:rotate(180deg)}.nav-divider,.nav-section{grid-column:1/-1}.workspace{width:100%}.table-actions{width:auto}.row-actions{flex-wrap:wrap}}@media (width<=860px){.dashboard-panel,.page-card{border-radius:18px;padding:18px}.dashboard-head,.page-header,.pagination{flex-direction:column;align-items:stretch}.kpi-grid,.dashboard-grid,.form-grid,.profile-grid,.schema-row{grid-template-columns:1fr}.modal-backdrop{padding:10px}.modal-card{max-height:calc(100dvh - 20px);padding:18px}.date-range{flex-wrap:wrap;justify-content:flex-start;width:100%}.date-range input{flex:130px}.platform-body{grid-template-columns:1fr;height:auto}.payload-meta{grid-template-columns:1fr}.payload-file{grid-template-columns:22px minmax(0,1fr)}.payload-file em{grid-column:2}.login-card{padding:34px 22px}.login-logo{width:min(100%,330px)}}@media (width<=520px){.nav-list{grid-template-columns:1fr}.page-actions{justify-content:stretch}.page-actions>*{flex:1}.dashboard-head h1,.page-title h1{font-size:24px}}