:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#172033;background:#f5f7fb;--navy:#12233f;--blue:#2563eb;--line:#e4e9f2;--muted:#6b778c}*{box-sizing:border-box}body{margin:0}.hidden{display:none!important}.login-shell{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#10213d,#1e4e86)}.login-card{width:min(440px,92vw);background:#fff;border-radius:22px;padding:42px;box-shadow:0 24px 80px #07132666}.brand-mark{width:48px;height:48px;border-radius:14px;background:#2563eb;color:#fff;display:grid;place-items:center;font-size:27px;font-weight:800}.brand-mark.small{width:32px;height:32px;border-radius:9px;font-size:18px}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:800;color:#74829a;margin:0 0 9px}.login-card h1{font-size:32px;margin:8px 0}.muted{color:var(--muted);line-height:1.5}form{display:grid;gap:16px;margin-top:28px}label{font-size:13px;font-weight:700;color:#43516a;display:grid;gap:7px}input,select{border:1px solid var(--line);padding:12px 13px;border-radius:9px;font:inherit;background:#fff}button{font:inherit;border:0;cursor:pointer}.primary,.secondary{border-radius:9px;padding:12px 16px;font-weight:700}.primary{background:var(--blue);color:white}.secondary{background:#fff;border:1px solid var(--line);color:var(--navy)}.error{color:#c0392b;font-size:13px;margin-top:13px}.app-shell{display:flex;min-height:100vh}.sidebar{width:245px;background:var(--navy);color:white;padding:24px 16px;display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:16px;margin-bottom:35px}.tenant{font-size:10px;letter-spacing:1.2px;color:#9fb0cb;margin:0 10px 14px}.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#34d399;margin-left:6px}nav{display:grid;gap:5px}nav button{background:transparent;color:#b7c4d9;text-align:left;padding:12px;border-radius:8px;font-weight:600}nav button:hover,nav button.active{background:#25446f;color:#fff}.sidebar-bottom{margin-top:auto;color:#aebbd0;font-size:12px;border-top:1px solid #ffffff1c;padding-top:16px}.text-button{background:none;color:#9fb0cb;margin-top:13px;padding:0}.main{flex:1;padding:34px 42px;max-width:1500px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;flex-wrap:wrap}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:1;flex-wrap:wrap}.search-input{min-width:220px;max-width:390px;flex:1;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--navy)}#notification-count{display:inline-flex;min-width:20px;justify-content:center;margin-left:4px;padding:2px 6px;border-radius:10px;background:var(--blue);color:#fff;font-size:12px}h2{font-size:30px;margin:0;color:var(--navy)}.toast{position:fixed;right:30px;top:25px;background:#173b67;color:#fff;padding:13px 18px;border-radius:8px;display:none;z-index:2}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card,.table-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.stat-label{color:var(--muted);font-size:13px}.stat-value{font-size:30px;font-weight:800;color:var(--navy);margin-top:8px}.stat-meta{color:#16835b;font-size:12px;margin-top:7px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:30px 0 12px}.section-title h3{margin:0;color:var(--navy)}.table-card{padding:0;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th,td{padding:15px 18px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#7c899e;background:#fbfcfe}tr:last-child td{border:0}.badge{display:inline-block;padding:5px 9px;border-radius:99px;font-size:11px;font-weight:700;background:#eef2f7;color:#65738a}.badge.online,.badge.active{background:#dff7eb;color:#14764f}.badge.registered,.badge.draft{background:#fff3d6;color:#986313}.empty{padding:35px;color:var(--muted);text-align:center}.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.form-inline{display:flex;gap:10px;flex-wrap:wrap}.form-inline input,.form-inline select{min-width:170px}.action{color:var(--blue);background:none;font-weight:700}.danger{color:#c0392b}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.content-card h3{margin:12px 0 5px;font-size:16px}.content-card p{margin:0;color:var(--muted);font-size:12px}@media(max-width:900px){.sidebar{width:190px}.main{padding:25px}.grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}@media(max-width:600px){.sidebar{display:none}.main{padding:20px}.grid,.content-grid{grid-template-columns:1fr}}
.nav-section{color:#7186a8;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:12px 10px 3px}.sidebar-bottom{margin-top:auto;color:#aebbd0;font-size:12px;border-top:1px solid #ffffff1c;padding-top:16px}.text-button{background:none;color:#9fb0cb;margin-top:13px;padding:0}.main{flex:1;padding:34px 42px;max-width:1500px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;flex-wrap:wrap}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:1;flex-wrap:wrap}.search-input{min-width:220px;max-width:390px;flex:1;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--navy)}#notification-count{display:inline-flex;min-width:20px;justify-content:center;margin-left:4px;padding:2px 6px;border-radius:10px;background:var(--blue);color:#fff;font-size:12px}h2{font-size:30px;margin:0;color:var(--navy)}.toast{position:fixed;right:30px;top:25px;background:#173b67;color:#fff;padding:13px 18px;border-radius:8px;display:none;z-index:2}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card,.table-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.stat-label{color:var(--muted);font-size:13px}.stat-value{font-size:30px;font-weight:800;color:var(--navy);margin-top:8px}.stat-meta{color:#16835b;font-size:12px;margin-top:7px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:30px 0 12px}.section-title h3{margin:0;color:var(--navy)}.table-card{padding:0;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th,td{padding:15px 18px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#7c899e;background:#fbfcfe}tr:last-child td{border:0}.badge{display:inline-block;padding:5px 9px;border-radius:99px;font-size:11px;font-weight:700;background:#eef2f7;color:#65738a}.badge.online,.badge.active{background:#dff7eb;color:#14764f}.badge.registered,.badge.draft{background:#fff3d6;color:#986313}.empty{padding:35px;color:var(--muted);text-align:center}.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.form-inline{display:flex;gap:10px;flex-wrap:wrap}.form-inline input,.form-inline select{min-width:170px}.action{color:var(--blue);background:none;font-weight:700}.danger{color:#c0392b}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.content-card h3{margin:12px 0 5px;font-size:16px}.content-card p{margin:0;color:var(--muted);font-size:12px}@media(max-width:900px){.sidebar{width:190px}.main{padding:25px}.grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}@media(max-width:600px){.sidebar{display:none}.main{padding:20px}.grid,.content-grid{grid-template-columns:1fr}}
.dashboard-filters{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:7px 10px;margin-bottom:9px}.dashboard-filters select{padding:7px 9px;font-size:11px}.dashboard-filters .muted{margin-left:auto;font-size:10px}.clickable{cursor:pointer;transition:transform .15s,box-shadow .15s}.clickable:hover{transform:translateY(-2px);box-shadow:0 8px 16px #10213d33}.welcome-date small{display:block;font-size:9px;color:#7d8ba0;margin-top:3px}
.client-toolbar{display:flex;gap:8px;margin-bottom:12px}.client-toolbar input{flex:1}.client-toolbar select{min-width:130px}.wizard-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:12px}.wizard-steps{display:flex;gap:16px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:14px;color:#8290a4;font-size:11px}.wizard-steps b{color:#1769d2}.client-form{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0}.client-form button{align-self:end}.client-form .primary{grid-column:2}.client-form .secondary{grid-column:3}.dark .wizard-card{background:#1c2a40;border-color:#30435f}
.user-toolbar{display:flex;gap:8px;margin-bottom:12px}.user-toolbar input{flex:1}.user-toolbar select{min-width:150px}.user-form{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0}.user-form .primary{grid-column:2}.user-form .secondary{grid-column:3}.check-line{display:flex;align-items:center;gap:6px;font-size:11px}.role-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.role-form .muted{grid-column:1/-1;margin:4px 0 0}.permission-row{grid-column:1/-1;display:flex;align-items:center;gap:7px;padding:8px;background:#f7f9fc;border-radius:6px;font-size:11px}.permission-row b{width:100px;color:#17245f}.role-form .primary{grid-column:1}.role-form .secondary{grid-column:2}@media(max-width:700px){.client-toolbar,.user-toolbar{display:grid}.client-form,.user-form,.role-form{grid-template-columns:1fr}.client-form .primary,.client-form .secondary,.user-form .primary,.user-form .secondary,.role-form .primary,.role-form .secondary{grid-column:auto}}
body.dark{background:#111c2e;color:#e9eef8}body.dark .main{background:#111c2e}body.dark .panel,body.dark .card,body.dark .table-card,body.dark .dashboard-filters,body.dark input,body.dark select,body.dark .icon-button,body.dark .profile-chip{background:#1c2a40;color:#e9eef8;border-color:#30435f}body.dark h2,body.dark h3,body.dark .panel-head h3,body.dark .stat-value,body.dark .welcome h1,body.dark .top-brand em,body.dark .top-brand small,body.dark .content-types b,body.dark .health-gauges b,body.dark .top-row span{color:#fff}body.dark .welcome{background:linear-gradient(90deg,#172740,#203b5d)}body.dark .welcome p,body.dark .muted,body.dark .dashboard-filters .muted{color:#aabbd3}.sidebar-bottom{margin-top:auto;color:#aebbd0;font-size:12px;border-top:1px solid #ffffff1c;padding-top:16px}.text-button{background:none;color:#9fb0cb;margin-top:13px;padding:0}.main{flex:1;padding:34px 42px;max-width:1500px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;flex-wrap:wrap}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:1;flex-wrap:wrap}.search-input{min-width:220px;max-width:390px;flex:1;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--navy)}#notification-count{display:inline-flex;min-width:20px;justify-content:center;margin-left:4px;padding:2px 6px;border-radius:10px;background:var(--blue);color:#fff;font-size:12px}h2{font-size:30px;margin:0;color:var(--navy)}.toast{position:fixed;right:30px;top:25px;background:#173b67;color:#fff;padding:13px 18px;border-radius:8px;display:none;z-index:2}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card,.table-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.stat-label{color:var(--muted);font-size:13px}.stat-value{font-size:30px;font-weight:800;color:var(--navy);margin-top:8px}.stat-meta{color:#16835b;font-size:12px;margin-top:7px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:30px 0 12px}.section-title h3{margin:0;color:var(--navy)}.table-card{padding:0;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th,td{padding:15px 18px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#7c899e;background:#fbfcfe}tr:last-child td{border:0}.badge{display:inline-block;padding:5px 9px;border-radius:99px;font-size:11px;font-weight:700;background:#eef2f7;color:#65738a}.badge.online,.badge.active{background:#dff7eb;color:#14764f}.badge.registered,.badge.draft{background:#fff3d6;color:#986313}.empty{padding:35px;color:var(--muted);text-align:center}.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.form-inline{display:flex;gap:10px;flex-wrap:wrap}.form-inline input,.form-inline select{min-width:170px}.action{color:var(--blue);background:none;font-weight:700}.danger{color:#c0392b}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.content-card h3{margin:12px 0 5px;font-size:16px}.content-card p{margin:0;color:var(--muted);font-size:12px}@media(max-width:900px){.sidebar{width:190px}.main{padding:25px}.grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}@media(max-width:600px){.sidebar{display:none}.main{padding:20px}.grid,.content-grid{grid-template-columns:1fr}}
.device-toolbar{display:flex;gap:8px;margin-bottom:10px}.device-toolbar input{flex:1}.device-toolbar select{min-width:160px}.device-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.device-kpis span{background:#fff;border:1px solid var(--line);border-radius:9px;padding:12px;color:#60708a;font-size:11px}.device-kpis b{display:block;font-size:22px;color:#17245f}.device-kpis .green-kpi b{color:#0a9e55}.device-kpis .red-kpi b{color:#e73542}.device-kpis .orange-kpi b{color:#e89708}.device-form{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0}.device-form .primary{grid-column:2}.device-form .secondary{grid-column:3}@media(max-width:700px){.device-toolbar{display:grid}.device-kpis{grid-template-columns:repeat(2,1fr)}.device-form{grid-template-columns:1fr}.device-form .primary,.device-form .secondary{grid-column:auto}}.sidebar-bottom{margin-top:auto;color:#aebbd0;font-size:12px;border-top:1px solid #ffffff1c;padding-top:16px}.text-button{background:none;color:#9fb0cb;margin-top:13px;padding:0}.main{flex:1;padding:34px 42px;max-width:1500px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;flex-wrap:wrap}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:1;flex-wrap:wrap}.search-input{min-width:220px;max-width:390px;flex:1;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--navy)}#notification-count{display:inline-flex;min-width:20px;justify-content:center;margin-left:4px;padding:2px 6px;border-radius:10px;background:var(--blue);color:#fff;font-size:12px}h2{font-size:30px;margin:0;color:var(--navy)}.toast{position:fixed;right:30px;top:25px;background:#173b67;color:#fff;padding:13px 18px;border-radius:8px;display:none;z-index:2}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card,.table-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.stat-label{color:var(--muted);font-size:13px}.stat-value{font-size:30px;font-weight:800;color:var(--navy);margin-top:8px}.stat-meta{color:#16835b;font-size:12px;margin-top:7px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:30px 0 12px}.section-title h3{margin:0;color:var(--navy)}.table-card{padding:0;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th,td{padding:15px 18px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#7c899e;background:#fbfcfe}tr:last-child td{border:0}.badge{display:inline-block;padding:5px 9px;border-radius:99px;font-size:11px;font-weight:700;background:#eef2f7;color:#65738a}.badge.online,.badge.active{background:#dff7eb;color:#14764f}.badge.registered,.badge.draft{background:#fff3d6;color:#986313}.empty{padding:35px;color:var(--muted);text-align:center}.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.form-inline{display:flex;gap:10px;flex-wrap:wrap}.form-inline input,.form-inline select{min-width:170px}.action{color:var(--blue);background:none;font-weight:700}.danger{color:#c0392b}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.content-card h3{margin:12px 0 5px;font-size:16px}.content-card p{margin:0;color:var(--muted);font-size:12px}@media(max-width:900px){.sidebar{width:190px}.main{padding:25px}.grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}@media(max-width:600px){.sidebar{display:none}.main{padding:20px}.grid,.content-grid{grid-template-columns:1fr}}
.content-nav{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.content-nav button,.content-tabs button{border:1px solid var(--line);background:#fff;color:#53647c;border-radius:7px;padding:8px 11px;font-size:11px;cursor:pointer}.content-nav button.active,.content-tabs button.active{background:#17245f;color:#fff;border-color:#17245f}.content-toolbar{display:flex;gap:8px;margin-bottom:12px}.content-toolbar input{flex:1}.content-toolbar select{min-width:135px}.content-upload-form{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:10px}.content-upload-form .drop-zone{grid-column:1/-1}.content-upload-form .primary{grid-column:2}.content-upload-form .secondary{grid-column:3}.drop-zone{min-height:90px;border:2px dashed #c9d4e5;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#667993;font-weight:700;font-size:12px;cursor:pointer}.drop-zone input{display:none}.content-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.content-preview{margin-top:14px;min-height:130px}.content-preview img{max-width:100%;max-height:360px;display:block;margin:auto;border-radius:7px}.dark .content-nav button,.dark .content-tabs button,.dark .drop-zone{background:#1c2a40;color:#e9eef8;border-color:#30435f}@media(max-width:700px){.content-toolbar{display:grid}.content-upload-form{grid-template-columns:1fr}.content-upload-form .primary,.content-upload-form .secondary{grid-column:auto}}.sidebar-bottom{margin-top:auto;color:#aebbd0;font-size:12px;border-top:1px solid #ffffff1c;padding-top:16px}.text-button{background:none;color:#9fb0cb;margin-top:13px;padding:0}.main{flex:1;padding:34px 42px;max-width:1500px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;flex-wrap:wrap}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:1;flex-wrap:wrap}.search-input{min-width:220px;max-width:390px;flex:1;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--navy)}#notification-count{display:inline-flex;min-width:20px;justify-content:center;margin-left:4px;padding:2px 6px;border-radius:10px;background:var(--blue);color:#fff;font-size:12px}h2{font-size:30px;margin:0;color:var(--navy)}.toast{position:fixed;right:30px;top:25px;background:#173b67;color:#fff;padding:13px 18px;border-radius:8px;display:none;z-index:2}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card,.table-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.stat-label{color:var(--muted);font-size:13px}.stat-value{font-size:30px;font-weight:800;color:var(--navy);margin-top:8px}.stat-meta{color:#16835b;font-size:12px;margin-top:7px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:30px 0 12px}.section-title h3{margin:0;color:var(--navy)}.table-card{padding:0;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th,td{padding:15px 18px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#7c899e;background:#fbfcfe}tr:last-child td{border:0}.badge{display:inline-block;padding:5px 9px;border-radius:99px;font-size:11px;font-weight:700;background:#eef2f7;color:#65738a}.badge.online,.badge.active{background:#dff7eb;color:#14764f}.badge.registered,.badge.draft{background:#fff3d6;color:#986313}.empty{padding:35px;color:var(--muted);text-align:center}.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.form-inline{display:flex;gap:10px;flex-wrap:wrap}.form-inline input,.form-inline select{min-width:170px}.action{color:var(--blue);background:none;font-weight:700}.danger{color:#c0392b}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.content-card h3{margin:12px 0 5px;font-size:16px}.content-card p{margin:0;color:var(--muted);font-size:12px}@media(max-width:900px){.sidebar{width:190px}.main{padding:25px}.grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}@media(max-width:600px){.sidebar{display:none}.main{padding:20px}.grid,.content-grid{grid-template-columns:1fr}}
.report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0}.report-list>div{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:10px 0;font-size:12px}.dark .report-list>div{border-color:#30435f}@media(max-width:700px){.report-grid{grid-template-columns:repeat(2,1fr)}}.sidebar-bottom{margin-top:auto;color:#aebbd0;font-size:12px;border-top:1px solid #ffffff1c;padding-top:16px}.text-button{background:none;color:#9fb0cb;margin-top:13px;padding:0}.main{flex:1;padding:34px 42px;max-width:1500px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;flex-wrap:wrap}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:1;flex-wrap:wrap}.search-input{min-width:220px;max-width:390px;flex:1;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--navy)}#notification-count{display:inline-flex;min-width:20px;justify-content:center;margin-left:4px;padding:2px 6px;border-radius:10px;background:var(--blue);color:#fff;font-size:12px}h2{font-size:30px;margin:0;color:var(--navy)}.toast{position:fixed;right:30px;top:25px;background:#173b67;color:#fff;padding:13px 18px;border-radius:8px;display:none;z-index:2}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card,.table-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.stat-label{color:var(--muted);font-size:13px}.stat-value{font-size:30px;font-weight:800;color:var(--navy);margin-top:8px}.stat-meta{color:#16835b;font-size:12px;margin-top:7px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:30px 0 12px}.section-title h3{margin:0;color:var(--navy)}.table-card{padding:0;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th,td{padding:15px 18px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#7c899e;background:#fbfcfe}tr:last-child td{border:0}.badge{display:inline-block;padding:5px 9px;border-radius:99px;font-size:11px;font-weight:700;background:#eef2f7;color:#65738a}.badge.online,.badge.active{background:#dff7eb;color:#14764f}.badge.registered,.badge.draft{background:#fff3d6;color:#986313}.empty{padding:35px;color:var(--muted);text-align:center}.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.form-inline{display:flex;gap:10px;flex-wrap:wrap}.form-inline input,.form-inline select{min-width:170px}.action{color:var(--blue);background:none;font-weight:700}.danger{color:#c0392b}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.content-card h3{margin:12px 0 5px;font-size:16px}.content-card p{margin:0;color:var(--muted);font-size:12px}@media(max-width:900px){.sidebar{width:190px}.main{padding:25px}.grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}@media(max-width:600px){.sidebar{display:none}.main{padding:20px}.grid,.content-grid{grid-template-columns:1fr}}
.password-field{display:flex;gap:6px}.password-field input{flex:1}.password-toggle{border:1px solid var(--line);background:#fff;border-radius:6px;padding:0 10px;color:#53647c;cursor:pointer}.login-card .check-line{margin-top:8px}.login-card .text-button{margin-top:9px}.dark .password-toggle{background:#1c2a40;color:#e9eef8;border-color:#30435f}.sidebar-bottom{margin-top:auto;color:#aebbd0;font-size:12px;border-top:1px solid #ffffff1c;padding-top:16px}.text-button{background:none;color:#9fb0cb;margin-top:13px;padding:0}.main{flex:1;padding:34px 42px;max-width:1500px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;flex-wrap:wrap}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:1;flex-wrap:wrap}.search-input{min-width:220px;max-width:390px;flex:1;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--navy)}#notification-count{display:inline-flex;min-width:20px;justify-content:center;margin-left:4px;padding:2px 6px;border-radius:10px;background:var(--blue);color:#fff;font-size:12px}h2{font-size:30px;margin:0;color:var(--navy)}.toast{position:fixed;right:30px;top:25px;background:#173b67;color:#fff;padding:13px 18px;border-radius:8px;display:none;z-index:2}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card,.table-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.stat-label{color:var(--muted);font-size:13px}.stat-value{font-size:30px;font-weight:800;color:var(--navy);margin-top:8px}.stat-meta{color:#16835b;font-size:12px;margin-top:7px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:30px 0 12px}.section-title h3{margin:0;color:var(--navy)}.table-card{padding:0;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th,td{padding:15px 18px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#7c899e;background:#fbfcfe}tr:last-child td{border:0}.badge{display:inline-block;padding:5px 9px;border-radius:99px;font-size:11px;font-weight:700;background:#eef2f7;color:#65738a}.badge.online,.badge.active{background:#dff7eb;color:#14764f}.badge.registered,.badge.draft{background:#fff3d6;color:#986313}.empty{padding:35px;color:var(--muted);text-align:center}.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.form-inline{display:flex;gap:10px;flex-wrap:wrap}.form-inline input,.form-inline select{min-width:170px}.action{color:var(--blue);background:none;font-weight:700}.danger{color:#c0392b}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.content-card h3{margin:12px 0 5px;font-size:16px}.content-card p{margin:0;color:var(--muted);font-size:12px}@media(max-width:900px){.sidebar{width:190px}.main{padding:25px}.grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}@media(max-width:600px){.sidebar{display:none}.main{padding:20px}.grid,.content-grid{grid-template-columns:1fr}}
.layout-preview{position:relative;width:min(100%,960px);aspect-ratio:16/9;background:#101827;border-radius:10px;overflow:hidden;border:1px solid #30435f;margin:14px 0}.layout-zone{position:absolute;box-sizing:border-box;border:2px solid #fff8;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-shadow:0 1px 2px #000;font-size:16px}.layout-zone small{font-size:10px;margin-top:5px}.zone-image{background:linear-gradient(135deg,#235b9f,#58a6d8)}.zone-video{background:linear-gradient(135deg,#732f8b,#cf5b89)}.zone-web{background:linear-gradient(135deg,#19705f,#55b890)}.sidebar-bottom{margin-top:auto;color:#aebbd0;font-size:12px;border-top:1px solid #ffffff1c;padding-top:16px}.text-button{background:none;color:#9fb0cb;margin-top:13px;padding:0}.main{flex:1;padding:34px 42px;max-width:1500px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;flex-wrap:wrap}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:1;flex-wrap:wrap}.search-input{min-width:220px;max-width:390px;flex:1;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--navy)}#notification-count{display:inline-flex;min-width:20px;justify-content:center;margin-left:4px;padding:2px 6px;border-radius:10px;background:var(--blue);color:#fff;font-size:12px}h2{font-size:30px;margin:0;color:var(--navy)}.toast{position:fixed;right:30px;top:25px;background:#173b67;color:#fff;padding:13px 18px;border-radius:8px;display:none;z-index:2}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card,.table-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.stat-label{color:var(--muted);font-size:13px}.stat-value{font-size:30px;font-weight:800;color:var(--navy);margin-top:8px}.stat-meta{color:#16835b;font-size:12px;margin-top:7px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:30px 0 12px}.section-title h3{margin:0;color:var(--navy)}.table-card{padding:0;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th,td{padding:15px 18px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#7c899e;background:#fbfcfe}tr:last-child td{border:0}.badge{display:inline-block;padding:5px 9px;border-radius:99px;font-size:11px;font-weight:700;background:#eef2f7;color:#65738a}.badge.online,.badge.active{background:#dff7eb;color:#14764f}.badge.registered,.badge.draft{background:#fff3d6;color:#986313}.empty{padding:35px;color:var(--muted);text-align:center}.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.form-inline{display:flex;gap:10px;flex-wrap:wrap}.form-inline input,.form-inline select{min-width:170px}.action{color:var(--blue);background:none;font-weight:700}.danger{color:#c0392b}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.content-card h3{margin:12px 0 5px;font-size:16px}.content-card p{margin:0;color:var(--muted);font-size:12px}@media(max-width:900px){.sidebar{width:190px}.main{padding:25px}.grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}@media(max-width:600px){.sidebar{display:none}.main{padding:20px}.grid,.content-grid{grid-template-columns:1fr}}
.layout-editor{max-width:1100px}.layout-editor-toolbar,.zone-editor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.layout-editor label,.zone-editor-grid label{display:flex;flex-direction:column;gap:5px;color:#60718d;font-size:12px;font-weight:700}.layout-editor input,.layout-editor select{min-height:36px;border:1px solid var(--line);border-radius:6px;padding:7px;background:var(--surface);color:inherit}.layout-zone-editor{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:14px;margin:10px 0}.zone-editor-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.danger-button{border:0;background:#fee2e2;color:#b42318;border-radius:5px;padding:6px 9px;cursor:pointer}.layout-editor-actions{display:flex;gap:8px;margin-top:16px}.dark .layout-zone-editor,.dark .layout-editor input,.dark .layout-editor select{background:#1c2a40}.dark .danger-button{background:#51262b;color:#ffb4b4}@media(max-width:800px){.layout-editor-toolbar,.zone-editor-grid{grid-template-columns:repeat(2,1fr)}}.sidebar-bottom{margin-top:auto;color:#aebbd0;font-size:12px;border-top:1px solid #ffffff1c;padding-top:16px}.text-button{background:none;color:#9fb0cb;margin-top:13px;padding:0}.main{flex:1;padding:34px 42px;max-width:1500px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;flex-wrap:wrap}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:1;flex-wrap:wrap}.search-input{min-width:220px;max-width:390px;flex:1;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--navy)}#notification-count{display:inline-flex;min-width:20px;justify-content:center;margin-left:4px;padding:2px 6px;border-radius:10px;background:var(--blue);color:#fff;font-size:12px}h2{font-size:30px;margin:0;color:var(--navy)}.toast{position:fixed;right:30px;top:25px;background:#173b67;color:#fff;padding:13px 18px;border-radius:8px;display:none;z-index:2}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card,.table-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.stat-label{color:var(--muted);font-size:13px}.stat-value{font-size:30px;font-weight:800;color:var(--navy);margin-top:8px}.stat-meta{color:#16835b;font-size:12px;margin-top:7px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:30px 0 12px}.section-title h3{margin:0;color:var(--navy)}.table-card{padding:0;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th,td{padding:15px 18px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#7c899e;background:#fbfcfe}tr:last-child td{border:0}.badge{display:inline-block;padding:5px 9px;border-radius:99px;font-size:11px;font-weight:700;background:#eef2f7;color:#65738a}.badge.online,.badge.active{background:#dff7eb;color:#14764f}.badge.registered,.badge.draft{background:#fff3d6;color:#986313}.empty{padding:35px;color:var(--muted);text-align:center}.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.form-inline{display:flex;gap:10px;flex-wrap:wrap}.form-inline input,.form-inline select{min-width:170px}.action{color:var(--blue);background:none;font-weight:700}.danger{color:#c0392b}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.content-card h3{margin:12px 0 5px;font-size:16px}.content-card p{margin:0;color:var(--muted);font-size:12px}@media(max-width:900px){.sidebar{width:190px}.main{padding:25px}.grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}@media(max-width:600px){.sidebar{display:none}.main{padding:20px}.grid,.content-grid{grid-template-columns:1fr}}
.user-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.user-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.user-dashboard-grid .quick-actions{grid-column:1/-1}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-card{text-align:center}.avatar{width:58px;height:58px;border-radius:50%;background:#f47b20;color:#fff;display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:800;margin:0 auto 10px}.profile-line{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:11px 0;margin-top:8px;font-size:12px}.profile-line b{color:#60708a}.dark .profile-line{border-color:#30435f}@media(max-width:700px){.user-kpi-grid{grid-template-columns:repeat(2,1fr)}.user-dashboard-grid,.profile-grid{grid-template-columns:1fr}}.sidebar-bottom{margin-top:auto;color:#aebbd0;font-size:12px;border-top:1px solid #ffffff1c;padding-top:16px}.text-button{background:none;color:#9fb0cb;margin-top:13px;padding:0}.main{flex:1;padding:34px 42px;max-width:1500px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;flex-wrap:wrap}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:1;flex-wrap:wrap}.search-input{min-width:220px;max-width:390px;flex:1;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--navy)}#notification-count{display:inline-flex;min-width:20px;justify-content:center;margin-left:4px;padding:2px 6px;border-radius:10px;background:var(--blue);color:#fff;font-size:12px}h2{font-size:30px;margin:0;color:var(--navy)}.toast{position:fixed;right:30px;top:25px;background:#173b67;color:#fff;padding:13px 18px;border-radius:8px;display:none;z-index:2}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card,.table-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.stat-label{color:var(--muted);font-size:13px}.stat-value{font-size:30px;font-weight:800;color:var(--navy);margin-top:8px}.stat-meta{color:#16835b;font-size:12px;margin-top:7px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:30px 0 12px}.section-title h3{margin:0;color:var(--navy)}.table-card{padding:0;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th,td{padding:15px 18px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#7c899e;background:#fbfcfe}tr:last-child td{border:0}.badge{display:inline-block;padding:5px 9px;border-radius:99px;font-size:11px;font-weight:700;background:#eef2f7;color:#65738a}.badge.online,.badge.active{background:#dff7eb;color:#14764f}.badge.registered,.badge.draft{background:#fff3d6;color:#986313}.empty{padding:35px;color:var(--muted);text-align:center}.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.form-inline{display:flex;gap:10px;flex-wrap:wrap}.form-inline input,.form-inline select{min-width:170px}.action{color:var(--blue);background:none;font-weight:700}.danger{color:#c0392b}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.content-card h3{margin:12px 0 5px;font-size:16px}.content-card p{margin:0;color:var(--muted);font-size:12px}@media(max-width:900px){.sidebar{width:190px}.main{padding:25px}.grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}@media(max-width:600px){.sidebar{display:none}.main{padding:20px}.grid,.content-grid{grid-template-columns:1fr}}
.module-hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(120deg,#102b50,#1b4f91);color:#fff;border-radius:12px;padding:24px;margin-bottom:16px}.module-hero h3{font-size:24px;margin:4px 0}.module-hero .muted{color:#dbe8fb}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.feature-card{border:1px solid var(--line);background:#fff;border-radius:10px;padding:16px;text-align:left;display:grid;grid-template-columns:30px 1fr;gap:3px 10px;box-shadow:0 3px 10px #18284b0b}.feature-card b{grid-row:span 2;border-radius:50%;width:28px;height:28px;background:#e8f1ff;color:#1769d2;text-align:center;padding-top:6px}.feature-card span{font-weight:800;color:#17245f;font-size:13px}.feature-card small{color:#74829a;font-size:10px}@media(max-width:900px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.module-hero{display:block}.module-hero .primary{margin-top:12px}}.sidebar-bottom{margin-top:auto;color:#aebbd0;font-size:12px;border-top:1px solid #ffffff1c;padding-top:16px}.text-button{background:none;color:#9fb0cb;margin-top:13px;padding:0}.main{flex:1;padding:34px 42px;max-width:1500px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;flex-wrap:wrap}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:1;flex-wrap:wrap}.search-input{min-width:220px;max-width:390px;flex:1;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--navy)}#notification-count{display:inline-flex;min-width:20px;justify-content:center;margin-left:4px;padding:2px 6px;border-radius:10px;background:var(--blue);color:#fff;font-size:12px}h2{font-size:30px;margin:0;color:var(--navy)}.toast{position:fixed;right:30px;top:25px;background:#173b67;color:#fff;padding:13px 18px;border-radius:8px;display:none;z-index:2}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card,.table-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.stat-label{color:var(--muted);font-size:13px}.stat-value{font-size:30px;font-weight:800;color:var(--navy);margin-top:8px}.stat-meta{color:#16835b;font-size:12px;margin-top:7px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:30px 0 12px}.section-title h3{margin:0;color:var(--navy)}.table-card{padding:0;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th,td{padding:15px 18px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#7c899e;background:#fbfcfe}tr:last-child td{border:0}.badge{display:inline-block;padding:5px 9px;border-radius:99px;font-size:11px;font-weight:700;background:#eef2f7;color:#65738a}.badge.online,.badge.active{background:#dff7eb;color:#14764f}.badge.registered,.badge.draft{background:#fff3d6;color:#986313}.empty{padding:35px;color:var(--muted);text-align:center}.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.form-inline{display:flex;gap:10px;flex-wrap:wrap}.form-inline input,.form-inline select{min-width:170px}.action{color:var(--blue);background:none;font-weight:700}.danger{color:#c0392b}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.content-card h3{margin:12px 0 5px;font-size:16px}.content-card p{margin:0;color:var(--muted);font-size:12px}@media(max-width:900px){.sidebar{width:190px}.main{padding:25px}.grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}@media(max-width:600px){.sidebar{display:none}.main{padding:20px}.grid,.content-grid{grid-template-columns:1fr}}
.welcome{display:flex;justify-content:space-between;align-items:center;padding:4px 8px 20px}.welcome h1{margin:0;color:#17245f;font-size:26px}.welcome p{margin:5px 0 0;color:#63708a}.welcome-date{text-align:right;color:#56627b;font-size:12px}.welcome-date strong{display:block;color:#17245f;font-size:19px;margin-top:4px}.kpi-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.kpi{color:#fff;border-radius:8px;padding:14px 12px;min-height:89px;box-shadow:0 5px 12px #10213d18;position:relative}.kpi b{display:block;font-size:24px;line-height:1.1}.kpi span:not(.kpi-icon){display:block;font-size:11px;font-weight:700;margin-top:5px}.kpi small{display:block;font-size:9px;opacity:.85;margin-top:7px}.kpi-icon{position:absolute;right:10px;top:12px;font-size:22px;opacity:.7}.kpi.blue{background:linear-gradient(135deg,#1976ed,#1670d8)}.kpi.green{background:linear-gradient(135deg,#08a957,#079a4c)}.kpi.red{background:linear-gradient(135deg,#fa3d4a,#ed2939)}.kpi.orange{background:linear-gradient(135deg,#ffab16,#f08c00)}.kpi.purple{background:linear-gradient(135deg,#8254e6,#7042ce)}.kpi.teal{background:linear-gradient(135deg,#12adb5,#078f9a)}.kpi.pink{background:linear-gradient(135deg,#dc3c7b,#cb2465)}.kpi.navy{background:linear-gradient(135deg,#267ee7,#1264c6)}.dashboard-grid{display:grid;grid-template-columns:1.1fr 1.1fr 1fr;gap:12px;margin-top:13px}.panel{background:#fff;border:1px solid #e7ebf3;border-radius:9px;padding:14px;min-width:0;box-shadow:0 3px 10px #18284b0b}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.panel-head h3{font-size:13px;margin:0;color:#17245f}.panel-head>b{font-size:11px;color:#596781}.link-button{background:none;color:#1769d2;font-size:10px;padding:0}.status-panel{grid-row:span 2}.donut{width:145px;height:145px;border-radius:50%;margin:16px auto;display:grid;place-items:center;background:conic-gradient(#12a957 var(--online),#f43e44 0 93%,#f5a717 0 96%,#a6afbd 0);position:relative}.donut:after{content:"";position:absolute;width:91px;height:91px;border-radius:50%;background:#fff}.donut div{z-index:1;text-align:center}.donut strong{display:block;font-size:23px;color:#17245f}.donut span{display:block;font-size:10px;color:#65728a}.legend{display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:11px;color:#61708b}.legend span{display:flex;align-items:center;gap:5px}.legend b{margin-left:auto;color:#17245f}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#aaa}.green-dot{background:#10aa57}.red-dot{background:#fa3c44}.orange-dot{background:#f3a30d}.gray-dot{background:#8591a4}.blue-dot{background:#247af2}.location-list{display:grid;gap:8px}.location-list>div{display:grid;grid-template-columns:18px 1fr;align-items:center;font-size:11px}.location-list small{grid-column:2;color:#78859a;font-size:10px}.map-pin{color:#12a957;font-size:18px}.activity-row{display:grid;grid-template-columns:24px 1fr auto;gap:7px;align-items:center;padding:7px 0;border-bottom:1px solid #eef1f6;font-size:10px}.activity-row:last-child{border:0}.activity-row small{display:block;color:#718099;margin-top:3px}.activity-row time{font-size:9px;color:#8a96a8}.activity-icon{width:20px;height:20px;border-radius:5px;background:#e5f4ff;color:#1570d3;text-align:center;padding-top:3px}.content-types{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.content-types span{text-align:center;background:#f7f9fc;padding:10px 4px;border-radius:7px;color:#276fdb;font-size:16px}.content-types b,.content-types small{display:block;color:#17245f}.content-types b{font-size:18px;margin:3px}.content-types small{font-size:9px;color:#718099}.campaign-chart{min-height:175px}.bars{height:115px;display:flex;align-items:end;justify-content:space-around;gap:8px;padding:8px 5px 16px}.bars span{width:8%;min-height:8px;background:linear-gradient(#589df4,#2874d8);border-radius:3px 3px 0 0;position:relative}.bars i{position:absolute;top:calc(100% + 5px);font-size:8px;font-style:normal;color:#8792a4;left:50%;transform:translateX(-50%)}.storage-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center}.storage-panel .panel-head{grid-column:1/-1}.storage-ring{width:110px;height:110px;border-radius:50%;background:conic-gradient(#f83d43 0 55%,#267af0 55% 76%,#f3a217 76% 89%,#aab3c0 89%);display:grid;place-items:center;position:relative;margin:auto}.storage-ring:after{content:"";position:absolute;width:68px;height:68px;border-radius:50%;background:#fff}.storage-ring strong,.storage-ring small{z-index:1;grid-column:1;grid-row:1;text-align:center}.storage-ring strong{font-size:20px;color:#17245f;margin-top:-8px}.storage-ring small{font-size:9px;color:#7b8798;margin-top:28px}.storage-legend{display:grid;gap:8px;font-size:10px}.storage-legend span{display:flex;gap:5px}.storage-legend b{margin-left:auto}.top-row{display:grid;grid-template-columns:20px 1fr auto;gap:6px;align-items:center;padding:8px 0;border-bottom:1px solid #eef1f6;font-size:10px}.top-row:last-child{border:0}.top-row>b{color:#66738c}.top-row strong{color:#315eaf;font-size:9px}.health-gauges{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.health-gauges span{height:66px;border:5px solid #e7f0fa;border-right-color:#16ad72;border-radius:50%;display:grid;place-items:center;text-align:center}.health-gauges i,.health-gauges b{font-size:9px;font-style:normal;color:#596981}.health-gauges b{font-size:14px;color:#17245f}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.quick-grid button{border-radius:6px;padding:8px 4px;color:#fff;background:#247ce8;font-size:18px;min-height:56px}.quick-grid button:nth-child(2){background:#08a957}.quick-grid button:nth-child(3){background:#f59b10}.quick-grid button:nth-child(4){background:#8254e6}.quick-grid button:nth-child(5){background:#e52f78}.quick-grid button:nth-child(6){background:#10a6ae}.quick-grid button:nth-child(7){background:#277be4}.quick-grid button:nth-child(8){background:#5f6e84}.quick-grid small{display:block;font-size:9px;margin-top:4px}.dashboard-footer{display:flex;gap:25px;align-items:center;border-top:1px solid #dfe5ee;margin-top:13px;padding:12px 8px;color:#63708a;font-size:10px}.dashboard-footer b{color:#17245f}.dashboard-footer span{margin-left:auto}.dashboard-footer span:first-of-type{margin-left:20px}
@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(4,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}.status-panel{grid-row:auto}.dashboard-footer{flex-wrap:wrap}.dashboard-footer span{margin-left:0}}@media(max-width:700px){.kpi-grid,.dashboard-grid{grid-template-columns:1fr 1fr}.welcome{display:block}.welcome-date{text-align:left;margin-top:10px}.dashboard-footer{display:none}.header-actions{width:100%}.search-input{min-width:0;flex:1}.main{padding:18px}.kpi b{font-size:20px}}
.top-brand{display:flex;align-items:center;gap:10px;min-width:340px}.top-mark{width:40px;height:40px;border-radius:50%;font-size:20px;background:#fff;color:#f47b20;border:2px solid #f47b20}.top-brand b{font-size:20px;color:#f26d21;white-space:nowrap}.top-brand em{font-style:normal;color:#17245f}.top-brand small{display:block;color:#17245f;font-size:10px;margin-top:2px}.page-heading{display:none}.icon-button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 12px;color:#17245f;font-weight:800;min-width:40px}.icon-button span{background:#e9283b;color:#fff;border-radius:50%;font-size:10px;padding:3px 5px}.profile-chip{background:#fff;border:0;color:#17245f;font-weight:800;text-align:left;padding:4px 8px}.profile-chip:first-letter{color:#17245f}.profile-chip small{display:block;font-size:9px;color:#5f6e84;margin-left:15px}.main{background:#f4f7fc;padding:14px 20px 0;max-width:none}.sidebar{width:190px;padding:10px 8px;background:linear-gradient(180deg,#102b50,#071d39)}.logo{margin:0 8px 14px;font-size:13px}.logo .brand-mark{background:#f47b20}.tenant{margin-bottom:6px}nav{gap:1px}nav button{font-size:10px;padding:6px 10px}nav button.active{background:linear-gradient(90deg,#ff7419,#ff4d16);box-shadow:0 3px 9px #ff6a203f}.nav-section{font-size:8px;padding:9px 10px 2px}.welcome{background:linear-gradient(90deg,#fff,#edf5ff);margin:0 -20px 10px;padding:11px 20px;border-bottom:1px solid #dce6f3}.welcome h1{font-size:22px}.welcome p{font-size:12px}.kpi-grid{gap:7px}.kpi{min-height:72px;padding:10px}.kpi b{font-size:20px}.kpi small{font-size:8px}.dashboard-grid{gap:8px;margin-top:8px}.panel{padding:10px}.panel-head{margin-bottom:6px}.panel-head h3{font-size:12px}.dashboard-footer{background:#fff;margin-left:-20px;margin-right:-20px;padding-left:28px;padding-right:28px}.dashboard-footer b{font-size:10px}
@media(max-width:1000px){.top-brand{min-width:0}.top-brand b{font-size:16px}.top-brand small{display:none}.header-actions{min-width:0}.profile-chip{display:none}}@media(max-width:700px){.top-brand{width:100%}.header-actions{width:100%}.main{padding:10px}.welcome{margin-left:-10px;margin-right:-10px}.kpi-grid{grid-template-columns:repeat(2,1fr)}}
.designer{display:grid;grid-template-columns:240px minmax(0,1fr) 320px;gap:16px;margin-top:16px;align-items:start}.dz-toolbar{grid-template-columns:2fr 1.4fr 1fr 1fr 1fr}.dz-palette,.dz-inspector{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;max-height:78vh;overflow:auto}.dz-palette h4,.dz-inspector h4{margin:0 0 8px;color:var(--navy)}.dz-palette-item{display:flex;gap:9px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:8px;margin:8px 0;cursor:grab;background:#fbfcfe}.dz-palette-item:active{cursor:grabbing}.dz-palette-item b{font-size:12px;display:block;color:var(--navy);word-break:break-word}.dz-palette-item small{font-size:10px;color:var(--muted)}.dz-kind{display:inline-flex;width:28px;height:28px;border-radius:7px;align-items:center;justify-content:center;background:#e8f0fe;font-size:14px;flex:none}.dz-canvas-wrap{min-width:0}.dz-canvas{position:relative;width:100%;background:#0b1322 repeating-conic-gradient(#0b1322 0% 25%,#101a2f 0% 50%) 50%/28px 28px;border:1px solid #30435f;border-radius:10px;overflow:hidden;touch-action:none}.dz-canvas-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#5f7397;font-size:14px;text-align:center;padding:20px}.dz-zone{position:absolute;box-sizing:border-box;border:2px solid #557aa8;background:#1b2a42b8;border-radius:4px;cursor:move;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#eaf2ff;text-shadow:0 1px 3px #000;user-select:none}.dz-zone.selected{border-color:#3ea6ff;box-shadow:0 0 0 3px #3ea6ff55;z-index:10}.dz-zone-label{position:relative;font-size:11px;font-weight:700;text-align:center;padding:2px 6px;background:#0009;border-radius:5px;max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dz-zone-badge{position:absolute;top:3px;left:5px;background:#000a;color:#9fc7ff;font-size:9px;font-weight:700;padding:2px 5px;border-radius:4px;z-index:2}.dz-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8}.dz-resize{position:absolute;right:-2px;bottom:-2px;width:16px;height:16px;background:#3ea6ff;border-radius:5px 0 0 0;cursor:nwse-resize;z-index:3}.dz-inspector label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:700;color:#60718d;margin:8px 0}.dz-inspector input,.dz-inspector select{min-height:34px;border:1px solid var(--line);border-radius:6px;padding:6px;background:#fff;color:var(--navy)}.dz-geo{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.dz-geo label{margin:0}.dz-item{border:1px solid var(--line);border-radius:9px;padding:9px;margin:9px 0;background:#fbfcfe}.dz-item-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.dz-item-head b{color:var(--navy)}.dz-item-actions{margin-left:auto;display:flex;gap:4px}.dz-item-actions button{border:1px solid var(--line);background:#fff;border-radius:5px;padding:2px 7px;cursor:pointer;font-size:11px}.dz-item-actions button:disabled{opacity:.35;cursor:default}.dz-item-actions .danger{color:#b42318}.dz-item select{width:100%}.dz-item-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.dz-item-row label{margin:4px 0}.dz-sched-toggle{flex-direction:row!important;align-items:center;gap:7px}.dz-sched{border-top:1px dashed var(--line);margin-top:7px;padding-top:4px}.dz-days{display:flex;gap:4px;margin:6px 0}.dz-days button{flex:1;border:1px solid var(--line);background:#fff;border-radius:5px;padding:5px 0;cursor:pointer;font-size:11px;font-weight:700;color:#60718d}.dz-days button.on{background:var(--blue);border-color:var(--blue);color:#fff}.dark .dz-palette,.dark .dz-inspector,.dark .dz-item,.dark .dz-palette-item{background:#16223a}.dark .dz-inspector input,.dark .dz-inspector select,.dark .dz-item-actions button,.dark .dz-days button{background:#1c2a40;color:#eaf2ff}.dark .dz-palette-item b,.dark .dz-item-head b,.dark .dz-palette h4,.dark .dz-inspector h4{color:#eaf2ff}@media(max-width:1100px){.designer{grid-template-columns:1fr}.dz-palette,.dz-inspector{max-height:none}}
.dz-assign{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}.dz-assign-head h4{margin:0 0 2px;color:var(--navy)}.dz-assign-group{margin-top:14px}.dz-assign-group b{display:block;font-size:12px;color:var(--navy);margin-bottom:7px}.dz-assign-row{display:flex;flex-wrap:wrap;gap:8px;max-height:180px;overflow:auto}.dz-check{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:8px;padding:7px 11px;font-size:12px;font-weight:600;color:var(--navy);cursor:pointer;background:#fbfcfe}.dz-check input{margin:0;cursor:pointer}.dz-check .badge{margin-left:2px}.dz-assign-search{width:100%;min-height:32px;border:1px solid var(--line);border-radius:7px;padding:6px 9px;margin-bottom:8px;font-size:12px}.dark .dz-assign{background:#16223a}.dark .dz-assign-head h4,.dark .dz-assign-group b,.dark .dz-check{color:#eaf2ff}.dark .dz-check{background:#1c2a40}.dark .dz-assign-search{background:#1c2a40;color:#eaf2ff}.divider{border:0;border-top:1px solid var(--line);margin:18px 0}.upload-card h4{margin:0 0 10px;color:var(--navy)}

.tag-chip{display:inline-block;background:#eef2ff;color:#3b4a8f;border-radius:10px;padding:1px 8px;font-size:11px;margin:2px 2px 0 0}
.sched-grid{border-collapse:collapse;width:100%}
.sched-grid th,.sched-grid td{border:1px solid #e3e8f2;padding:4px;font-size:11px;text-align:center}
.sched-grid th{background:#f5f7fb;position:sticky;top:0}
.sched-cell-on{background:#4f8ef7;color:#fff;border-radius:3px}

.qr-scan-row{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.qr-scan-row button{white-space:nowrap}.qr-modal-backdrop{position:fixed;inset:0;background:rgba(10,20,35,.65);display:flex;align-items:center;justify-content:center;z-index:50}.qr-modal{background:#fff;border-radius:14px;padding:22px;width:360px;max-width:92vw;text-align:center}.dark .qr-modal{background:#1c2a40;color:#e6ecf7}.qr-modal video{width:100%;border-radius:10px;background:#000;margin:12px 0}.qr-modal h3{margin:0 0 6px}