:root{--bg:#101312;--panel:#191d1b;--line:#2b322e;--text:#f1f4f2;--muted:#909e95;--green:#b4f272;--dim:#202c21}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}[hidden]{display:none!important}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;white-space:nowrap}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}input,select{background:#131714;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px 12px;min-width:0;outline:none}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:3px}input::placeholder{color:#79877e}label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.primary,.secondary,.quiet{border-radius:8px;padding:10px 15px;color:var(--text);border:1px solid var(--line);background:#202622}.primary{color:#182014;background:var(--green);border-color:var(--green);font-weight:650}.primary span{float:right}.quiet{background:transparent;border-color:transparent;color:var(--muted)}.secondary:hover{border-color:#738170}.green{color:var(--green)}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:650}.brand{display:flex;align-items:center;gap:9px;font-size:25px;font-weight:750;letter-spacing:-1px}.mark{display:grid;place-items:center;background:var(--green);color:#1c2a16;border-radius:12px;width:38px;height:38px;font-size:30px}.tag{font-size:9px;border:1px solid var(--line);border-radius:5px;letter-spacing:1px;padding:3px 5px;margin-left:5px;color:var(--muted)}.shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.sidebar{border-right:1px solid var(--line);padding:34px 23px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;background:#141815}.side-label{font-size:9px;letter-spacing:1.7px;color:#6c7b71;margin:50px 12px 14px}.nav{padding:11px 12px;color:var(--muted);display:flex;gap:12px;align-items:center;border-radius:8px;margin-bottom:6px}.nav.active{background:#253120;color:var(--green)}.nav-dot{font-size:7px;margin-left:auto}.side-bottom{margin-top:auto}.community{border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:25px}.community>.green{font-size:25px;display:block}.community strong{display:block;font-size:12px;margin:8px 0}.community p{font-size:11px;color:var(--muted);margin:0}.profile{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding-top:20px}.profile strong{font-size:12px}.profile small{display:block;font-size:10px;color:var(--muted)}.avatar{display:grid;place-items:center;background:#293328;color:var(--green);border-radius:50%;width:32px;height:32px;font-size:10px}.side-bottom>.quiet{padding-left:0;font-size:11px;margin-top:8px}main{padding:0 42px 25px;max-width:1700px;width:100%;margin:auto}header{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:11px}.breadcrumb{color:var(--muted)}.breadcrumb span{margin:0 12px;color:#526057}.private{color:#b0c3b4;background:#1c251e;border-radius:20px;padding:5px 10px;font-size:10px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:35px}h1{font-size:29px;line-height:1.25;letter-spacing:-1px;margin:10px 0}p{margin:5px 0}.heading .muted{font-size:12px}.sync{display:flex;gap:7px;align-items:center;font-size:10px;color:var(--muted);margin:18px 0 26px}.status-dot{width:5px;height:5px;background:var(--green);border-radius:50%}.filters{display:flex;align-items:flex-end;gap:12px;margin-bottom:22px}.search{flex:1}.search input{width:100%}.filters input,.filters select{font-size:12px;max-width:100%}.filters label{font-size:10px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:19px 21px}.kpi>div{font-size:11px;color:#abb8af;display:flex;justify-content:space-between;gap:8px}.kpi>div span{color:var(--green)}.kpi strong{display:block;font-size:36px;letter-spacing:-1.5px;font-weight:550;margin:13px 0 7px}.kpi:first-child{background:linear-gradient(120deg,#253020,#1b221b);border-color:#3b4e32}.kpi:first-child strong{color:var(--green)}.kpi small{font-size:9px;color:var(--muted)}.charts{display:grid;grid-template-columns:1.65fr 1fr;gap:18px;margin:22px 0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 23px}.panel-heading h2{font-size:13px;font-weight:600;margin:0 0 4px}.panel-heading p{font-size:10px;color:var(--muted);margin:0}.panel-heading>span{color:var(--green)}.legend{display:flex;gap:6px;align-items:center;font-size:9px}.legend i{width:6px;height:6px;background:var(--green);border-radius:50%}.trend{height:170px;display:flex;gap:5px;align-items:stretch;padding:0 23px;background:repeating-linear-gradient(to top,transparent 0,transparent 41px,#283029 42px,transparent 43px);margin:10px 23px 0;padding:0}.bar-slot{flex:1;display:flex;align-items:flex-end;min-width:0}.bar{width:100%;border-radius:3px 3px 0 0;fill:var(--green)}.bar-slot:hover{background:#ffffff09}.chart-axis{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin:10px 23px 20px}.categories{padding:0 23px 20px;max-height:224px;overflow:auto}.category{margin:12px 0 17px}.category-top{display:flex;justify-content:space-between;font-size:11px;margin-bottom:7px;gap:10px}.category-top>span{overflow-wrap:anywhere}.category-top small{color:var(--muted);white-space:nowrap}.track{height:6px;background:#2c352d;border-radius:5px;width:100%}.track rect{fill:var(--green)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:9px;font-weight:500;color:var(--muted);padding:12px 23px;background:#171b18;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.8px}td{padding:14px 23px;font-size:11px;border-bottom:1px solid #262e28;color:#b9c5bd}td:first-child{display:flex;gap:11px;align-items:center}.contact strong{display:block;color:var(--text);font-size:11px;font-weight:500}.contact small{font-size:10px;color:var(--muted)}.badge{background:#263023;border:1px solid #35462d;color:#b7d99c;padding:4px 9px;border-radius:5px;font-size:10px}tbody tr:hover{background:#1e2520}.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 23px;color:var(--muted);font-size:10px}.pagination button{font-size:10px;padding:6px 11px;margin-left:5px}.main-footer{display:flex;justify-content:space-between;font-size:9px;color:#6f7e74;margin:26px 0 0}.notice,.error{color:#ffb6a5;font-size:12px}.notice{border:1px solid #6a4038;background:#2d211e;border-radius:9px;padding:14px;margin-bottom:18px}.empty{text-align:center;padding:35px;color:var(--muted)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-card{width:100%;max-width:400px;align-self:center;justify-self:center;padding:35px}.login-card>.brand{margin-bottom:65px}.login-card h1{font-size:34px;margin:12px 0}.login-card form{margin-top:30px}.login-card input{width:100%;margin-bottom:18px}.login-card .primary{width:100%;text-align:left}.login-footer{font-size:10px;color:var(--muted);margin-top:35px}.login-art{background:#b4f272;color:#223516;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:50px}.login-art>div:last-child{z-index:1}.login-art h2{font-size:clamp(36px,5vw,75px);line-height:1.1;letter-spacing:-3px;font-weight:550;margin:30px 0}.login-art .eyebrow{color:#476235}.login-art p{font-size:16px;line-height:1.7;color:#486139}.art-paw{font-size:110px;display:block;margin-top:60px;line-height:1}.orbit{border:1px solid #38532430;width:800px;height:800px;border-radius:50%;position:absolute;right:-450px;bottom:-400px;box-shadow:0 0 0 80px #38532408,0 0 0 160px #38532406}@media(min-width:1550px){main{padding-left:60px;padding-right:60px}.trend{height:210px}}@media(max-width:1100px){.shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:25px 16px}main{padding:0 24px 20px}.filters{flex-wrap:wrap}.search{flex-basis:100%}.kpis{gap:10px}.kpi{padding:15px}.charts{grid-template-columns:1fr 1fr}.heading h1{font-size:25px}.legend{display:none}}@media(max-width:760px){.shell{display:block}.sidebar{height:auto;position:relative;padding:15px 20px;flex-direction:row;align-items:center;justify-content:space-between;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{font-size:21px}.sidebar .side-label,.sidebar .nav,.community,.profile{display:none}.side-bottom{margin:0}.side-bottom>.quiet{margin:0}.kpis{grid-template-columns:1fr 1fr}.charts{grid-template-columns:1fr}.heading{align-items:flex-start;margin-top:25px}.heading h1{font-size:23px}.heading>.secondary{font-size:0;padding:8px}.heading>.secondary::first-letter{font-size:17px}main{padding:0 16px 20px}header{height:55px}.filters{gap:9px}.filters>div:not(.search){flex:1;min-width:100px}.filters input,.filters select{width:100%}.filters>.quiet{padding:10px 0}.panel-heading{padding:18px}.panel-heading .secondary{font-size:10px}.main-footer{gap:10px}.login{display:block}.login-art{display:none}.login-card{margin:auto;padding-top:70px}.login-card>.brand{margin-bottom:50px}.trend{height:150px}.kpi strong{font-size:31px}}
.bar{height:100%;display:block}.track{display:block}

@font-face{font-family:PatunaPoppins;src:url('/poppins-800.ttf') format('truetype');font-weight:800;font-display:swap}
.brand{gap:10px;letter-spacing:normal;color:#087451}.patuna-wordmark{font-family:PatunaPoppins,sans-serif;font-weight:800;font-size:32px;line-height:1.5}.patuna-paw{width:42px;height:41px;position:relative;display:inline-block;flex-shrink:0}.patuna-paw i{position:absolute;border-radius:50%}.patuna-paw .p1{width:11px;height:15px;background:#ff696c;left:0;top:3px;transform:rotate(-25deg)}.patuna-paw .p2{width:12px;height:16px;background:#aee3c5;left:13px;top:0}.patuna-paw .p3{width:11px;height:15px;background:#ffd166;right:0;top:4px;transform:rotate(25deg)}.patuna-paw .p4{width:28px;height:20px;background:#087451;left:5px;bottom:0;border-radius:55% 55% 42% 42%}.brand .tag{color:var(--muted)}

.table-hint{font-size:11px;color:var(--muted);padding:0 23px 14px;margin:0}.records table{min-width:2200px}.records td.description-cell{white-space:pre-wrap;overflow-wrap:anywhere;min-width:260px;max-width:400px;vertical-align:top}.records td.id-cell{font-family:monospace;font-size:10px}.table-wrap:focus-visible{outline:2px solid var(--green);outline-offset:-2px}

.records .cell-text{display:block;width:180px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.records .contact strong,.records .contact small{display:block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.records .badge{display:inline-block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}