:root{font-family:Inter,Arial,sans-serif;color:#16352d;background:#f3f6f5;font-size:16px;--green:#075640;--line:#dce6e1;--muted:#63786f}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:1px solid var(--line);border-radius:7px;background:white;color:var(--green);padding:10px 15px;font-weight:600}button:hover{background:#eaf3ee}button.primary{background:var(--green);color:white;border-color:var(--green)}button.primary:hover{background:#063e30}button:disabled{opacity:.5;cursor:wait}input,select,textarea{width:100%;border:1px solid #c9d7d0;border-radius:6px;padding:10px 11px;background:white;color:#16352d;min-width:0}textarea{min-height:80px;resize:vertical}label{font-size:14px;font-weight:600;display:grid;gap:7px}h1{font-size:30px;letter-spacing:-.8px;margin:0 0 8px}h2{font-size:19px;margin:0 0 18px}p{line-height:1.6}small,.muted{color:var(--muted);font-size:14px}.shell{display:grid;grid-template-columns:235px 1fr;min-height:100vh}.sidebar{background:#073f32;color:white;padding:20px 16px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;margin-bottom:35px;font-size:14px;line-height:1.5;letter-spacing:1px}.brand img{width:66px;height:66px;object-fit:contain;border-radius:8px;background:white}.brand b{display:block}.nav{display:grid;gap:7px}.nav button{border:0;background:transparent;color:#c7ddd4;text-align:left;display:flex;align-items:center;gap:12px;font-weight:400}.nav button.active{background:#ffffff17;color:white;border-left:3px solid #80d6ab}.nav svg{width:19px;height:19px;flex-shrink:0}.side-bottom{margin-top:auto;color:#c2d7ce;font-size:12px;line-height:1.7}.side-bottom strong{color:white;font-size:14px}.topbar{height:76px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:15px}.account{display:flex;align-items:center;gap:10px}.avatar{border-radius:50%;width:35px;height:35px;background:#e7f1eb;display:grid;place-items:center;font-weight:bold;font-size:13px}.account small{display:block;font-size:12px}.topbar button{padding:7px 10px;font-size:14px}.content{padding:30px 32px;max-width:1700px;margin:auto}.pagehead{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.eyebrow{font-size:12px;letter-spacing:1.8px;text-transform:uppercase;font-weight:700;color:#678578;margin-bottom:10px}.actions{display:flex;gap:9px;flex-wrap:wrap}.filters{background:white;border:1px solid var(--line);border-radius:10px;padding:15px;display:grid;grid-template-columns:1.35fr repeat(2,1fr) 1.2fr 1.2fr 1fr auto;gap:10px;align-items:end;margin-bottom:24px}.filters label{font-size:12px}.filters input,.filters select{font-size:14px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.card{background:white;border:1px solid var(--line);border-radius:10px;padding:22px}.card .value{font-size:31px;font-weight:650;letter-spacing:-1px;margin:16px 0 8px}.card.feature{background:var(--green);color:white}.card.feature small{color:#c6e2d4}.card small{display:block}.card .unit{font-size:15px;font-weight:400;letter-spacing:0}.grid2{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin-bottom:24px}.panel{background:white;border:1px solid var(--line);border-radius:10px;padding:22px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:15px}.panel-head h2{margin:0}.chart{height:220px;display:flex;gap:8px;align-items:flex-end;padding:15px 0 30px;border-bottom:1px solid var(--line)}.bar-col{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.bar{width:65%;min-width:5px;background:#168362;border-radius:4px 4px 0 0}.bar-col span{position:absolute;top:100%;font-size:12px;color:var(--muted);margin-top:10px;white-space:nowrap}.bar-col:nth-child(2n) .bar{background:#2b9a77}.breakdown{display:grid;gap:18px}.break-label{display:flex;justify-content:space-between;font-size:14px;gap:12px}.meter{height:7px;background:#edf3ef;border-radius:5px;overflow:hidden;margin-top:8px}.meter i{display:block;height:100%;background:#168362}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{background:#f4f7f5;color:#61766c;font-size:12px;font-weight:600;padding:13px 12px;white-space:nowrap}td{padding:14px 12px;border-bottom:1px solid #edf1ee;vertical-align:middle}td.ref{font-weight:700;color:var(--green);white-space:nowrap}td.num{font-variant-numeric:tabular-nums;white-space:nowrap}td button{padding:6px 9px;font-size:12px}.badge{font-size:12px;white-space:nowrap;border-radius:4px;padding:5px 7px;display:inline-block;background:#e8f2ed;color:#236149}.badge.cancelled{background:#faede8;color:#975a42}.badge.draft{background:#eef0f4;color:#656d80}.badge.received{background:#dcefe1;color:#1b683a}.empty{padding:45px;text-align:center;color:var(--muted)}.pager{display:flex;justify-content:space-between;align-items:center;padding-top:18px;font-size:14px}.notice{border-left:3px solid #b89037;padding:13px 16px;background:#fffaf0;font-size:14px;line-height:1.6;margin-bottom:20px}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-story{background:#073f32;color:white;padding:60px;display:flex;flex-direction:column;justify-content:space-between}.login-story h1{font-size:48px;line-height:1.12;max-width:550px}.login-story p{color:#c2dbce;max-width:410px}.login-story img{width:100px;border-radius:10px}.login-box{display:flex;align-items:center;justify-content:center;padding:35px}.login-box form{width:100%;max-width:380px;display:grid;gap:21px}.login-box h1{font-size:27px}.error{color:#a23f2e;font-size:14px;min-height:20px}.footer{font-size:12px;color:#6f8279;padding:20px 0}.error-banner{background:#fff0eb;color:#983e2b;padding:12px;margin-bottom:20px}dialog{border:1px solid var(--line);border-radius:12px;padding:26px;max-width:900px;width:94vw;max-height:90vh;overflow:auto;color:#16352d}dialog::backdrop{background:#062f2455;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.modal-head h2{margin:0}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.form-grid .wide{grid-column:1/-1}.form-grid h3{font-size:14px;letter-spacing:.6px;color:#527564;border-bottom:1px solid var(--line);padding-bottom:10px;margin:15px 0 0}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.sources{font-size:12px;color:var(--muted);padding:12px;background:#f4f7f5;margin-top:15px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.detail-grid div{border-bottom:1px solid var(--line);padding:10px 0;white-space:pre-wrap}.detail-grid small{display:block;font-size:12px;margin-bottom:7px}.print-sheet{display:none}.user-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.user-row p{margin:5px 0}#toast{position:fixed;bottom:25px;right:25px;background:#073f32;color:white;padding:15px 20px;border-radius:8px;z-index:5;display:none}.audit-entry{padding:14px 0;border-bottom:1px solid var(--line)}.audit-entry summary{cursor:pointer;font-size:14px}.audit-entry pre{font-size:12px;overflow:auto;background:#f4f7f5;padding:15px}.client-item{padding:20px 0;border-bottom:1px solid var(--line)}
@media(max-width:1150px){.filters{grid-template-columns:repeat(3,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.content{padding:24px}.shell{grid-template-columns:205px 1fr}.topbar{padding:0 24px}.bar-col span{font-size:11px}}
@media(max-width:750px){.shell{display:block}.sidebar{position:static;height:auto;padding:12px}.brand{margin:0 0 12px}.brand img{height:40px;width:40px}.brand b{display:block}.brand{font-size:12px;letter-spacing:.5px}.nav{display:flex;overflow:auto}.nav button{white-space:nowrap;font-size:14px;padding:10px}.nav svg,.side-bottom{display:none}.topbar{padding:10px 16px;height:auto;min-height:64px}.account .avatar{display:none}.account strong{font-size:14px}.content{padding:20px 14px}.pagehead{align-items:flex-start;flex-direction:column}h1{font-size:25px}.filters{grid-template-columns:repeat(2,1fr)}.cards{gap:10px}.card{padding:16px}.card .value{font-size:26px}.panel{padding:16px}.login{grid-template-columns:1fr}.login-story{padding:25px;gap:20px}.login-story h1{font-size:29px}.login-story p,.login-story .footer{display:none}.login-story img{width:65px}.form-grid,.detail-grid{grid-template-columns:1fr 1fr}.user-row{align-items:flex-start;flex-direction:column}.bar-col span{writing-mode:vertical-lr}.chart{padding-bottom:40px}.topbar>.muted{display:none}}
@media print{body>*{display:none!important}body>.print-sheet{display:block!important;background:white;font-family:Arial,sans-serif;color:black;font-size:12px;padding:15px}.print-sheet h1{font-size:19px}.print-sheet img{width:80px;float:left;margin-right:25px}.print-sheet h3{font-size:13px;background:#e8efeb;padding:8px;border:1px solid #999;margin-top:20px}.print-sheet table{font-size:11px}.print-sheet td,.print-sheet th{border:1px solid #777;padding:10px;color:black}.print-sheet p{line-height:2}.signatures{display:flex;justify-content:space-between;margin-top:30px}.print-note{margin-top:35px;color:#555;font-size:10px}@page{size:A4;margin:12mm}}
@media print{.print-sheet table{table-layout:fixed;width:100%}.print-sheet th,.print-sheet td{white-space:normal;overflow-wrap:anywhere}}

.login-box .actions{justify-content:flex-end}.login-story .footer{color:#c2dbce}.login-story .footer a{color:inherit;text-underline-offset:3px}
.topbar{position:relative}.global-search{width:min(460px,42vw);height:48px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;padding:0 16px;background:#f8faf9}.global-search svg{width:22px;height:22px;stroke:#8ba0b7;flex:none}.global-search input{border:0;background:transparent;padding:0;font-size:16px;color:#31465d}.global-search input::placeholder{color:#91a4b9}.header-actions{display:flex;align-items:center;gap:14px}.header-actions svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.popover-wrap{position:relative}.icon-button,.language-button{height:48px;border-radius:14px;color:#40536b;background:#fff}.icon-button{width:52px;padding:0;display:grid;place-items:center;position:relative}.icon-button:hover,.icon-button:focus-visible{border-color:#0867c9;box-shadow:0 0 0 2px #0867c9}.notification-count{position:absolute;right:-7px;top:-8px;min-width:25px;height:25px;border-radius:14px;padding:3px 7px;background:#f6293d;color:#fff;font-size:12px;border:2px solid #fff}.profile-button{height:58px;min-width:275px;display:grid;grid-template-columns:44px 1fr 20px;align-items:center;gap:12px;text-align:left;border-radius:14px;padding:7px 14px;color:#23344b}.profile-button>.avatar{width:42px;height:42px;border-radius:12px;background:#cdf7df;color:#08744d;font-size:20px}.profile-button>.profile-copy{min-width:0}.profile-copy strong,.profile-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-copy strong{font-size:16px}.profile-copy small{margin-top:3px;color:#64748b}.profile-button>svg{width:18px;height:18px;color:#8ba0b7}.language-button{display:flex;align-items:center;gap:8px;padding:0 15px;font-size:16px}.header-popover{position:absolute;right:0;top:calc(100% + 10px);z-index:20;width:390px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 18px 45px #183a2b24;overflow:hidden}.header-popover[hidden]{display:none}.popover-head{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border-bottom:1px solid var(--line)}.popover-head button{border:0;padding:5px 7px;font-size:12px}.notification-list{max-height:420px;overflow:auto}.notification-item{display:grid;width:100%;gap:6px;padding:14px 16px;border:0;border-bottom:1px solid #edf1ee;border-radius:0;text-align:left;font-weight:400;color:#263e35}.notification-item:hover{background:#f5f9f7}.notification-item small{font-size:12px}.empty-notifications{padding:24px;text-align:center;color:var(--muted)}.profile-menu{width:220px;padding:7px}.profile-menu button{width:100%;border:0;text-align:left;background:#fff}.profile-menu button:hover{background:#f1f6f3}
@media(max-width:1050px){.profile-button{min-width:0}.profile-copy{display:none}.profile-button{grid-template-columns:42px 18px}.global-search{width:min(420px,50vw)}}
@media(max-width:750px){.topbar{display:flex;flex-direction:column-reverse;align-items:stretch;padding:10px 14px;height:auto}.global-search{width:100%;height:44px}.header-actions{justify-content:flex-end}.profile-button{height:46px;padding:4px 9px}.profile-button>.avatar{width:36px;height:36px}.icon-button,.language-button{height:44px}.language-button{padding:0 10px}.header-popover{position:fixed;left:12px;right:12px;top:188px;width:auto}.notifications-panel{max-height:70vh}.profile-menu{left:auto;width:210px}}
.global-search svg{fill:none;stroke-width:1.8}
:root{--green:#0b6b4f;--green-dark:#07523d;--mint:#e9f7f1;--line:#dfe8e4;--muted:#667c73;background:#f6f8f7;color:#183a30}body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.sidebar{background:#0a4939}.nav button{border-radius:9px}.nav button.active{background:#ffffff18;border-left-color:#69d2a7}.topbar{min-height:82px;height:auto;padding-top:11px;padding-bottom:11px}.period-control{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:13px;padding:6px 8px 6px 12px;background:#fff;white-space:nowrap}.period-control span{font-size:12px;color:var(--muted)}.period-control select{border:0;padding:6px 27px 6px 4px;min-width:120px;font-size:13px}.card,.panel{border-radius:14px;box-shadow:0 1px 2px #16352d08}.card.feature{background:linear-gradient(145deg,var(--green),var(--green-dark))}.content{max-width:1520px}.report-kpis{margin-top:2px}.status-summary{display:grid;gap:12px}.status-summary>div{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.status-summary strong{font-size:22px}.flow-report{display:grid}.flow-row{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(120px,1fr) minmax(150px,.7fr);gap:22px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.flow-row small{display:block;margin-top:5px}.flow-row>b{text-align:right;font-variant-numeric:tabular-nums}.flow-meter{height:8px;border-radius:8px;background:#edf3f0;overflow:hidden}.flow-meter i{display:block;height:100%;background:#35a87c;border-radius:8px}.request-filters,.user-tools{display:grid;grid-template-columns:minmax(240px,1fr) 220px 220px;gap:12px;margin-bottom:20px}.request-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.request-card{background:#fff;border:1px solid var(--line);border-left:4px solid #86a297;border-radius:14px;padding:20px;box-shadow:0 1px 2px #16352d08}.request-card.critical{border-left-color:#c34444}.request-card.high{border-left-color:#e18432}.request-card.medium{border-left-color:#d6ae2d}.request-card.low{border-left-color:#62a286}.request-top,.request-meta,.request-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.priority-label,.request-category{font-size:11px;text-transform:uppercase;letter-spacing:.7px}.priority-label{font-weight:700;margin-right:8px}.request-category{color:var(--muted)}.request-card h2{font-size:17px;margin:18px 0 8px}.request-card>p{font-size:14px;color:#455e54;min-height:45px}.request-meta{font-size:12px;color:var(--muted);padding-top:15px;border-top:1px solid var(--line)}.request-actions{justify-content:flex-end;margin-top:15px}.resolution{background:#edf9f4;border:1px solid #ccecdf;border-radius:9px;padding:12px;margin:14px 0;font-size:13px}.resolution p{margin:5px 0}.request-open{background:#fff4d8;color:#8a6416}.request-in_progress{background:#e5f0fc;color:#2b6092}.request-resolved{background:#e5f5ec;color:#28734c}.user-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.user-stats>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}.user-stats strong{display:block;font-size:25px;margin-top:7px}.user-tools{grid-template-columns:minmax(240px,1fr) 220px}.user-list{padding-top:4px;padding-bottom:4px}.user-identity{display:flex;align-items:center;gap:13px}.user-identity>.avatar{width:43px;height:43px;border-radius:12px;background:var(--mint);color:var(--green)}.settings-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:20px}.settings-form{display:grid;gap:18px}.settings-form button{justify-self:start}.account-settings p{color:var(--muted)}.activity-list{padding-top:5px;padding-bottom:5px}.activity-row{border-bottom:1px solid var(--line)}.activity-row summary{list-style:none;display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:14px;padding:16px 4px;cursor:pointer}.activity-row summary::-webkit-details-marker{display:none}.activity-mark{width:9px;height:9px;border-radius:50%;background:#42a77d;box-shadow:0 0 0 4px #e8f6f0}.activity-row small{display:block;margin-top:4px}.activity-context{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:12px}.activity-context code{background:#f1f5f3;border-radius:5px;padding:4px 7px}.activity-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:0 23px 18px}.activity-detail pre{font-size:11px;max-height:260px;overflow:auto;background:#f4f7f5;padding:12px;border-radius:8px}.registry-panel{padding-top:8px}.filters{border-radius:14px;box-shadow:0 1px 2px #16352d08}
@media(max-width:1200px){.period-control span{display:none}.period-control select{min-width:105px}.profile-button{min-width:0}.profile-copy{display:none}.profile-button{grid-template-columns:42px 18px}.request-grid{grid-template-columns:1fr}}
@media(max-width:750px){.period-control{order:1;align-self:flex-end}.header-actions{order:2}.global-search{order:0}.request-filters,.user-tools{grid-template-columns:1fr}.user-stats{grid-template-columns:repeat(3,1fr)}.request-grid,.settings-grid{grid-template-columns:1fr}.flow-row{grid-template-columns:1fr;gap:8px}.flow-row>b{text-align:left}.activity-row summary{grid-template-columns:10px 1fr}.activity-context{grid-column:2;flex-wrap:wrap}.activity-detail{grid-template-columns:1fr}.topbar{flex-direction:column}.header-popover{top:205px}}

.period-wrap{display:flex;align-items:center;gap:8px}.custom-period{display:flex;align-items:center;gap:6px}.custom-period[hidden]{display:none}.custom-period input{width:132px;padding:9px 8px;font-size:12px}.registry-filters{grid-template-columns:repeat(4,minmax(145px,1fr)) auto auto}.nav-count{margin-left:auto;min-width:23px;height:23px;display:grid;place-items:center;padding:0 6px;border-radius:12px;background:#ef4056;color:#fff;font-size:11px}.side-bottom{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#a8c8bd}.side-bottom a{color:#d4e9e1;text-underline-offset:3px}
.request-section{margin-top:24px}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.section-title h2{margin:0;font-size:18px}.section-title b{display:grid;place-items:center;min-width:26px;height:26px;border-radius:13px;background:var(--mint);color:var(--green);font-size:12px}.resolved-section{padding-top:22px;border-top:1px solid var(--line)}.request-card.is-resolved{opacity:.82;background:#f9fbfa}.request-card.is-resolved h2{text-decoration:line-through;text-decoration-color:#9eb0a8}.request-description{white-space:pre-wrap;line-height:1.6;padding:16px;background:#f7faf8;border-radius:10px;margin:18px 0}.timeline{position:relative;display:grid;gap:0;margin-top:16px}.timeline>div{display:grid;grid-template-columns:18px 1fr;gap:10px;min-height:62px}.timeline i{width:10px;height:10px;border-radius:50%;background:#34a67b;margin-top:5px;box-shadow:0 0 0 4px #e5f5ee}.timeline p{margin:0;border-left:1px solid #d9e6e0;padding:0 0 18px 18px}.timeline small,.timeline span{display:block;margin-top:5px;color:var(--muted)}.timeline span{padding:8px 10px;background:#f5f8f6;border-radius:7px;color:#385249}
.client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.client-card{position:relative;background:#fff;border:1px solid var(--line);border-top:5px solid var(--green);border-radius:14px;padding:20px;box-shadow:0 1px 2px #16352d08}.client-card.inactive-card{border-top-color:#aeb8b3;background:#fafbfa}.client-card-head{display:flex;justify-content:space-between}.client-logo{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--mint);color:var(--green);font-weight:800}.client-card h2{font-size:19px;margin:16px 0 5px}.client-card>p{color:var(--muted);margin-top:0}.client-card dl{display:grid;gap:10px;margin:18px 0}.client-card dl>div{display:grid;grid-template-columns:90px 1fr;gap:8px}.client-card dt{font-size:12px;color:var(--muted)}.client-card dd{margin:0;font-size:13px}.client-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.permission-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.permission-chips span{font-size:10px;background:#eef5f2;color:#456158;padding:3px 6px;border-radius:8px}.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}.permission-grid label{display:flex;flex-direction:row;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:8px;font-size:13px}.permission-grid input{width:auto;margin:0}
.catalog-layout{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(420px,1.25fr);gap:18px}.catalog-list{display:grid}.catalog-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.catalog-row>i{width:11px;height:42px;border-radius:6px}.catalog-row small{display:block;margin-top:4px}.catalog-inactive{opacity:.55}.human-detail{display:flex;flex-wrap:wrap;gap:8px;padding-top:0}.human-detail span{background:#f4f8f6;border-radius:7px;padding:8px 10px;font-size:12px}.ip-address{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f1f5f3;border-radius:5px;padding:4px 7px}.activity-context code{display:none}
.status-pill{display:inline-flex;align-items:center;border-radius:14px;padding:5px 9px;font-size:11px;font-weight:700}.active-state{background:#e4f5ed;color:#19704d}.inactive-state{background:#fff0ec;color:#a44a38}.status-field{font-size:14px;font-weight:600}.status-options{display:flex;gap:10px;margin-top:8px}.status-options label{display:flex;grid-auto-flow:column;align-items:center;justify-content:center;gap:8px;min-width:130px;border:1px solid var(--line);border-radius:9px;padding:10px 14px;cursor:pointer}.status-options input{width:auto}.status-options .active-option:has(input:checked){background:#e5f6ee;border-color:#65b895;color:#176b4a}.status-options .inactive-option:has(input:checked){background:#fff0ec;border-color:#dc8976;color:#9b3f2e}.danger-outline{color:#a34432;border-color:#e1b7ad;background:#fff}.danger{background:#a84432;color:#fff;border-color:#a84432}.archive-section{margin-top:34px;padding-top:24px;border-top:1px solid var(--line)}.archive-list{background:#fff;border:1px solid var(--line);border-radius:13px;padding:0 18px}.archive-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.archive-row:last-child{border-bottom:0}.archive-row small{display:block;margin-top:5px}.export-period{display:grid;gap:18px}.export-dates{display:grid;grid-template-columns:1fr 1fr;gap:14px}.export-dates[hidden]{display:none}.notification-item.is-read{background:#f7f9f8;color:#73837d}.notification-item.is-read strong{font-weight:600}.popover-head small{display:block;margin-top:3px;font-size:11px}
@media(max-width:1200px){.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.registry-filters{grid-template-columns:repeat(3,1fr)}.period-wrap{align-items:flex-end;flex-direction:column}.custom-period{position:absolute;top:72px;z-index:15;background:#fff;padding:8px;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 20px #16352d1a}}
@media(max-width:750px){.client-grid,.catalog-layout{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr 1fr}.registry-filters{grid-template-columns:1fr 1fr}.custom-period{position:static}.period-wrap{align-items:stretch}.request-actions{flex-wrap:wrap}.client-card dl>div{grid-template-columns:75px 1fr}.archive-row{align-items:flex-start;flex-direction:column}.export-dates{grid-template-columns:1fr}}

/* Responsive analytics shell */
:root{font-size:15px}body{font-size:14px}button,input,select,textarea{font-size:14px}h1{font-size:27px}main{min-width:0}.content{padding:26px 28px}.mobile-nav,.mobile-close,.mobile-scrim{display:none}.dashboard-filters{display:grid;grid-template-columns:1fr 1.2fr 1fr auto;align-items:end;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:18px}.dashboard-filter-actions{display:flex;gap:8px}.analytics-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.analytics-kpis .card{padding:18px}.analytics-kpis .card .value{font-size:27px;margin:12px 0 6px}.alert-card{border-color:#f0d6cf;background:#fffaf8}.alert-card .value{color:#a94a38}.analytics-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:18px;margin-bottom:18px}.analytics-grid.lower{grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr)}.trend-panel{overflow:visible}.chart-unit{font-size:11px;font-weight:700;color:var(--green);background:var(--mint);border-radius:12px;padding:5px 9px}.analytic-chart{height:260px;gap:10px;padding-top:34px}.analytic-chart .bar{background:linear-gradient(180deg,#35b486,#0b6b4f);transition:height .5s ease,filter .2s,transform .2s}.analytic-chart .bar-1{background:linear-gradient(180deg,#66c8a5,#23916c)}.analytic-chart .bar-2{background:linear-gradient(180deg,#91d7bd,#3ba37d)}.analytic-chart .bar-3{background:linear-gradient(180deg,#2c9d78,#075640)}.analytic-chart .bar-col:hover .bar{filter:saturate(1.2);transform:scaleX(1.08)}.analytic-chart .bar-col::after{content:attr(data-tooltip);position:absolute;left:50%;top:0;transform:translate(-50%,-8px);opacity:0;pointer-events:none;z-index:4;white-space:nowrap;background:#173f34;color:#fff;border-radius:7px;padding:6px 8px;font-size:11px;box-shadow:0 5px 15px #173f3433;transition:.18s}.analytic-chart .bar-col:hover::after{opacity:1;transform:translate(-50%,0)}.donut-wrap{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:22px;min-height:240px}.donut{width:154px;height:154px;border-radius:50%;background:conic-gradient(var(--donut));display:grid;place-items:center;box-shadow:inset 0 0 0 1px #fff}.donut::before{content:"";grid-area:1/1;width:94px;height:94px;border-radius:50%;background:#fff}.donut>div{grid-area:1/1;z-index:1;text-align:center}.donut strong,.donut small{display:block}.donut strong{font-size:20px}.donut-legend{display:grid;gap:10px;min-width:0}.donut-legend>div{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:11px}.donut-legend i{width:9px;height:9px;border-radius:50%}.donut-legend span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4a6259}.status-visual{display:grid;gap:16px}.status-visual>div{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center}.status-visual>div>div:first-child{display:flex;align-items:center;gap:8px}.status-dot{width:9px;height:9px;border-radius:50%;background:#238c69}.status-draft{background:#95a09b}.status-cancelled{background:#d96a50}.status-line{grid-column:1/-1;height:7px;background:#eef3f1;border-radius:8px;overflow:hidden}.status-line i{display:block;height:100%;background:#279773;border-radius:8px}.status-visual>div:nth-child(2) .status-line i{background:#95a09b}.status-visual>div:nth-child(3) .status-line i{background:#d96a50}.recent-panel{margin-bottom:10px}
@media(max-width:1250px){.analytics-kpis{grid-template-columns:repeat(3,1fr)}.analytics-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr)}.donut-wrap{grid-template-columns:180px 1fr}.dashboard-filters{grid-template-columns:repeat(2,1fr)}.dashboard-filter-actions{align-self:end}}
@media(max-width:768px){body{padding-bottom:76px;overflow-x:hidden}.shell{display:block;min-height:100dvh}.sidebar{display:none;position:fixed;inset:0 auto 0 0;width:min(330px,86vw);height:100dvh;z-index:70;padding:22px 16px 86px;box-shadow:16px 0 45px #062b2266;overflow-y:auto}.mobile-menu-open .sidebar{display:flex}.mobile-scrim{position:fixed;inset:0;background:#061f1980;z-index:65}.mobile-menu-open .mobile-scrim{display:block}.mobile-close{display:block;position:absolute;right:14px;top:14px;width:38px;height:38px;border:0;border-radius:50%;background:#ffffff18;color:#fff;font-size:25px;padding:0}.sidebar .brand{margin-bottom:24px;padding-right:45px}.sidebar .brand img{width:54px;height:54px}.sidebar .nav{display:grid;overflow:visible}.sidebar .nav button{font-size:13px;padding:11px 12px}.sidebar .nav svg{display:block}.sidebar .side-bottom{display:flex;margin-top:24px;padding:16px 8px 0;border-top:1px solid #ffffff24}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;left:0;right:0;bottom:0;height:70px;padding:7px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));z-index:60;background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 25px #173b3020}.mobile-nav button{height:55px;border:0;background:transparent;padding:3px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#526a61;font-size:9px;font-weight:600;position:relative}.mobile-nav svg{width:20px;height:20px}.mobile-nav .mobile-add{height:64px;width:64px;justify-self:center;margin-top:-25px;border-radius:50%;background:var(--green);color:#fff;box-shadow:0 7px 18px #07564055;border:5px solid #fff}.mobile-add b{font-size:27px;line-height:20px;font-weight:400}.mobile-add span{font-size:9px}.mobile-nav i{position:absolute;top:0;right:13px;display:grid;place-items:center;min-width:18px;height:18px;border-radius:9px;background:#e7434d;color:#fff;font-style:normal;font-size:9px}.topbar{position:sticky;top:0;z-index:40;height:auto;min-height:0;padding:8px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;background:#fff}.period-wrap{grid-column:1;grid-row:1;align-items:stretch;flex-direction:row}.period-control{height:42px;width:100%;padding:4px 7px}.period-control span{display:none}.period-control select{min-width:0;font-size:12px}.header-actions{grid-column:2;grid-row:1;justify-content:flex-end;gap:6px}.global-search{grid-column:1/-1;grid-row:2;width:100%;height:42px}.global-search input{font-size:13px}.profile-button{height:42px;min-width:42px;padding:3px;display:grid;grid-template-columns:34px}.profile-button>.avatar{width:34px;height:34px;border-radius:10px;font-size:14px}.profile-button>.profile-copy,.profile-button>svg{display:none}.icon-button,.language-button{height:42px}.icon-button{width:42px}.language-button{padding:0 8px;font-size:12px}.language-button svg{display:none}.custom-period{position:fixed;left:12px;right:12px;top:58px;z-index:55;padding:10px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 28px #173b3030}.custom-period input{width:100%}.header-popover{position:fixed;left:10px;right:10px;top:58px;width:auto;max-height:calc(100dvh - 145px)}.notification-list{max-height:calc(100dvh - 220px)}.content{padding:18px 12px 32px;max-width:none}.pagehead{margin-bottom:16px;gap:12px}.pagehead h1,h1{font-size:22px}.pagehead .actions{width:100%}.pagehead .actions button{flex:1}.eyebrow{font-size:10px;margin-bottom:6px}.dashboard-filters{grid-template-columns:1fr;padding:12px;gap:9px}.dashboard-filter-actions{display:grid;grid-template-columns:1fr 1fr}.analytics-kpis,.cards{grid-template-columns:1fr}.analytics-kpis .card,.card{padding:16px}.analytics-kpis .card .value,.card .value{font-size:25px}.analytics-grid,.analytics-grid.lower,.grid2,.settings-grid,.client-grid,.catalog-layout{grid-template-columns:1fr}.panel{padding:15px}.trend-panel{overflow-x:auto}.trend-panel .panel-head{position:sticky;left:0}.analytic-chart{min-width:620px;height:235px}.donut-wrap{grid-template-columns:130px 1fr;gap:14px}.donut{width:126px;height:126px}.donut::before{width:77px;height:77px}.donut strong{font-size:17px}.donut-legend{gap:7px}.form-grid,.detail-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.filters,.registry-filters,.request-filters,.user-tools,.permission-grid{grid-template-columns:1fr}.request-grid{grid-template-columns:1fr}.request-card{padding:16px}.request-card>p{min-height:0}.request-actions{justify-content:stretch}.request-actions button{flex:1}.user-stats{grid-template-columns:repeat(3,1fr);gap:7px}.user-stats>div{padding:11px}.user-stats strong{font-size:20px}.user-row{align-items:stretch}.user-row>.actions{width:100%}.user-row>.actions button{flex:1}.client-actions{grid-template-columns:1fr}.flow-row{grid-template-columns:1fr}.table-wrap{margin:0 -15px;padding:0 15px}.pager{gap:8px;align-items:flex-start;flex-direction:column}.pager .actions{width:100%;justify-content:space-between}dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 24px);padding:18px;border-radius:13px}dialog .form-actions{position:sticky;bottom:-18px;background:#fff;padding:12px 0 0;z-index:2}.status-options{display:grid;grid-template-columns:1fr 1fr}.status-options label{min-width:0}.archive-row .actions{width:100%}.archive-row .actions button{flex:1}#toast{left:12px;right:12px;bottom:88px;text-align:center}.login{grid-template-columns:1fr;min-height:100dvh}.login-story{padding:24px;min-height:220px}.login-story h1{font-size:27px}.login-story p{display:block}.login-story .footer{display:block;font-size:11px;padding:5px 0}.login-box{padding:28px 20px}.chart .bar-col span{writing-mode:horizontal-tb}.recent-panel td:nth-child(5),.recent-panel th:nth-child(5){display:none}}
@media(max-width:390px){.content{padding-left:9px;padding-right:9px}.topbar{padding-left:9px;padding-right:9px}.mobile-nav button{font-size:8px}.donut-wrap{grid-template-columns:1fr}.donut{margin:auto}.donut-legend{margin-top:5px}.user-stats{grid-template-columns:1fr}.pagehead>button{width:100%}}

/* Page-level period filters and refined controls */
.topbar>.period-wrap{display:none}.page-period{display:flex;align-items:flex-end;gap:12px;margin-bottom:14px;padding:12px 14px;background:linear-gradient(135deg,#f8fbf9,#fff);border:1px solid var(--line);border-radius:14px}.page-period>label{width:min(250px,100%)}.page-period-dates{display:flex;gap:10px;align-items:flex-end}.page-period-dates[hidden]{display:none}.page-period-dates label{width:170px}.page-period label>span{font-size:11px;text-transform:uppercase;letter-spacing:.65px;color:#627a70}
select{appearance:none;-webkit-appearance:none;padding-right:38px;border-color:#cedbd5;border-radius:10px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23536d62' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:17px;box-shadow:0 1px 2px #173c3010;transition:border-color .18s,box-shadow .18s,background-color .18s}select:hover{border-color:#8fb4a4;background-color:#fbfdfc}select:focus{border-color:#168262;box-shadow:0 0 0 3px #1682621f}select:disabled{background-color:#f1f4f3;color:#82938c}
.analytics-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.donut-panel{background:radial-gradient(circle at 20% 20%,#f4fbf7 0,#fff 58%);overflow:hidden}.donut{width:172px;height:172px;position:relative;box-shadow:0 18px 35px #07564022,inset 0 0 0 2px #ffffffaa}.donut::after{content:"";position:absolute;inset:-12px;border:1px solid #dcebe4;border-radius:50%;opacity:.75}.donut::before{width:88px;height:88px;box-shadow:0 3px 18px #173f3418}.donut-legend>div{padding:7px 9px;border-radius:9px;transition:background .18s,transform .18s}.donut-legend>div:hover{background:#eef7f2;transform:translateX(2px)}.donut-legend i{box-shadow:0 0 0 3px #fff,0 0 0 4px #dbe8e2}
.pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}.pager-controls{grid-column:2;display:grid;grid-template-columns:minmax(92px,auto) minmax(52px,auto) minmax(92px,auto);align-items:center;gap:10px;text-align:center}.pager-controls strong{font-variant-numeric:tabular-nums;color:#3f5a50}.pager-spacer{min-width:1px}
@media(max-width:768px){.profile-button{place-items:center;justify-content:center;text-align:center}.profile-button>.avatar{margin:auto}.header-actions{grid-column:1/-1}.page-period{display:grid;grid-template-columns:1fr;margin-bottom:12px}.page-period>label{width:100%}.page-period-dates{display:grid;grid-template-columns:1fr 1fr}.page-period-dates label{width:auto}.analytics-kpis{grid-template-columns:1fr}.pager{grid-template-columns:1fr;text-align:center}.pager-total,.pager-controls,.pager-spacer{grid-column:1}.pager-controls{grid-row:2;grid-template-columns:1fr auto 1fr;width:100%}.pager-spacer{display:none}.donut{width:142px;height:142px}.donut::before{width:72px;height:72px}}

/* Interactive charts and consistent action controls */
button{min-height:40px;border-radius:11px;border-color:#d5e2dc;background:linear-gradient(180deg,#fff,#f9fbfa);color:#155b46;padding:9px 15px;font-weight:650;box-shadow:0 1px 2px #123d3010;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s}button:hover{background:#f0f8f4;border-color:#9fc9b7;box-shadow:0 5px 14px #154b3a14;transform:translateY(-1px)}button:active{transform:translateY(0);box-shadow:0 1px 3px #123d3014}button:focus-visible{outline:0;border-color:#168262;box-shadow:0 0 0 3px #16826224}button.primary{background:linear-gradient(145deg,#0b7657,#075640);box-shadow:0 6px 15px #07564026}button.primary:hover{background:linear-gradient(145deg,#0d8160,#064c39);box-shadow:0 8px 20px #07564035}.danger,.danger-outline{border-color:#e3b9b0}.danger{background:linear-gradient(145deg,#b8523e,#973d2d)}.danger:hover{background:linear-gradient(145deg,#c15a45,#8c3729)}.danger-outline:hover{background:#fff1ed;border-color:#c97866;color:#8d3828}button:disabled{transform:none;box-shadow:none}.global-search{transition:border-color .18s,box-shadow .18s,background .18s}.global-search:focus-within{background:#fff;border-color:#168262;box-shadow:0 0 0 3px #1682621c}.global-search input:focus{outline:0}.dashboard-filter-actions button,.request-actions button,.pager-controls button{min-height:38px}
.pagehead .page-period,.pagehead-actions .page-period{margin:0;padding:0;border:0;background:transparent;align-self:center}.pagehead .page-period>label,.pagehead-actions .page-period>label{width:210px}.pagehead .page-period-dates,.pagehead-actions .page-period-dates{position:absolute;right:0;top:calc(100% + 8px);z-index:15;padding:12px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px #173f3420}.pagehead,.pagehead-actions{position:relative}.pagehead-actions{align-items:flex-end}
.donut{background:none!important}.donut::before,.donut::after{display:none}.donut-chart{grid-area:1/1;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.donut-track,.donut-segment{fill:none;stroke-width:18}.donut-track{stroke:#edf3f0}.donut-segment{cursor:pointer;transition:opacity .2s,stroke-width .2s,filter .2s}.donut-segment:hover,.donut-segment:focus,.donut-segment.is-active{stroke-width:23;filter:drop-shadow(0 3px 4px #173f3438);outline:none}.donut-segment.is-muted{opacity:.2}.donut-legend>div.is-active{background:#e7f5ee;transform:translateX(4px);box-shadow:inset 3px 0 0 #168262}.confirm-message{max-width:560px;margin:4px 0 20px;color:#425b51;line-height:1.7}
@media(max-width:768px){.topbar{grid-template-columns:1fr}.header-actions{grid-column:1;grid-row:1;display:grid;grid-template-columns:42px 42px 42px;justify-content:center;align-items:center;width:100%}.header-actions>.popover-wrap{display:grid;place-items:center}.profile-button{display:flex!important;align-items:center!important;justify-content:center!important;width:42px!important;min-width:42px!important;height:42px!important;padding:0!important}.profile-button>.avatar{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;margin:0!important;line-height:1;transform:none}.global-search{grid-column:1;grid-row:2}.pagehead-actions{display:grid!important;grid-template-columns:1fr 1fr;width:100%}.pagehead-actions .page-period{grid-column:1/-1;width:100%;margin:0}.pagehead-actions .page-period>label,.pagehead>.page-period>label{width:100%}.pagehead>.page-period{width:100%;order:2}.pagehead>.page-period+.pagehead button{order:3}.pagehead .page-period-dates,.pagehead-actions .page-period-dates{position:static;grid-column:1/-1;padding:10px;margin-top:7px}.pagehead-actions>button{width:100%}.donut-segment:hover,.donut-segment:focus,.donut-segment.is-active{stroke-width:21}}

/* ── UI refinements: header height alignment & period control ── */

/* 1. Make all header action controls the same height (48px) */
.profile-button{height:48px;min-height:48px}

/* Reduce username font size - was 16px, too large */
.profile-copy strong{font-size:13px;font-weight:700}
.profile-copy small{font-size:11px;margin-top:2px}

/* Avatar slightly smaller to match reduced profile button */
.profile-button>.avatar{width:36px;height:36px;font-size:16px}

/* 2. Period control: match the height and style of action buttons */
.period-control{
  height:48px;
  border-radius:11px;
  border:1px solid #d5e2dc;
  background:linear-gradient(180deg,#fff,#f9fbfa);
  box-shadow:0 1px 2px #123d3010;
  color:#155b46;
  padding:0 8px 0 13px;
  font-weight:650;
  font-size:14px;
  transition:border-color .16s,box-shadow .16s,background .16s;
  align-items:center;
  gap:6px;
}
.period-control:hover{
  background:#f0f8f4;
  border-color:#9fc9b7;
  box-shadow:0 5px 14px #154b3a14;
}
.period-control span{
  font-size:11px;
  color:#527a6a;
  font-weight:700;
  letter-spacing:.4px;
  text-transform:uppercase;
  white-space:nowrap;
}
.period-control select{
  border:0;
  background:transparent;
  padding:0 24px 0 4px;
  font-size:13px;
  font-weight:600;
  color:#155b46;
  min-width:110px;
  box-shadow:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23527a6a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 2px center;
  background-size:16px;
}
.period-control select:focus{outline:0;box-shadow:none}

/* Custom date range inputs - compact */
.custom-period input{width:120px;height:36px;padding:6px 8px;font-size:12px}

/* 3. Modern polish: tighten topbar vertical rhythm */
.topbar{min-height:72px}
.header-actions{gap:10px}

/* Make icon-button and language-button consistent */
.icon-button{width:48px;height:48px;border-radius:11px}
.language-button{height:48px;border-radius:11px;padding:0 14px;font-size:13px;font-weight:700;letter-spacing:.3px}

/* Notification badge: tighten */
.notification-count{min-width:20px;height:20px;font-size:11px;right:-5px;top:-6px;padding:2px 5px}

/* 4. Modern polish: refine sidebar nav */
.nav button{border-radius:10px;padding:10px 12px;font-size:13px;font-weight:500;transition:background .18s,color .18s}
.nav button.active{border-left-width:4px;font-weight:700}

/* 5. Modern polish: card and panel subtle improvements */
.card{border-radius:14px}
.card .value{letter-spacing:-1.2px}

/* 6. Modern polish: table header more refined */
th{font-size:11px;letter-spacing:.5px;padding:11px 12px}
td{padding:13px 12px}

/* 7. Badge: softer radius */
.badge{border-radius:6px;font-weight:600}

/* 8. Input focus ring: consistent with select */
input:focus,textarea:focus{outline:0;border-color:#168262;box-shadow:0 0 0 3px #1682621f;transition:border-color .18s,box-shadow .18s}

/* 9. Mobile: keep period-control height sensible on small screens */
@media(max-width:768px){
  .period-control{height:42px}
  .icon-button,.language-button{height:42px}
  .profile-button{height:42px;min-height:42px}
}

/* Trend nav */
.trend-nav{display:flex;align-items:center;gap:6px}
.icon-btn-sm{width:28px;height:28px;border-radius:8px;border:1px solid #d5e2dc;background:#fff;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;color:#075640;padding:0;transition:background .15s}
.icon-btn-sm:hover:not(:disabled){background:#f0f7f4}
.icon-btn-sm:disabled{opacity:.35;cursor:default}

/* === Design refresh 2026-09 === */
:root{--green:#17744f;--accent:#1f8a5c;--line:#e3ebe7;--muted:#6b7f77;--soft:#eef7f2;background:#f5f7f6}
button{border-radius:10px}
button.primary:hover{background:#115c3e;border-color:#115c3e}
.card,.panel{border-radius:16px;border-color:var(--line);box-shadow:0 1px 2px #1028200a}
.card{position:relative}
.card.feature{background:#fff;color:inherit}
.card.feature small{color:var(--muted)}
.card.feature .value{color:var(--accent)}
.card .value{font-weight:700;letter-spacing:-.8px}
.analytics-kpis .card>small:last-child,.report-kpis .card>small:last-child{margin-top:14px;padding-top:12px;border-top:1px solid #edf2ef;font-size:12px}
.analytics-kpis .card::after,.report-kpis .card::after{content:"";position:absolute;top:20px;right:20px;width:17px;height:17px;background:#9db2a9;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.analytics-kpis .card:nth-child(1){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M8 6V4h8v2M19 6l-1 14H6L5 6M10 11v6M14 11v6'/%3E%3C/svg%3E")}
.analytics-kpis .card:nth-child(2),.report-kpis .card:nth-child(1){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H6v18h12V7z'/%3E%3Cpath d='M14 3v4h4M9 13h6M9 17h6'/%3E%3C/svg%3E")}
.report-kpis .card:nth-child(2){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M8 6V4h8v2M19 6l-1 14H6L5 6M10 11v6M14 11v6'/%3E%3C/svg%3E")}
.analytics-kpis .card:nth-child(3),.report-kpis .card:nth-child(3){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 9 5-9 5-9-5z'/%3E%3Cpath d='m3 13 9 5 9-5'/%3E%3C/svg%3E")}
.analytics-kpis .card:nth-child(4),.report-kpis .card:nth-child(4){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4 2 20h20z'/%3E%3Cpath d='M12 10v4M12 17v.5'/%3E%3C/svg%3E")}
.analytics-kpis .card.feature::after{background:var(--accent)}
.alert-card::after{background:#d98a76!important}
.pagehead{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 24px;box-shadow:0 1px 2px #1028200a}
.eyebrow{color:var(--accent);letter-spacing:1.4px}
.nav button{border-radius:10px}
.nav button.active{background:var(--accent);color:#fff;border-left:0}
.table-wrap th{text-transform:uppercase;font-size:11px;letter-spacing:.6px;color:#7a8c85;background:#f8faf9}
.table-wrap tbody tr:hover{background:#f7faf8}
.badge{border-radius:999px;padding:4px 10px;font-size:11.5px}
#export::before,#report-export::before{content:"";display:inline-block;width:15px;height:15px;margin-right:7px;vertical-align:-3px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11m0 0-4-4m4 4 4-4M4 19h16'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11m0 0-4-4m4 4 4-4M4 19h16'/%3E%3C/svg%3E") center/contain no-repeat}
.report-actions{align-items:center}
.month-pick{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);font-weight:600}
.month-pick input{width:auto;padding:8px 10px;border-radius:10px}
@media(max-width:768px){.pagehead{padding:16px}.report-actions{width:100%}.month-pick{flex:1}.month-pick input{flex:1}}

/* === Trend + vehicle panels 2026-09 === */
.tc-total{font-size:20px;font-weight:700;color:#16352d;margin-right:6px;white-space:nowrap}.tc-total small{font-size:12px;font-weight:500;color:var(--muted)}
.tchart{position:relative;height:210px;margin:6px 0 4px 30px}
.tc-grid{position:absolute;inset:0 0 24px 0}
.tc-line{position:absolute;left:0;right:0;border-top:1px solid #edf2ef}.tc-line:last-child{border-top-color:#d6e2dc}
.tc-line span{position:absolute;right:100%;margin-right:8px;transform:translateY(-50%);font-size:11px;color:#9aaba4}
.tc-bars{position:absolute;inset:0;display:flex;gap:10px}
.tc-col{flex:1;min-width:0;display:flex;flex-direction:column}
.tc-plot{flex:1;position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.tc-plot i{display:block;width:min(46px,62%);background:#8fd3b6;border-radius:6px 6px 2px 2px;transition:height .4s ease}
.tc-plot b{font-size:11px;font-weight:600;color:#5d7269;margin-bottom:4px;white-space:nowrap}
.tc-col span{height:24px;line-height:24px;text-align:center;font-size:12px;color:var(--muted)}
.tc-col.is-last i{background:var(--green)}.tc-col.is-last b,.tc-col.is-last span{color:#16352d;font-weight:700}
.tc-col:hover i{background:#5dbb95}.tc-col.is-last:hover i{background:#115c3e}
.tc-foot{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12px;color:var(--muted);border-top:1px solid #edf2ef;padding-top:10px;margin-top:6px}.tc-foot b{color:#16352d;font-weight:600}
.vt-list{display:grid}
.vt-row{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;gap:12px;align-items:center;padding:11px 0;border-top:1px solid #edf2ef}.vt-row:first-child{border-top:0}
.vt-ic{width:34px;height:34px;border-radius:9px;background:#eaf6f0;color:var(--green);display:grid;place-items:center}
.vt-ic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.vt-body{min-width:0}
.vt-top{display:flex;justify-content:space-between;gap:8px;font-size:13px}.vt-top strong{font-weight:600;color:#16352d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vt-top span{color:var(--muted);font-size:12px}
.vt-bar{height:5px;border-radius:4px;background:#eef3f1;margin-top:7px;overflow:hidden}.vt-bar i{display:block;height:100%;background:#35a47c;border-radius:4px}
.vt-n{font-size:16px;font-weight:700;text-align:right;color:#16352d}
@media(max-width:768px){.tchart{height:190px}.tc-bars{gap:6px}.tc-plot b{font-size:10px}}
.tc-total{font-size:14px;font-weight:600;color:#3d5a50;margin-right:4px}.tc-total small{font-size:11px;font-weight:400}
.tchart{position:relative;height:214px;margin:6px 0 4px 30px}
.tc-grid{position:absolute;top:0;left:0;right:0;bottom:0}
.tc-line{position:absolute;left:0;right:0;height:0}
.tc-bars{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:stretch;gap:10px}
.tc-col{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.tc-plot{flex:none;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:100%}
.tc-col span{flex:none;height:24px;line-height:24px}
.analytics-grid.lower{grid-template-columns:calc((100% - 36px) * 1.5 / 3.5) minmax(0,1fr)}
@media(max-width:1250px){.analytics-grid.lower{grid-template-columns:calc((100% - 36px) * 1.4 / 3.4) minmax(0,1fr)}}
@media(max-width:768px){.analytics-grid.lower{grid-template-columns:1fr}}
.table-wrap th{background:#e8f5ee;color:#2f6b53}
.table-wrap th:first-child{border-radius:10px 0 0 10px}.table-wrap th:last-child{border-radius:0 10px 10px 0}
.sidebar .brand{display:flex;align-items:center;gap:12px;margin:0 0 28px;padding:4px 6px 20px;border-bottom:1px solid #ffffff1a;letter-spacing:0;line-height:1.25}
.sidebar .brand img{width:46px;height:46px;flex:none;border-radius:12px;background:#fff;padding:3px;object-fit:contain}
.sidebar .brand b{display:block;font-size:16px;font-weight:700;color:#fff;letter-spacing:.2px}
.sidebar .brand span{display:block;margin-top:3px;font-size:11.5px;font-weight:400;color:#a9cbbd;letter-spacing:.2px}
@media(max-width:768px){.sidebar .brand{padding-right:45px}.sidebar .brand img{width:46px;height:46px}}
.catalog-layout.catalog-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:768px){.catalog-layout.catalog-3{grid-template-columns:1fr}}
/* === Settings page 2026-09 === */
.profile-card{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:18px}
.profile-avatar{width:56px;height:56px;border-radius:16px;background:#e8f5ee;color:var(--green);display:grid;place-items:center;font-size:22px;font-weight:700}
.profile-main h2{margin:0 0 4px}
.profile-meta{display:flex;flex-wrap:wrap;gap:10px 26px}.profile-meta div{display:grid;gap:2px}.profile-meta small{font-size:11px;text-transform:uppercase;letter-spacing:.5px}.profile-meta b{font-size:13px;color:#16352d;font-weight:600}
.settings-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-bottom:18px;align-items:stretch}
.settings-save{grid-column:1/-1;display:flex;justify-content:flex-end}
.set-panel{position:relative}
.set-panel::after{content:"";position:absolute;top:22px;right:22px;width:17px;height:17px;background:#9db2a9;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.set-ui{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M4 6h10M18 6h2M4 12h4M12 12h8M4 18h12M20 18h0'/%3E%3Ccircle cx='16' cy='6' r='2'/%3E%3Ccircle cx='10' cy='12' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3C/svg%3E")}
.set-notify{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9M10 21h4'/%3E%3C/svg%3E")}
.set-security{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E")}
.set-activity{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
.set-company{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21V5l8-2v18M12 8h8v13M8 9h0M8 13h0M8 17h0M16 12h0M16 16h0M2 21h20'/%3E%3C/svg%3E")}
.set-panel .settings-form{gap:14px}
.field-hint{font-size:12px;font-weight:400;color:var(--muted)}
.check-list{display:grid;gap:10px}
.check-row{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;align-items:start;padding:12px 14px;border:1px solid var(--line);border-radius:12px;cursor:pointer;font-weight:400}
.check-row:hover{background:#f7faf8}
.check-row input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--green)}
.check-row b{display:block;font-size:14px;font-weight:600;color:#16352d}.check-row small{display:block;font-size:12px;margin-top:2px}
.set-security p{margin:0 0 16px;font-size:14px}
.activity-list{display:grid}
.activity-list>div:not(.empty){display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #edf2ef;font-size:13px}
.activity-list>div:first-child{border-top:0}.activity-list small{font-size:12px;white-space:nowrap}
.set-company{margin-bottom:18px}
.company-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}.company-grid .wide{grid-column:span 2}
.company-grid label{font-size:13px}
.print-company{text-align:center;font-size:12px;margin:4px 0 10px}
@media(max-width:1000px){.company-grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.profile-card{grid-template-columns:48px minmax(0,1fr)}.profile-avatar{width:48px;height:48px}.profile-meta{grid-column:1/-1}.settings-cols,.company-grid{grid-template-columns:1fr}.company-grid .wide{grid-column:auto}.settings-save button{width:100%}.activity-list>div:not(.empty){flex-direction:column;gap:2px}}