:root{--blue:#005293;--cyan:#00b9e4;--ink:#15334f;--muted:#65798a;--line:#dce6ec;--bg:#f5f8fa;--white:#fff;--radius:18px;font-family:"Avenir Next",Avenir,Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:16px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}.topbar-inner{height:78px;max-width:1480px;margin:auto;padding:0 36px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:18px}.brand img{height:43px;width:auto}.brand>span{width:1px;height:28px;background:var(--line)}.brand b{font-size:14px;color:#5e7283}.topnav{display:flex;align-items:center;gap:7px}.topnav>a:not(.avatar){display:flex;align-items:center;gap:7px;padding:10px 12px;border-radius:11px;font-size:14px;font-weight:700;color:#536b7e}.topnav>a:hover{background:#eef5f8;color:var(--blue)}.avatar{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-weight:800}.page{position:relative;max-width:1480px;margin:auto;padding:50px 36px 64px}.page:before{content:"";position:fixed;z-index:-1;right:-170px;top:-190px;width:480px;height:480px;border:86px solid rgba(201,239,248,.45);border-radius:50%}.narrow{max-width:760px}.narrow-wide{max-width:980px}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.eyebrow{display:flex;align-items:center;gap:8px;color:#008cb8;font-weight:750;font-size:14px}.eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--cyan)}h1{margin:12px 0 0;font-size:clamp(34px,4vw,56px);line-height:1.04;letter-spacing:-.045em}h2{letter-spacing:-.02em}.hero p,.admin-head p,.panel>p{color:var(--muted);line-height:1.7;max-width:660px}.search{position:relative;width:min(420px,100%)}.search span{position:absolute;left:17px;top:13px;font-size:26px;color:#80909c}.search input{width:100%;height:56px;padding:0 18px 0 48px;border:1px solid #d8e4eb;border-radius:16px;background:#fff;box-shadow:0 8px 25px rgba(31,72,102,.07);outline:none}.search input:focus,input:focus,select:focus,textarea:focus{border-color:#65b9d4;box-shadow:0 0 0 3px rgba(0,185,228,.16)}.filters{margin-top:40px;padding-bottom:20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:18px}.tabs{display:flex;gap:4px;padding:4px;border-radius:12px;background:#eaf0f4;overflow:auto}.tabs button,.favorite-filter{border:0;border-radius:9px;background:transparent;padding:10px 16px;color:#65798a;font-weight:750;white-space:nowrap}.tabs button.active{background:#fff;color:var(--blue);box-shadow:0 2px 7px rgba(31,72,102,.08)}.favorite-filter.active{background:#fff3d9;color:#956400}.apps-section{margin-top:28px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-title h2{display:flex;align-items:center;gap:10px;margin:0;font-size:19px}.section-title h2 svg{box-sizing:content-box;padding:9px;border-radius:11px;background:#e4f2f8;color:var(--blue)}.section-title span{color:#7c8d99;font-size:14px}.app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.app-card{display:block;min-height:238px;padding:20px;border:1px solid #dfe8ee;border-radius:22px;background:#fff;box-shadow:0 5px 18px rgba(31,72,102,.045);transition:.2s}.app-card:hover{transform:translateY(-4px);border-color:#b9d4e4;box-shadow:0 15px 35px rgba(31,72,102,.10)}.card-top{display:flex;align-items:flex-start;justify-content:space-between}.app-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:16px}.tone-blue{background:#e8f3fb;color:#005293}.tone-cyan{background:#e4f8fb;color:#0785a5}.tone-navy{background:#e8edf6;color:#193f71}.tone-teal{background:#e6f4f1;color:#117866}.tone-indigo{background:#eeedfb;color:#5146a7}.tone-rose{background:#fcecf2;color:#c43f72}.tone-pink{background:#fff0f5;color:#d93a74}.tone-amber{background:#fff4dc;color:#a66500}.tone-violet{background:#f2edff;color:#6d4bc3}.tone-lime{background:#eef8dc;color:#577a12}.tone-orange{background:#fff0e6;color:#bc5a16}.tone-slate{background:#eef2f6;color:#4f6475}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#f1f5f8;color:#617284;font-size:11px;font-weight:800}.star{width:34px;height:34px;border:0;background:transparent;color:#81909d;font-size:22px;vertical-align:middle}.star.active{color:#f3a712}.app-card h3{margin:22px 0 8px;font-size:17px}.app-card h3 span{margin-left:6px;color:#9aa8b4}.app-card>p{min-height:42px;margin:0;color:#697b8a;font-size:14px;line-height:1.5}.app-card footer{display:flex;justify-content:space-between;margin-top:24px;padding-top:16px;border-top:1px solid #edf1f4;color:#84929e;font-size:12px;font-weight:750}.app-card footer b{color:var(--blue)}.empty-state{padding:70px;border:1px dashed #cddce4;border-radius:22px;background:rgba(255,255,255,.6);text-align:center}.empty-state span{display:block;margin-top:8px;color:#748794}.site-footer{display:flex;justify-content:space-between;margin-top:55px;padding-top:22px;border-top:1px solid var(--line);color:#788b98;font-size:14px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 80% 0,#dff4fa 0,transparent 32%),var(--bg)}.login-card{width:min(460px,100%);padding:42px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 18px 55px rgba(31,72,102,.10);text-align:center}.login-card.wide{width:min(600px,100%)}.login-logo{height:58px}.login-mark{margin:28px auto 0;color:var(--cyan);font-size:32px}.login-card h1{font-size:32px}.login-card>p,.login-card>small{color:var(--muted);line-height:1.6}.form-stack{display:grid;gap:17px;margin-top:26px;text-align:left}.form-stack label,.form-grid label{display:grid;gap:8px;color:#345168;font-size:14px;font-weight:750}.form-stack input,.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:12px 13px;border:1px solid #d5e1e8;border-radius:11px;background:#fff;color:var(--ink);outline:none;font-weight:500}.btn{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:10px 18px;border:1px solid transparent;border-radius:11px;font-weight:800}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:#003f73}.btn-secondary{border-color:#d3e0e7;background:#fff;color:#536b7e}.form-error,.flash{padding:13px 16px;border-radius:11px}.form-error,.flash-error{background:#fff0f1;color:#a43040}.flash-success{background:#e8f7ef;color:#24714f}.flash{position:fixed;z-index:50;top:92px;left:50%;transform:translateX(-50%);box-shadow:0 8px 25px rgba(0,0,0,.1)}.back{display:inline-block;margin-bottom:20px;color:#527087;font-weight:750}.panel{padding:34px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 8px 30px rgba(31,72,102,.06)}.panel h1{font-size:38px}.panel h2{margin-top:32px}.profile-box{display:grid;gap:4px;margin-top:26px;padding:18px;border-radius:15px;background:#f5f8fa}.profile-box span{color:#647887}.profile-box small{color:var(--blue);font-weight:800}.admin-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.admin-tabs{display:flex;gap:5px;margin-top:34px;border-bottom:1px solid var(--line)}.admin-tabs a{padding:12px 15px;color:#687c8b;font-weight:750}.admin-tabs a.active{border-bottom:3px solid var(--blue);color:var(--blue)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:24px 0}.stats>div{padding:20px;border:1px solid var(--line);border-radius:17px;background:#fff}.stats span{display:block;color:#748795;font-size:14px;font-weight:750}.stats b{display:block;margin-top:6px;font-size:32px}.table-panel{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 8px 28px rgba(31,72,102,.05)}.table-title{padding:17px 21px;border-bottom:1px solid #e5edf2}.table-title h2{display:flex;align-items:center;gap:10px;margin:0;font-size:17px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:15px 18px;border-bottom:1px solid #e8eef2;text-align:left;white-space:nowrap}th{background:#f8fafb;color:#5f7484;font-size:13px}.person{display:flex;align-items:center;gap:12px}.person>span{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:#e8f3fb;color:var(--blue);font-weight:850}.person b,.person em{display:block}.person em{color:#7a8d99;font-size:13px;font-style:normal}.person small{color:#008cb8}.role{padding:5px 9px;border-radius:999px;background:#e8f3fb;color:var(--blue);font-size:12px;font-weight:800}.status:before{content:"";display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%}.status.on{color:#267457}.status.on:before{background:#35a779}.status.off{color:#9a6670}.status.off:before{background:#c78b97}.icon-btn{color:var(--blue);font-size:13px;font-weight:800}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.form-grid .full,.form-actions,.permissions{grid-column:1/-1}.form-grid label small{color:#7b8e9b;font-weight:500}.switch-row{display:flex!important;align-items:center!important;gap:10px!important;padding:13px;border:1px solid var(--line);border-radius:12px}.switch-row input{width:18px!important}.permissions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px;border:1px solid var(--line);border-radius:15px}.permissions legend{padding:0 8px;font-weight:850}.permissions label{display:flex;align-items:center;gap:10px;padding:12px;border-radius:11px;background:#f7f9fa}.permissions input{width:17px}.permissions small{display:block}.form-actions{display:flex;justify-content:flex-end;gap:10px}.tile-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px}.tile-admin-card{padding:20px;border:1px solid var(--line);border-radius:20px;background:#fff}.tile-admin-card.disabled{opacity:.58}.tile-admin-card>div:first-child{display:flex;align-items:center;justify-content:space-between}.order{color:#82919c;font-size:12px}.tile-admin-card h2{margin:18px 0 8px;font-size:18px}.tile-admin-card>p{min-height:44px;color:var(--muted);font-size:14px;line-height:1.5}.tile-admin-card dl{font-size:13px}.tile-admin-card dl div{display:flex;justify-content:space-between;padding:7px 0;border-top:1px solid #edf1f4}.tile-admin-card dt{color:#7b8b96}.tile-admin-card dd{margin:0;font-weight:750}.tile-admin-card .btn{width:100%;margin-top:12px}.tile-admin-card .tile-actions{display:flex;gap:10px;margin-top:12px}.tile-admin-card .tile-actions .btn{width:100%;margin-top:0}.tile-admin-card .tile-actions form{flex:1;display:flex}.btn-danger{border-color:#f0c9ce;background:#fff0f1;color:#a43040}.btn-danger:hover{background:#f8dde0}.app-card[hidden]{display:none}.drag-handle{cursor:grab;color:#9aa8b4;font-size:15px;letter-spacing:-2px;user-select:none}.tile-admin-card.dragging{opacity:.45}.reorder-status{margin-left:auto;align-self:center;font-size:13px;color:#24714f;opacity:0;transition:opacity .25s}.reorder-status.visible{opacity:1}.reorder-status.error{color:#a43040}.wz-hero{margin-bottom:28px}.wz-hero-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}.wz-placeholder-badge{background:#fff4dc;color:#956400;white-space:nowrap}.wz-progress{margin-top:30px}.wz-progress-track{height:22px;border-radius:999px;background:#eaf2f6;overflow:hidden}.wz-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--cyan))}.wz-progress-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.wz-progress-meta div{padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:#f8fbfc}.wz-progress-meta b{display:block;font-size:22px}.wz-progress-meta span{color:var(--muted);font-size:13px}.wz-history{display:flex;align-items:flex-end;gap:18px;margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.wz-history-bar{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}.wz-history-value{font-size:12px;color:var(--muted);font-weight:750}.wz-history-col{display:flex;align-items:flex-end;width:100%;height:90px;border-radius:8px;background:#f1f6f8}.wz-history-col div{width:100%;border-radius:8px;background:#bcdcec}.wz-history-bar:last-child .wz-history-col div{background:var(--blue)}.wz-history-label{font-size:12px;color:#7c8d99;font-weight:750}.wz-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}.wz-kpi-card{display:flex;flex-direction:column;gap:10px;padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 5px 18px rgba(31,72,102,.045)}.wz-kpi-top{display:flex;align-items:center;justify-content:space-between}.wz-live{display:flex;align-items:center;gap:6px;color:#c43f72;font-size:12px;font-weight:800}.wz-live i{width:7px;height:7px;border-radius:50%;background:#c43f72}.wz-kpi-label{color:#7c8d99;font-size:13px;font-weight:750}.wz-kpi-value{font-size:28px;letter-spacing:-.02em}.wz-kpi-delta{color:var(--muted);font-size:12.5px;font-weight:700}.wz-kpi-delta.up{color:#24714f}.wz-team-avatars{display:flex;gap:6px;flex-wrap:wrap}.wz-team-avatars span{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;background:#eef8dc;color:#577a12;font-size:11px;font-weight:800}.wz-weather{margin-top:24px}.wz-weather-row{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:6px}.wz-weather-day{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;border:1px solid var(--line);border-radius:15px}.wz-weather-day.active{border-color:var(--blue);background:#eef6fb}.wz-weather-name{font-weight:800;font-size:13px}.wz-weather-date{color:#7c8d99;font-size:11px}.wz-weather-icon{color:var(--blue)}.wz-weather-temp{font-weight:750;font-size:13px}
@media(max-width:1100px){.app-grid{grid-template-columns:repeat(3,1fr)}.tile-admin-grid{grid-template-columns:repeat(2,1fr)}.wz-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.topbar-inner,.page{padding-left:18px;padding-right:18px}.brand b,.brand>span,.topnav>a:not(.avatar){display:none}.hero,.admin-head{align-items:stretch;flex-direction:column}.search{width:100%}.filters{align-items:stretch;flex-direction:column}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.permissions{grid-template-columns:1fr}.tile-admin-grid{grid-template-columns:1fr}.wz-progress-meta{grid-template-columns:1fr}.wz-history{flex-wrap:wrap}.wz-weather-row{grid-template-columns:repeat(4,1fr)}.site-footer{gap:8px;flex-direction:column}}@media(max-width:520px){.app-grid{grid-template-columns:1fr}.login-card,.panel{padding:25px}.tabs{width:100%}.page{padding-top:32px}.topbar-inner{height:68px}.brand img{height:38px}.wz-kpi-grid{grid-template-columns:1fr}.wz-weather-row{grid-template-columns:repeat(2,1fr)}}