:root{--bg: #f4f5f7;--bg-soft: #eef0f3;--panel: #ffffff;--line: #e4e7ec;--line-strong: #d0d5dd;--text: #1a1d23;--muted: #667085;--accent: #1db97a;--accent-soft: #e8f8f0;--accent-ink: #148a5c;--danger: #d64545;--danger-soft: #fdecec;--warn: #b78105;--warn-soft: #fff6e0;--ok: #148a5c;--ok-soft: #e8f8f0;--shadow: 0 1px 2px rgba(16, 24, 40, .04);--radius: 10px;--font: "Manrope", "Segoe UI", sans-serif;--display: "Sora", "Manrope", sans-serif;--nav-w: 220px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:var(--nav-w) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:1.25rem .85rem;border-right:1px solid var(--line);background:#fafbfc;display:flex;flex-direction:column;gap:1rem}.brand{padding:.35rem .65rem .7rem}.brand-mark{font-family:var(--display);font-size:1.4rem;letter-spacing:-.02em;line-height:1.1}.brand-mark:after{content:"";display:inline-block;width:7px;height:7px;margin-left:.35rem;margin-bottom:.15rem;border-radius:50%;background:var(--accent);vertical-align:middle}.brand-sub{color:var(--muted);font-size:.78rem;margin-top:.2rem}.nav-list{display:flex;flex-direction:column;gap:.2rem;flex:1}.nav-link{display:flex;align-items:center;gap:.6rem;padding:.62rem .75rem;border-radius:8px;color:var(--muted);transition:background .15s ease,color .15s ease}.nav-link:hover{color:var(--text);background:var(--bg-soft)}.nav-link.active{color:var(--accent-ink);background:var(--accent-soft);font-weight:600}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:22px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.nav-ico{font-size:22px!important;width:1.35rem;height:1.35rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.85}.nav-link.active .nav-ico{opacity:1}.bottom-nav{display:none}.sidebar-foot{padding:.7rem .55rem .2rem;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:.5rem}.user-chip{font-size:.84rem;color:var(--muted)}.user-chip strong{color:var(--text);font-weight:600}.main{padding:1.4rem 1.6rem 2.2rem;min-width:0}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.15rem}.page-head h1{margin:0;font-family:var(--display);font-size:clamp(1.45rem,2vw,1.85rem);letter-spacing:-.02em;font-weight:600}.page-head p{margin:.3rem 0 0;color:var(--muted);max-width:40rem;font-size:.95rem}.toolbar{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:.9rem}.field{background:#fff;border:1px solid var(--line-strong);color:var(--text);border-radius:8px;padding:.55rem .75rem;min-width:0}.field:focus{outline:2px solid rgba(29,185,122,.22);border-color:var(--accent)}.btn{border:1px solid transparent;border-radius:8px;padding:.55rem .9rem;font-weight:600;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-ink)}.btn-ghost{background:#fff;border-color:var(--line-strong);color:var(--text)}.btn-ghost:hover{background:var(--bg-soft)}.btn-danger{background:var(--danger-soft);border-color:#f3c1c1;color:var(--danger)}.grid-kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.kpi{padding:.95rem 1rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.kpi .label{color:var(--muted);font-size:.8rem}.kpi .value{margin-top:.35rem;font-family:var(--display);font-size:1.55rem;letter-spacing:-.02em;font-weight:600}.kpi.warm .value{color:var(--accent-ink)}.panel{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid var(--line);background:#fcfcfd}.panel-head h2{margin:0;font-size:.95rem;font-weight:600}.panel-body{padding:.95rem 1rem}.split{display:grid;grid-template-columns:1.3fr 1fr;gap:.85rem}.table-wrap{overflow:auto}table.data{width:100%;border-collapse:collapse;font-size:.9rem}table.data th,table.data td{text-align:left;padding:.7rem 1rem;border-bottom:1px solid var(--line);white-space:nowrap}table.data th{color:var(--muted);font-weight:600;font-size:.74rem;text-transform:uppercase;letter-spacing:.03em;background:#fafbfc}table.data tbody tr:hover{background:#f8fafc}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.18rem .5rem;border-radius:6px;font-size:.72rem;font-weight:600;border:1px solid transparent}.badge.ok{background:var(--ok-soft);color:var(--ok);border-color:#c8e6d5}.badge.bad{background:var(--danger-soft);color:var(--danger);border-color:#f3c1c1}.badge.warn{background:var(--warn-soft);color:var(--warn);border-color:#f0dfad}.badge.muted{background:var(--bg-soft);color:var(--muted);border-color:var(--line)}.row-link{color:var(--accent-ink);font-weight:600}.row-link:hover{text-decoration:underline}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.form-grid label{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;color:var(--muted)}.form-grid .full{grid-column:1 / -1}.check{display:flex;align-items:center;gap:.5rem;color:var(--text);margin-top:1.3rem}.muted{color:var(--muted)}.empty{padding:1.75rem 1rem;text-align:center;color:var(--muted)}.error-box{background:var(--danger-soft);border:1px solid #f3c1c1;color:#9f2d2d;padding:.7rem .85rem;border-radius:8px;margin-bottom:.85rem}.success-box{background:var(--ok-soft);border:1px solid #c8e6d5;color:var(--ok);padding:.7rem .85rem;border-radius:8px;margin-bottom:.85rem}.pager{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.8rem 1rem;border-top:1px solid var(--line);background:#fcfcfd}.login-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(700px 280px at 80% 0%,rgba(29,185,122,.1),transparent 60%),var(--bg)}.login-card{width:min(400px,100%);padding:1.75rem 1.5rem;border-radius:14px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}.login-card h1{margin:0;font-family:var(--display);font-size:1.75rem;letter-spacing:-.02em}.login-card p{color:var(--muted);margin:.4rem 0 1.25rem}.login-card .field{width:100%;margin-bottom:.75rem}.login-card .btn{width:100%}.perm-group{margin-bottom:1.1rem}.perm-group h3{margin:0 0 .55rem;font-size:.8rem;color:var(--accent-ink);text-transform:uppercase;letter-spacing:.05em}.perm-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.perm-item{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.7rem .8rem;border:1px solid var(--line);border-radius:8px;background:#fff}.switch{position:relative;width:40px;height:22px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;top:0;right:0;bottom:0;left:0;background:#d0d5dd;border-radius:999px;transition:.2s}.switch span:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 2px #00000026}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:before{transform:translate(18px)}.mobile-toggle{display:none}.section-label{margin:.2rem 0 .65rem;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700}.filters-scroll{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:.25rem}.filters-scroll-inner{display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem;min-width:max-content}.filters-scroll .field,.filters-scroll .btn{flex:0 0 auto}.filters-scroll::-webkit-scrollbar{height:6px}.filters-scroll::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px}.preset-btn{white-space:nowrap}.preset-btn.active-preset,.active-preset{background:var(--accent-soft)!important;border-color:#b7e8d0!important;color:var(--accent-ink)!important}.panel-body.filters-body{padding-top:.75rem;padding-bottom:.75rem}.tab-row{display:flex;gap:.4rem;flex-wrap:wrap}.stat-bars{display:flex;flex-direction:column;gap:.5rem}.stat-bar-row{display:grid;grid-template-columns:minmax(70px,120px) 1fr auto;gap:.5rem;align-items:center;font-size:.84rem}.stat-bar-label{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-bar-track{height:7px;border-radius:999px;background:var(--bg-soft);overflow:hidden}.stat-bar-fill{height:100%;border-radius:inherit;background:var(--accent);transition:width .3s ease}.stat-bar-value{font-weight:600;min-width:4.5rem;text-align:right}.spark{display:flex;align-items:flex-end;gap:.3rem;min-height:110px;overflow-x:auto;padding-bottom:.2rem}.spark-col{flex:1 0 26px;max-width:40px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.25rem;min-height:100px}.spark-fill{width:100%;border-radius:5px 5px 2px 2px;background:var(--accent);opacity:.85;min-height:5px;transition:height .3s ease}.spark-col span{font-size:.62rem;color:var(--muted)}.split.three{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1100px){.grid-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.split,.split.three,.perm-list{grid-template-columns:1fr}}@media(max-width:860px){.app-shell{grid-template-columns:1fr;padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.desktop-nav{display:none}.bottom-nav{display:block;position:fixed;left:0;right:0;bottom:0;z-index:50;border-top:1px solid var(--line);background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.35rem .4rem calc(.35rem + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 20px #1018280f}.bottom-nav-scroll{display:flex;flex-wrap:nowrap;gap:.2rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.bottom-nav-scroll::-webkit-scrollbar{display:none}.bottom-link{flex:0 0 auto;min-width:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.4rem .55rem;border-radius:10px;color:var(--muted);font-size:.68rem;font-weight:600;border:none;background:transparent;text-decoration:none}.bottom-link .nav-ico{font-size:22px!important}.bottom-link.active{color:var(--accent-ink);background:var(--accent-soft)}.bottom-logout{color:var(--danger)}.main{padding:1rem 1rem 1.25rem}.form-grid{grid-template-columns:1fr}.page-head{flex-direction:column;align-items:flex-start}.mobile-toggle{display:none}}