:root{--ink:#102a33;--muted:#748b94;--line:#dce8ea;--bg:#f3f8f8;--card:#fff;--teal:#078f95;--teal2:#13b3b1;--soft:#eaf7f6;--green:#23a66f;--orange:#e99b37;--blue:#4e8ff0;--shadow:0 16px 42px rgba(28,67,75,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(180deg,#f8fbfb,#eef5f5);color:var(--ink)}svg{width:22px;height:22px}.topbar{height:82px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;gap:28px;position:sticky;top:0;z-index:100;box-shadow:0 4px 20px rgba(34,80,87,.04)}.brand{display:flex;align-items:center;gap:14px;text-decoration:none}.brand img{width:205px;height:auto}.brand>span{background:var(--soft);color:#087b82;border:1px solid #cde9e7;border-radius:99px;padding:8px 12px;font-weight:900;font-size:.75rem;letter-spacing:.08em}.topbar nav{display:flex;height:100%;align-items:center;gap:4px;flex:1}.topbar nav a{height:100%;display:flex;align-items:center;gap:8px;padding:0 14px;color:#4a6269;text-decoration:none;font-weight:700;font-size:.88rem;position:relative}.topbar nav a.active{color:var(--teal)}.topbar nav a.active:after{content:"";position:absolute;bottom:0;left:14px;right:14px;height:3px;background:linear-gradient(90deg,var(--teal),var(--teal2));border-radius:3px}.top-actions{display:flex;align-items:center;gap:10px}.search-btn{height:44px;border:1px solid var(--line);background:#fff;border-radius:13px;padding:0 12px;display:flex;align-items:center;gap:8px;color:#83969c}.search-btn kbd{background:#f0f5f5;border:1px solid #e1eaea;border-radius:6px;padding:3px 6px}.icon-btn{width:44px;height:44px;border:0;background:transparent;position:relative;color:#516b72}.icon-btn i{position:absolute;width:8px;height:8px;border-radius:50%;background:#ef4f4f;right:8px;top:7px}.user-menu{position:relative}.user-menu summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer}.user-menu summary::-webkit-details-marker{display:none}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#d8f4ef,#a5dcda);color:#076b71;font-weight:900}.user-menu b,.user-menu small{display:block}.user-menu small{color:var(--muted);margin-top:3px}.user-menu>div{position:absolute;right:0;top:54px;width:210px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:8px}.user-menu>div a{display:block;padding:11px;border-radius:9px;color:var(--ink);text-decoration:none}.user-menu>div a:hover{background:var(--soft)}.page{max-width:1540px;margin:0 auto;padding:22px 28px 50px}.quickbar{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);display:flex;align-items:center;padding:10px 18px;gap:8px;margin-bottom:20px}.quickbar>b{font-size:.8rem;margin-right:10px}.quickbar>a{flex:1;display:flex;align-items:center;gap:10px;padding:10px;border-left:1px solid #edf2f2;text-decoration:none;color:var(--ink)}.quickbar>a>span{width:36px;height:36px;border-radius:11px;background:var(--soft);display:grid;place-items:center;color:var(--teal)}.quickbar small,.quickbar b{display:block}.quickbar small{color:var(--muted);font-size:.72rem;margin-top:2px}.hero{min-height:260px;background:linear-gradient(120deg,#fff,#f4fbfb);border:1px solid var(--line);border-radius:26px;padding:42px 48px;display:flex;justify-content:space-between;align-items:flex-start;position:relative;overflow:hidden;box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;width:430px;height:430px;border-radius:50%;border:1px solid #cdeeed;right:-80px;top:-250px;box-shadow:0 0 0 70px rgba(230,247,245,.7),0 0 0 140px rgba(242,251,250,.7)}.hero small,.section-head small{letter-spacing:.16em;font-size:.75rem;font-weight:900;color:#0a7a84}.hero h1{font-size:clamp(2.7rem,4vw,5rem);line-height:.98;letter-spacing:-.055em;margin:.8rem 0}.hero h1 em{font-style:normal;color:var(--teal)}.hero p{color:var(--muted)}.hero-date{z-index:2;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;gap:8px;align-items:center;color:#5a747b}.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:20px 0}.kpis article{background:#fff;border:1px solid var(--line);border-radius:18px;min-height:120px;padding:20px;display:flex;gap:14px;box-shadow:0 10px 30px rgba(32,69,75,.05)}.kpis article>span{width:44px;height:44px;border-radius:13px;display:grid;place-items:center}.blue{background:#edf5ff;color:var(--blue)}.orange{background:#fff4e8;color:var(--orange)}.teal{background:var(--soft);color:var(--teal)}.green{background:#eaf8f1;color:var(--green)}.kpis small,.kpis strong,.kpis em{display:block}.kpis small{font-weight:750;color:#526b72}.kpis strong{font-size:1.65rem;margin:.35rem 0}.kpis em{font-style:normal;font-size:.75rem;color:var(--muted)}.status-ok{color:var(--green);font-size:1.25rem!important}.dashboard-grid{display:grid;grid-template-columns:2.05fr 1fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow)}.panel h2{font-size:1rem;margin:0 0 18px}.actions{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.actions a{min-height:94px;border:1px solid #e2ecee;border-radius:14px;text-decoration:none;color:var(--ink);display:grid;place-items:center;gap:7px;padding:12px;text-align:center;font-weight:750;font-size:.8rem}.actions a:hover{border-color:#a9dedd;background:#f7fcfb}.actions svg{color:var(--teal);width:26px;height:26px}.panel hr{border:0;border-top:1px solid #edf2f2;margin:22px 0}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.admin-grid a{display:flex;align-items:center;gap:10px;min-height:70px;border:1px solid #e2ecee;border-radius:13px;padding:11px;text-decoration:none;color:var(--ink)}.admin-grid a>svg{width:36px;height:36px;padding:8px;border-radius:10px;background:var(--soft);color:var(--teal)}.admin-grid span{flex:1}.admin-grid b,.admin-grid small{display:block}.admin-grid small{color:var(--muted);font-size:.7rem;margin-top:4px}.admin-grid i{font-style:normal;color:var(--teal)}.activity-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #edf2f2}.activity-row>span{width:38px;height:38px;border-radius:50%;background:var(--soft);color:var(--teal);display:grid;place-items:center}.activity-row div{flex:1}.activity-row b,.activity-row small{display:block}.activity-row small{color:var(--muted);margin-top:3px}.activity-row time{font-size:.7rem;color:var(--muted)}.view-all{display:block;margin-top:18px;border:1px solid var(--line);border-radius:12px;padding:12px;text-decoration:none;color:var(--teal);font-weight:750}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin:22px 0}.section-head h1{font-size:2.5rem;letter-spacing:-.045em;margin:.5rem 0}.section-head p{color:var(--muted);margin:0}.primary,.ghost,.danger{border:0;border-radius:11px;padding:12px 16px;font:inherit;font-weight:800;cursor:pointer}.primary{background:linear-gradient(135deg,var(--teal),var(--teal2));color:#fff}.ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}.danger{background:#fff1f1;color:#c63e3e;border:1px solid #ffd3d3}.settings-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.settings-cards>a,.settings-cards>article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow)}.settings-cards svg{width:44px;height:44px;padding:10px;background:var(--soft);border-radius:13px;color:var(--teal)}.settings-cards div{flex:1}.settings-cards h3,.settings-cards p{margin:0}.settings-cards p{color:var(--muted);margin-top:5px}.table-panel{padding:0;overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#789099;padding:15px 18px;border-bottom:1px solid var(--line);background:#f9fbfb}td{padding:15px 18px;border-bottom:1px solid #edf2f2;vertical-align:middle}td b,td small{display:block}td small{color:var(--muted);margin-top:4px}.badge{display:inline-flex;border-radius:99px;padding:6px 9px;background:#f1f4f4;color:#70868b;font-size:.7rem;font-weight:800}.badge.ok{background:#e6f7ef;color:#168258}.badge.off{background:#f4f0f0;color:#9b6565}.truncate{max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.role-card div{display:flex;align-items:center;gap:10px}.role-card div span{width:42px;height:42px;padding:10px;border-radius:12px;background:var(--soft);color:var(--teal)}.role-card h3{margin:0}.role-card p{color:var(--muted)}dialog{border:0;border-radius:22px;padding:0;box-shadow:0 35px 90px rgba(14,47,54,.25);width:min(620px,calc(100% - 30px))}dialog::backdrop{background:rgba(9,34,40,.45);backdrop-filter:blur(5px)}.modal-form{padding:25px}.modal-form.wide{max-height:86vh;overflow:auto}.modal-form header,.modal-form footer{display:flex;align-items:center;justify-content:space-between}.modal-form header button{border:0;background:transparent;font-size:1.8rem}.modal-form label{display:block;font-weight:750;margin:13px 0}.modal-form input,.modal-form select{width:100%;height:48px;border:1px solid var(--line);border-radius:11px;padding:0 12px;margin-top:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-form footer{justify-content:flex-end;gap:10px;margin-top:20px}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.permission-grid h4{grid-column:1/-1;margin:14px 0 2px;color:var(--teal)}.permission{display:flex!important;align-items:center;gap:9px;border:1px solid var(--line);padding:10px;border-radius:10px;margin:0!important}.permission input{width:18px;height:18px;margin:0}.permission b,.permission small{display:block}.permission small{color:var(--muted)}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.security-card,.setup-card{text-align:center}.security-icon{display:inline-grid;width:74px;height:74px;place-items:center;border-radius:22px;background:var(--soft);color:var(--teal)}.security-icon svg{width:38px;height:38px}.security-status{padding:12px;border-radius:12px;background:#f2f5f5;margin:18px 0;font-weight:850}.security-status.ok{background:#e5f8ee;color:#168258}.setup-card img{width:220px;height:220px}.setup-card code{display:block;padding:12px;background:#f4f8f8;border-radius:10px;letter-spacing:.15em}.setup-card form{display:flex;gap:10px;margin-top:12px}.code-input{height:46px;border:1px solid var(--line);border-radius:10px;text-align:center;letter-spacing:.4em;font-size:1.2rem}.recovery{grid-column:1/-1}.recovery>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.recovery code{background:#f3f7f7;padding:12px;border-radius:8px;text-align:center}.module-placeholder{min-height:60vh;display:grid;place-items:center;text-align:center;align-content:center}.module-placeholder>span{width:80px;height:80px;padding:20px;border-radius:24px;background:var(--soft);color:var(--teal)}.module-placeholder h1{font-size:2.5rem}.module-placeholder a{color:var(--teal);font-weight:800}.flash{padding:13px 16px;border-radius:12px;margin-bottom:14px}.flash.success{background:#e4f7ee;color:#167d56}.flash.error{background:#fff0f0;color:#b43b3b}.empty{color:var(--muted);padding:30px;text-align:center}@media(max-width:1200px){.topbar nav a span{display:none}.brand img{width:160px}.kpis{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.settings-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.topbar{padding:0 14px}.topbar nav{overflow:auto}.search-btn,.user-menu summary>span:not(.avatar){display:none}.page{padding:14px}.quickbar{overflow:auto}.quickbar>a{min-width:150px}.hero{padding:28px}.hero-date{display:none}.kpis{grid-template-columns:1fr 1fr}.actions{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}.settings-cards,.role-grid,.security-grid{grid-template-columns:1fr}.form-grid,.permission-grid{grid-template-columns:1fr}.recovery>div{grid-template-columns:1fr 1fr}}
.global-search{height:42px;min-width:280px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;align-items:center;gap:9px;padding:0 11px}.global-search svg{width:18px;color:var(--muted)}.global-search input{border:0;outline:0;background:transparent;flex:1;min-width:0;font:inherit;color:var(--ink)}.global-search kbd{border:1px solid var(--line);background:#f7f9f9;border-radius:6px;padding:3px 6px;color:var(--muted)}.avatar.has-image{overflow:hidden;padding:0}.avatar.has-image img{width:100%;height:100%;object-fit:cover;display:block}.profile-panel{max-width:760px;display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:start}.profile-preview{width:160px;height:160px;border-radius:32px;background:var(--soft);display:grid;place-items:center;overflow:hidden;color:var(--teal);font-size:4rem;font-weight:900}.profile-preview img{width:100%;height:100%;object-fit:cover}.profile-panel form{display:grid;gap:14px}.profile-panel label{font-weight:800}.profile-panel input{display:block;width:100%;height:48px;margin-top:7px;border:1px solid var(--line);border-radius:11px;padding:0 12px}.profile-panel input[type=file]{padding:11px;height:auto}.search-results{padding:0;overflow:hidden}.search-results>a{display:flex;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}.search-results>a:hover{background:#f7fcfb}.search-results>a>span{width:42px;height:42px;border-radius:12px;background:var(--soft);color:var(--teal);display:grid;place-items:center}.search-results>a>div{flex:1}.search-results b,.search-results small{display:block}.search-results small{color:var(--muted);margin-top:4px}.search-results i{font-style:normal;color:var(--teal)}@media(max-width:800px){.global-search{display:none}.profile-panel{grid-template-columns:1fr}.profile-preview{width:120px;height:120px}}
.language-switch{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;padding:3px;background:#fff}.language-switch a{min-width:30px;text-align:center;padding:6px 7px;border-radius:7px;text-decoration:none;color:var(--muted);font-size:.72rem;font-weight:850}.language-switch a.active{background:var(--soft);color:var(--teal)}
.notification-menu{position:relative}.notification-menu>summary{list-style:none;cursor:pointer}.notification-menu>summary::-webkit-details-marker{display:none}.notification-menu .icon-btn{position:relative}.notification-menu .icon-btn i{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;border-radius:9px;background:#e54e62;color:#fff;display:grid;place-items:center;font-size:.62rem;font-style:normal;font-weight:900;padding:0 4px;border:2px solid #fff}.notification-popover{position:absolute;right:0;top:52px;width:min(390px,calc(100vw - 28px));background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 28px 70px rgba(15,51,57,.2);overflow:hidden;z-index:120}.notification-popover>header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.notification-popover header b,.notification-popover header small{display:block}.notification-popover header small{color:var(--muted);margin-top:3px}.notification-popover header button{border:0;background:transparent;color:var(--teal);font:inherit;font-size:.72rem;font-weight:850;cursor:pointer}.notification-list{max-height:420px;overflow:auto}.notification-item{display:flex;gap:11px;padding:14px 18px;border-bottom:1px solid #edf2f2;text-decoration:none;color:var(--ink);background:#fff}.notification-item:hover{background:#f8fcfb}.notification-item.unread{background:#f1fbfa}.notification-dot{width:9px;height:9px;border-radius:50%;background:#c5d7d9;margin-top:6px;flex:0 0 auto}.notification-item.unread .notification-dot{background:var(--teal);box-shadow:0 0 0 4px rgba(15,159,162,.12)}.notification-item b,.notification-item p,.notification-item small{display:block;margin:0}.notification-item p{color:var(--muted);font-size:.78rem;margin:4px 0}.notification-item small{color:#8aa0a5;font-size:.68rem}
.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;white-space:nowrap}.row-actions form{margin:0}.compact{padding:8px 10px;font-size:.72rem}.toggle-label{display:flex!important;align-items:center;gap:9px}.toggle-label input{width:18px!important;height:18px!important;margin:0!important}.field-help{display:block;color:var(--muted);font-weight:500;margin-top:5px}.modal-form select[multiple]{height:auto;min-height:145px;padding:8px}.settings-cards>article{position:relative}.settings-cards>article>.compact{margin-left:auto}
@media(max-width:1100px){.language-switch{display:none}.notification-popover{right:-70px}}