:root{--green:#006838;--dark:#004d2c;--lime:#e8f5e9;--ink:#203b30;--muted:#69786f;--line:#e3e9e3;--paper:#f7f9f6;--gold:#f9a825;--white:#fff;--radius:16px;--shadow:0 12px 40px #163e2410;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);font-synthesis:none;background:var(--paper)}
*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button{color:inherit}input,textarea,select{width:100%;border:1px solid #d7dfd7;background:#fff;color:var(--ink);border-radius:9px;padding:12px 14px;min-height:46px}textarea{resize:vertical;min-height:140px}input::placeholder,textarea::placeholder{color:#87938c}input[type=checkbox],input[type=radio]{width:18px;height:18px;min-height:0;accent-color:var(--green);flex-shrink:0}input[type=file]{padding:10px}select{cursor:pointer}label{display:block;font-weight:600;font-size:13px;margin-bottom:7px}fieldset{border:0;padding:0;margin:0}legend{font-weight:700;margin-bottom:10px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.25;letter-spacing:-.035em}h1{font-size:38px}h2{font-size:29px}h3{font-size:19px}h4{font-size:15px}p{color:var(--muted)}svg.icon{width:20px;height:20px;vertical-align:middle;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}button svg.icon{pointer-events:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d8a539;outline-offset:3px}::selection{background:#c4e4cb}.container{width:min(1180px,calc(100% - 64px));margin:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line);border-radius:9px;min-height:44px;padding:11px 19px;font-weight:650;background:#fff;line-height:1.3;transition:background .18s,transform .18s}.btn:hover{background:#f0f5ef;transform:translateY(-1px)}.btn.primary{background:var(--green);color:#fff;border-color:var(--green)}.btn.primary:hover{background:var(--dark)}.btn.light{background:var(--lime);color:var(--green);border-color:transparent}.btn.ghost{background:transparent;border-color:transparent}.btn.danger{background:#fff0ef;color:#ba3232;border-color:#f7dbd8}.btn.small{min-height:36px;padding:8px 13px;font-size:12px}.btn.gold{background:#f7c55a;color:#28422e;border-color:#f7c55a}.text-link{color:var(--green);font-weight:650;display:inline-flex;align-items:center;gap:7px}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:750;text-transform:uppercase;color:var(--green);display:block;margin-bottom:13px}.muted{color:var(--muted)}.small-text{font-size:12px}.flex{display:flex;align-items:center;gap:12px}.between{display:flex;align-items:center;justify-content:space-between;gap:16px}.stack{display:grid;gap:20px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.span-2{grid-column:1/-1}.gap-top{margin-top:24px}.hidden,[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:20px;background:var(--green);color:white;padding:12px 20px;z-index:100}.skip-link:focus{top:10px}.pill{font-size:11px;letter-spacing:.025em;font-weight:650;border-radius:6px;padding:4px 9px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.pill.green{color:#227444;background:#eaf4ed}.pill.blue{color:#2467af;background:#e9f1fb}.pill.yellow{color:#88621b;background:#fff4d8}.pill.orange{color:#ae5e23;background:#fff0e2}.pill.red{color:#bb3e3e;background:#fcebec}.pill.gray{color:#637167;background:#eff2ef}.pill.purple{color:#8655a5;background:#f3ebfb}.icon-box{width:45px;height:45px;border-radius:12px;background:var(--lime);color:var(--green);display:flex;align-items:center;justify-content:center}.icon-box.gold{color:#a77a2a;background:#fff4dc}.icon-box.blue{color:#4274b0;background:#eef3fc}.icon-box.purple{color:#8166aa;background:#f2edfa}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.card-head p{margin-top:5px;font-size:12px}.section-heading{text-align:center;margin-bottom:35px}.section-heading p{margin-top:12px}.demo-banner{background:#edf3ea;border-bottom:1px solid #dce6d7;color:#53674e;text-align:center;padding:7px 20px;font-size:11px}.demo-banner strong{font-weight:700}.demo-banner a{text-decoration:underline;margin-left:7px}{height:88px;background:#fff;border-bottom:1px solid var(--line)}{height:100%;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;gap:12px;align-items:center;flex-shrink:0}.brand img{width:43px;height:43px}.brand strong{font-size:18px;line-height:1.1;letter-spacing:-.05em;display:block}.brand strong span{color:var(--green)}.brand small{font-size:10px;color:var(--muted);display:block;margin-top:5px;letter-spacing:.015em}{display:flex;align-items:center;gap:31px;font-size:13px;font-weight:550}{position:relative;padding:30px 0}{color:var(--green);font-weight:700}{content:"";position:absolute;bottom:17px;left:0;right:0;height:2px;background:var(--green)}{display:flex;gap:8px}.mobile-menu{display:none}.hero{padding:66px 0 44px;background:#f7f9f3;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:72px;align-items:center}.hero-tag{display:inline-flex;align-items:center;gap:8px;color:var(--green);background:#e9f0e2;border:1px solid #dce7d1;padding:6px 11px;border-radius:30px;font-size:11px;font-weight:650;margin-bottom:23px}.dot{height:6px;width:6px;border-radius:50%;background:currentColor}.hero h1{font-size:53px;line-height:1.15;letter-spacing:-.055em;font-weight:750}.hero h1 em{color:var(--green);font-style:normal}.hero p{margin:20px 0 27px;font-size:15px;line-height:1.85;max-width:460px}.hero-actions{display:flex;gap:12px}.hero-assurance{display:flex;gap:23px;margin-top:27px;color:#647564;font-size:11px}.hero-assurance svg{width:15px;height:15px;margin-right:4px;color:var(--green)}.hero-art{position:relative;padding:14px 0 35px}.hero-art>img{width:100%;display:block;border-radius:22px}.art-label{position:absolute;left:24px;bottom:59px;color:#f7f9ed;font-size:10px;letter-spacing:.04em}.floating-card{position:absolute;background:white;border:1px solid #e3e9de;box-shadow:0 8px 35px #344c2314;border-radius:12px;padding:15px 19px;display:flex;align-items:center;gap:13px}.floating-card.top{right:-20px;top:-2px}.floating-card.bottom{left:-31px;bottom:10px;min-width:241px}.floating-card strong{display:block;font-size:13px}.floating-card small{font-size:10px;color:var(--muted)}.floating-card .icon-box{width:35px;height:35px;border-radius:10px}.avatars{display:flex;padding-left:6px}.avatars span{height:29px;width:29px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e1e9d9;color:#426a51;border:2px solid white;font-size:9px;font-weight:700;margin-left:-6px}.avatars span:nth-child(2){background:#eadcc6}.avatars span:nth-child(3){background:#d6e3ec}.public-stats{margin-top:53px;padding:26px 0 7px;border-top:1px solid #dfe6d8;display:grid;grid-template-columns:repeat(4,1fr)}.public-stat{padding:0 30px;border-right:1px solid #dfe6d8;display:flex;gap:15px;align-items:center}.public-stat:first-child{padding-left:0}.public-stat:last-child{border:0}.public-stat strong{display:block;font-size:27px;letter-spacing:-.04em}.public-stat span{font-size:11px;color:var(--muted)}.public-stat .icon-box{background:#edf2e7}.public-section{padding:62px 0}.public-section.white{background:#fff}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.category-card{display:flex;align-items:flex-start;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:13px;padding:21px 20px;transition:border-color .18s,transform .18s;position:relative;min-height:169px}.category-card:hover{border-color:#8caf8d;transform:translateY(-3px)}.category-card .icon-box{margin-bottom:17px;width:38px;height:38px;border-radius:10px}.category-card strong{font-size:13px}.category-card small{font-size:11px;color:var(--muted);margin-top:4px}.category-card>.icon{position:absolute;right:13px;top:22px;width:15px;color:#9aa79c}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:44px}.process-item{position:relative;text-align:center}.process-number{width:52px;height:52px;background:#eff5e9;color:var(--green);border-radius:16px;margin:0 auto 21px;display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:700;border:1px solid #e2ead8}.process-item:not(:last-child):after{content:"";position:absolute;width:calc(100% - 15px);border-top:1px dashed #c8d7bc;top:26px;left:calc(50% + 35px)}.process-item h3{font-size:16px;margin-bottom:10px}.process-item p{font-size:12px;line-height:1.8}.cta-strip{background:#eaf1e5;border:1px solid #dde7d5;border-radius:16px;padding:30px 35px;margin-top:44px;display:flex;align-items:center;justify-content:space-between;gap:20px}.cta-strip h3{font-size:21px}.cta-strip p{margin-top:7px;font-size:12px}.faq-grid{display:grid;grid-template-columns:.8fr 1.3fr;gap:90px}.faq-grid h2{font-size:31px}.faq-grid p{margin:17px 0 23px}.faq-list details{border-bottom:1px solid var(--line);padding:17px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{cursor:pointer;font-weight:650;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary:after{content:"+";font-size:20px;font-weight:400;color:var(--green)}.faq-list details[open] summary:after{content:"−"}.faq-list details p{font-size:13px;line-height:1.8;margin:12px 25px 0 0}.public-footer{background:#f0f4ed;padding:40px 0 0;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:65px}.footer-grid p{font-size:12px;max-width:370px;margin-top:16px}.footer-grid h4{margin-bottom:14px;font-size:13px;letter-spacing:0}.footer-grid a{display:block;color:var(--muted);font-size:12px;margin:8px 0}.footer-bottom{border-top:1px solid #dce4d8;margin-top:35px;padding:19px 0;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.page-intro{padding:43px 0 30px}.breadcrumb{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;margin-bottom:19px}.breadcrumb svg{width:13px;height:13px}.page-intro h1{font-size:33px}.page-intro p{margin-top:10px}.page-content{padding-bottom:65px}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:27px;align-items:start}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field-help{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:6px}.required{color:#b04638}.form-section+.form-section{border-top:1px solid var(--line);margin-top:27px;padding-top:27px}.form-section h3{font-size:17px;margin-bottom:6px}.form-section>p{font-size:12px;margin-bottom:22px}.check-line{display:flex;align-items:flex-start;gap:10px;font-weight:400;font-size:12px;cursor:pointer}.check-line input{margin-top:2px}.check-card{display:flex;align-items:flex-start;gap:12px;background:#f4f7f1;border:1px solid #e1e9db;border-radius:11px;padding:15px;margin-top:22px}.check-card label{margin:0}.check-card p{font-size:11px;margin-top:3px}.form-actions{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin-top:25px;padding-top:22px}.dropzone{text-align:center;border:1px dashed #b9cbb4;border-radius:11px;background:#f7f9f3;padding:20px}.dropzone .icon{width:25px;height:25px;color:var(--green);margin-bottom:6px}.dropzone p{font-size:12px;margin:0 0 8px}.dropzone input{max-width:340px;font-size:11px;background:#fff}.file-list{display:grid;gap:7px;margin-top:10px}.file-item{display:flex;justify-content:space-between;gap:8px;font-size:12px;background:#f1f5ef;padding:9px 12px;border-radius:7px}.aside-card{padding:23px;margin-bottom:17px}.aside-card h3{font-size:15px;margin-bottom:14px}.aside-card p{font-size:12px;line-height:1.9}.tip-list{padding:0;list-style:none;display:grid;gap:15px;margin:16px 0 0}.tip-list li{display:flex;gap:10px;font-size:12px;color:var(--muted)}.tip-list svg{width:16px;height:16px;color:var(--green);margin-top:2px}.notice{display:flex;gap:11px;padding:14px 17px;background:#edf4e9;border:1px solid #dbe7d6;border-radius:10px;font-size:12px;color:#426942}.notice.warn{background:#fff7e7;border-color:#f2e5c8;color:#896523}.notice p{color:inherit}.error-message{color:#b53030;background:#fff1ef;border:1px solid #f5d5d2;border-radius:8px;padding:12px 15px;font-size:12px;margin-top:14px}.track-search{max-width:730px;margin:0 auto 27px}.track-search form{display:flex;gap:12px}.track-search label{margin-bottom:12px}.track-search .field-help{margin-top:13px}.empty-state{text-align:center;padding:55px 25px}.empty-state .icon-box{margin:0 auto 19px;width:56px;height:56px}.empty-state h3{margin-bottom:10px}.empty-state p{max-width:420px;margin:0 auto 20px;font-size:13px}.ticket-head{padding-bottom:22px;margin-bottom:24px;border-bottom:1px solid var(--line)}.ticket-head h2{font-size:24px;margin:11px 0}.ticket-number{font-family:Consolas,monospace;color:var(--green);font-weight:650;font-size:12px}.meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.meta-grid dt{font-size:11px;color:var(--muted)}.meta-grid dd{font-size:12px;font-weight:600;margin:5px 0 0}.prose{white-space:pre-wrap;font-size:13px;color:#516659;line-height:1.9}.timeline{padding:0;list-style:none;margin:0}.timeline li{display:grid;grid-template-columns:28px 1fr;gap:12px;position:relative;padding-bottom:25px}.timeline li:before{content:"";position:absolute;top:24px;left:12px;bottom:0;width:1px;background:#dae4d4}.timeline li:last-child:before{display:none}.timeline li:last-child{padding-bottom:0}.timeline-dot{width:25px;height:25px;border-radius:50%;background:#e6f2e3;color:var(--green);display:flex;justify-content:center;align-items:center;z-index:1;border:4px solid white;box-shadow:0 0 0 1px #d8e7d3}.timeline-dot svg{width:12px;height:12px}.timeline h4{font-size:13px;letter-spacing:0;margin-bottom:4px}.timeline time{font-size:10px;color:var(--muted)}.timeline p{font-size:12px;margin-top:6px}.rating-buttons{display:flex;gap:5px;margin:14px 0}.rating-buttons button{border:0;background:none;color:#b5c2b1;padding:4px}.rating-buttons button.selected{color:#b98513}.rating-buttons svg{width:29px;height:29px;fill:currentColor;stroke-width:1}.auth-card{width:min(460px,100%);margin:20px auto 55px;padding:34px}.auth-card h2{font-size:26px;margin-bottom:8px}.auth-card>p{font-size:12px;margin-bottom:24px}.auth-card .btn{width:100%}.auth-card form{display:grid;gap:17px}.auth-tabs{display:flex;background:#f1f5ee;padding:4px;border-radius:9px;margin-bottom:22px}.auth-tabs button{flex:1;background:none;border:0;padding:9px;border-radius:6px;font-size:12px}.auth-tabs button.active{background:white;color:var(--green);box-shadow:0 2px 8px #19361908;font-weight:650}.divider-text{display:flex;align-items:center;gap:15px;color:var(--muted);font-size:11px;margin:22px 0}.divider-text:before,.divider-text:after{content:"";height:1px;background:var(--line);flex:1}.auth-foot{text-align:center;font-size:12px;margin-top:23px}.auth-foot a{color:var(--green);font-weight:650}.help-contact{padding:30px}.help-contact h3{margin-bottom:14px}.help-contact .icon-box{margin-bottom:20px}
/* Workspace */
.workspace{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:28px 19px 20px;position:fixed;inset:0 auto 0 0;width:245px;z-index:25}.sidebar .brand{padding:0 8px 30px}.sidebar .brand img{width:36px;height:36px}.sidebar .brand strong{font-size:15px}.sidebar .brand small{font-size:9px}.workspace-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#8a978d;padding:0 13px;margin:15px 0 9px}.sidebar-nav{display:grid;gap:5px}.sidebar-nav a{display:flex;gap:12px;align-items:center;padding:12px 13px;color:#69786b;border-radius:8px;font-size:12px;font-weight:550}.sidebar-nav a.active{background:#edf5e9;color:var(--green);font-weight:650}.sidebar-nav .count{margin-left:auto;border-radius:5px;background:#dcecd7;color:var(--green);padding:0 6px;font-size:10px}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:17px 9px 0}.sidebar-bottom .btn{width:100%;font-size:11px}.role-selector{margin-top:15px}.role-selector label{font-size:10px;color:var(--muted);font-weight:400}.role-selector select{font-size:11px;min-height:36px;padding:7px 9px}.workspace-body{grid-column:2;min-width:0}.workspace-topbar{height:82px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 35px;gap:20px}.workspace-topbar .crumb{font-size:12px;color:var(--muted)}.workspace-topbar .crumb span{color:var(--ink);margin-left:8px}.user-info{display:flex;gap:11px;align-items:center}.user-info strong{font-size:12px;display:block}.user-info small{font-size:10px;color:var(--muted);display:block}.avatar{width:35px;height:35px;border-radius:50%;background:#e8edde;display:flex;align-items:center;justify-content:center;color:#4d674a;font-size:11px;font-weight:700}.notif-btn{position:relative;background:transparent;border:0;padding:8px;display:inline-flex;align-items:center;justify-content:center}.notif-dot{position:absolute;right:6px;top:6px;height:7px;width:7px;background:#d49b3f;border-radius:50%;border:2px solid white}.topbar-actions{display:flex;gap:25px;align-items:center}.workspace-content{padding:31px 35px 50px;max-width:1550px;margin:auto}.workspace-content h1{font-size:27px}.workspace-intro{margin-bottom:26px}.workspace-intro p{font-size:12px;margin-top:7px}.date-button{font-size:11px;padding:10px 13px;color:#617260}.welcome-banner{background:#edf3e5;border:1px solid #dce7d3;padding:22px 25px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:20px;position:relative;overflow:hidden}.welcome-banner h3{font-size:19px;margin-bottom:7px}.welcome-banner p{font-size:12px;max-width:540px}.welcome-decoration{display:flex;align-items:center;gap:10px;color:#658452;background:#ffffff90;padding:11px 16px;border-radius:10px;font-size:11px;white-space:nowrap}.welcome-decoration svg{width:28px;height:28px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:25px}.metric-card{padding:21px;background:white;border:1px solid var(--line);border-radius:12px}.metric-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.metric-top .icon-box{width:33px;height:33px;border-radius:9px}.metric-top .icon-box svg{width:17px;height:17px}.metric-card strong{font-size:31px;letter-spacing:-.04em;display:block;margin:9px 0 4px;font-weight:650;line-height:1.3}.metric-card p{font-size:10px}.metric-card p .trend-up{color:#2f844b}.dashboard-charts{display:grid;grid-template-columns:1.65fr 1fr;gap:22px;margin-bottom:24px}.dashboard-charts .card{padding:23px}.dashboard-charts h3{font-size:15px}.chart-legend{display:flex;gap:15px;font-size:10px;color:var(--muted)}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{height:7px;width:7px;background:var(--green);border-radius:2px}.chart-legend i.light{background:#c8dcb6}.bar-chart{display:grid;grid-template-columns:32px 1fr;height:195px;gap:8px;margin-top:26px}.chart-axis{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:23px;font-size:9px;color:#8b978d}.chart-bars{display:flex;align-items:flex-end;justify-content:space-around;gap:12px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0px,transparent 41px,#eef1eb 42px,#eef1eb 43px);margin-bottom:22px}.bar-group{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:5px;height:100%;position:relative}.bar{border-radius:4px 4px 0 0;max-width:18px;width:25%;background:var(--green);min-height:3px}.bar.light{background:#c8dcb6}.bar-label{position:absolute;bottom:-24px;font-size:9px;color:#75836f}.bar-chart.wide{height:270px}.donut-layout{display:flex;align-items:center;gap:24px;justify-content:center;margin-top:30px}.donut{width:146px;height:146px;background:conic-gradient(#006838 0% 54%,#7d9f55 54% 73%,#f2c45b 73% 88%,#e2e9dc 88%);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.donut:before{content:"";position:absolute;inset:20px;background:white;border-radius:50%}.donut-center{position:relative;text-align:center;line-height:1.5}.donut-center strong{font-size:25px;display:block}.donut-center span{font-size:9px;color:var(--muted)}.donut-legend{display:grid;gap:13px;font-size:10px;min-width:105px}.donut-legend>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.donut-legend span{display:flex;align-items:center;gap:7px;color:var(--muted)}.donut-legend i{height:7px;width:7px;border-radius:2px}.table-card{padding:0;overflow:hidden}.table-card .card-head{padding:23px 24px 0}.table-card h3{font-size:16px}.filters{padding:0 24px 19px;display:flex;gap:11px;align-items:center;flex-wrap:wrap}.search-field{position:relative;flex:1;min-width:180px}.search-field>svg{position:absolute;left:12px;top:13px;width:17px;height:17px;color:#879280}.search-field input{padding-left:37px;font-size:11px;min-height:41px}.filters select,.filters>input{width:auto;max-width:170px;font-size:11px;min-height:41px;padding:9px 12px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{background:#f8faf6;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:10px;font-weight:600;color:#7b8978;padding:12px 20px}td{font-size:11px;border-bottom:1px solid #edf0e8;padding:16px 20px}td:first-child,th:first-child{padding-left:24px}td:last-child,th:last-child{padding-right:24px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcf9}.table-title{font-size:12px;font-weight:600;display:block;max-width:280px;overflow:hidden;text-overflow:ellipsis}.table-ticket{font-family:Consolas,monospace;font-size:10px;color:#84907d;margin-top:4px;display:block}.table-footer{border-top:1px solid var(--line);padding:15px 24px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px}.pagination{display:flex;gap:5px}.pagination button{border:1px solid var(--line);background:white;width:29px;height:29px;border-radius:5px;font-size:10px}.pagination button.active{color:white;border-color:var(--green);background:var(--green)}.sla{font-size:10px;color:#648454;display:flex;gap:5px;align-items:center}.sla.late{color:#b6523b}.sla.warn{color:#ae8022}.sla svg{width:13px;height:13px}.progress-track{background:#edf1e9;height:7px;border-radius:10px;overflow:hidden;margin:8px 0 15px}.progress-track>span{display:block;background:var(--green);height:100%;border-radius:10px}.unit-list{display:grid;gap:14px}.unit-row{display:grid;grid-template-columns:1fr auto;gap:4px}.unit-row span,.unit-row strong{font-size:11px}.unit-row .progress-track{grid-column:1/-1;margin:3px 0 0}.activity-list{display:grid;gap:17px}.activity-item{display:flex;gap:11px;font-size:12px}.activity-item p{font-size:11px;margin-top:4px}.activity-item time{font-size:10px;color:var(--muted)}.activity-item .icon-box{width:31px;height:31px;border-radius:8px}.activity-item .icon-box svg{width:15px;height:15px}.settings-form{max-width:750px}.settings-form .form-grid{margin-top:20px}.inline-toggle{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px}.inline-toggle label{margin:0}.inline-toggle input{width:19px}.notification-item{display:flex;align-items:flex-start;gap:13px;padding:17px 0;border-bottom:1px solid var(--line)}.notification-item:last-child{border:0}.notification-item p{font-size:12px}.notification-item time{font-size:10px;color:var(--muted)}.notification-item strong{display:block;font-size:13px;margin-bottom:5px}.message-list{display:grid;gap:12px;max-height:300px;overflow:auto;margin-bottom:18px}.message{padding:13px 15px;background:#f2f5ed;border-radius:9px;width:90%}.message.mine{background:#e6f2e3;margin-left:auto}.message strong{font-size:11px}.message p{font-size:12px;color:#4d634e;white-space:pre-wrap;margin-top:3px}.message time{font-size:9px;display:block;margin-top:5px;color:var(--muted)}.action-form{display:grid;gap:15px}.action-form textarea{min-height:95px}.action-form .btn{width:100%}.star-result{color:#ab7a15;font-size:18px;letter-spacing:3px}.dialog-overlay{position:fixed;inset:0;background:#172d2366;z-index:80;display:flex;align-items:center;justify-content:center;padding:25px;backdrop-filter:blur(3px)}.dialog{background:white;border:1px solid var(--line);border-radius:18px;width:min(540px,100%);max-height:calc(100dvh - 50px);overflow:auto;box-shadow:0 20px 80px #09261c29;padding:28px}.dialog.wide{width:min(1040px,100%)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.dialog-header h2{font-size:21px}.close-btn{border:1px solid var(--line);background:white;border-radius:8px;width:34px;height:34px;display:flex;align-items:center;justify-content:center}.dialog .form-grid{gap:16px}.dialog .card{padding:19px}.dialog .form-layout{grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr);gap:20px}.dialog .ticket-head h2{font-size:21px}.dialog .meta-grid{grid-template-columns:1fr 1fr}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);padding:13px 22px;background:#193e2c;color:white;z-index:120;border-radius:10px;max-width:calc(100% - 36px);font-size:12px;box-shadow:0 8px 30px #18372922;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.success-icon{width:66px;height:66px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--lime);color:var(--green)}.success-icon svg{width:30px;height:30px}.success{text-align:center;padding:12px 0}.success h2{font-size:24px;margin-bottom:12px}.success p{font-size:13px}.ticket-box{margin:23px 0;padding:19px;background:#f2f6ee;border:1px dashed #bbceae;border-radius:10px}.ticket-box strong{display:block;font-family:Consolas,monospace;font-size:22px;color:var(--green);margin-top:5px}.success .btn{margin-top:8px}.result-count{font-size:11px;color:var(--muted)}
@media(min-width:1500px){.hero{padding-top:76px}.hero h1{font-size:58px}}
@media(max-width:1150px){.container{width:calc(100% - 48px)}.hero-grid{gap:40px}.hero h1{font-size:44px}.hero-assurance{gap:12px}{gap:20px}{gap:18px}.category-card{padding:18px 14px}.workspace{grid-template-columns:218px minmax(0,1fr)}.sidebar{width:218px;padding-left:14px;padding-right:14px}.workspace-content{padding:27px 24px}.workspace-topbar{padding:0 24px}.metric-grid{gap:11px}.metric-card{padding:17px}.dashboard-charts{grid-template-columns:1.2fr 1fr}.donut-layout{gap:14px}.donut{width:127px;height:127px}.workspace-content .date-button{font-size:10px}.form-layout{grid-template-columns:minmax(0,1fr) 280px;gap:20px}}
@media(max-width:900px){{gap:16px}{font-size:12px}{padding:10px 13px;font-size:12px}.brand strong{font-size:16px}.brand small{font-size:9px}.hero{padding-top:45px}.hero-grid{gap:35px}.hero h1{font-size:38px}.hero p{font-size:13px}.hero-assurance{flex-wrap:wrap;gap:8px 16px}.floating-card.top{right:-5px}.floating-card.bottom{left:-18px;min-width:200px}.floating-card{padding:12px}.public-stat{padding:0 15px;gap:10px}.public-stat strong{font-size:24px}.public-stat .icon-box{width:35px;height:35px}.public-stat span{font-size:10px}.category-grid{grid-template-columns:repeat(3,1fr)}.process-grid{gap:22px}.faq-grid{gap:45px}.sidebar{width:190px;padding:22px 12px}.workspace{grid-template-columns:190px minmax(0,1fr)}.sidebar .brand{gap:8px;padding-left:2px}.sidebar .brand img{width:30px;height:30px}.sidebar .brand strong{font-size:13px}.sidebar .brand small{font-size:8px}.workspace-topbar{padding:0 20px;height:72px}.workspace-content{padding:25px 20px}.workspace-intro.between{align-items:flex-start}.workspace-content h1{font-size:23px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-charts{grid-template-columns:1fr}.welcome-decoration{display:none}.form-layout{grid-template-columns:minmax(0,1fr) 240px}.form-grid{gap:15px}.card{padding:22px}.aside-card{padding:20px}.form-layout .meta-grid{grid-template-columns:1fr 1fr}.dialog .form-layout{grid-template-columns:1fr}.footer-grid{gap:30px}.topbar-actions{gap:14px}.workspace-intro .date-button{display:none}}
@media(max-width:720px){.container{width:calc(100% - 36px)}{height:74px}{gap:10px}.brand{gap:9px}.brand img{width:36px;height:36px}.brand strong{font-size:15px}.brand small{font-size:8px}.mobile-menu{display:flex;width:39px;height:39px;border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;justify-content:center}{display:none;position:absolute;top:103px;left:0;right:0;background:white;z-index:30;box-shadow:0 12px 20px #17352010;padding:10px 18px;flex-direction:column;gap:0;align-items:stretch}{display:flex}{padding:12px;font-size:13px}{display:none}{margin-left:auto;gap:7px}{min-height:38px;padding:8px 11px;font-size:11px}{display:none}.hero{padding:36px 0 27px}.hero-grid{grid-template-columns:1fr;gap:27px}.hero h1{font-size:43px;max-width:500px}.hero p{max-width:500px;margin:17px 0 23px;font-size:14px}.hero-tag{margin-bottom:18px}.hero-art{max-width:510px;width:calc(100% - 24px);margin:auto;padding-bottom:30px}.hero-art>img{max-height:335px;object-fit:cover}.floating-card.top{right:-10px;top:0}.floating-card.bottom{left:-10px;bottom:0}.art-label{bottom:52px}.hero-assurance{margin-top:21px}.public-stats{grid-template-columns:1fr 1fr;margin-top:31px;padding:0;gap:21px}.public-stat{padding:20px 0 0;border:none;gap:12px}.public-stat strong{font-size:25px}.public-stat .icon-box{width:38px;height:38px}.public-stat span{font-size:11px}.public-section{padding:40px 0}.section-heading{margin-bottom:25px}.section-heading h2{font-size:26px}.section-heading p{font-size:12px}.category-grid{grid-template-columns:1fr 1fr;gap:11px}.category-card{min-height:155px;padding:17px}.category-card strong{font-size:12px}.category-card small{font-size:10px}.process-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.process-item:after{display:none}.process-number{width:43px;height:43px;border-radius:12px;font-size:18px;margin-bottom:14px}.process-item h3{font-size:14px}.process-item p{font-size:11px}.cta-strip{padding:24px;flex-direction:column;align-items:flex-start;margin-top:31px}.cta-strip h3{font-size:19px}.faq-grid{grid-template-columns:1fr;gap:20px}.faq-grid h2{font-size:27px}.faq-grid p{font-size:13px;margin:10px 0 17px}.faq-list summary{font-size:13px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:5px}.page-intro{padding-top:29px}.page-intro h1{font-size:28px}.page-intro p{font-size:13px}.form-layout{grid-template-columns:1fr}.form-layout aside{order:2}.form-grid{grid-template-columns:1fr}.card{padding:21px}.form-actions{flex-wrap:wrap}.form-actions .btn{flex:1;font-size:12px}.form-layout .meta-grid{grid-template-columns:1fr 1fr}.meta-grid{grid-template-columns:1fr 1fr;gap:15px}.track-search form{flex-direction:column}.track-search .btn{width:100%}.auth-card{padding:26px;margin-top:0}.page-content{padding-bottom:40px}.workspace{display:block}.sidebar{transform:translateX(-100%);width:245px;box-shadow:10px 0 30px #17312015;transition:transform .2s}.sidebar.open{transform:translateX(0)}.sidebar .brand{padding-left:8px}.sidebar .brand strong{font-size:16px}.sidebar .brand small{font-size:9px}.sidebar .brand img{width:38px;height:38px}.workspace-topbar{padding:0 18px;gap:12px}.workspace-topbar .crumb{display:none}.workspace-topbar .mobile-menu{margin-right:auto}.user-info small{font-size:9px}.user-info strong{font-size:11px}.workspace-content{padding:24px 16px}.workspace-intro h1{font-size:25px}.workspace-intro{margin-bottom:20px}.workspace-intro.between{flex-wrap:wrap;gap:13px}.workspace-intro p{font-size:11px}.welcome-banner{padding:20px;margin-bottom:20px}.welcome-banner h3{font-size:17px}.welcome-banner p{font-size:11px}.metric-grid{gap:10px;margin-bottom:20px}.metric-card{padding:15px}.metric-card strong{font-size:28px}.metric-top{font-size:10px}.metric-top .icon-box{width:28px;height:28px}.metric-card p{font-size:9px}.dashboard-charts{gap:17px}.dashboard-charts .card{padding:20px}.donut-layout{gap:35px;margin:22px 0 7px}.table-card .card-head{padding:20px 18px 0;align-items:flex-start}.card-head h3{font-size:15px}.table-card .card-head .btn{font-size:10px;padding:7px 9px}.filters{padding:0 18px 17px;gap:8px}.filters .search-field{flex-basis:100%}.filters select{flex:1;max-width:100%;min-width:0;font-size:10px}.filters>input{max-width:calc(50% - 4px);flex:1}.table-footer{padding:14px 18px}.grid-2,.grid-3{grid-template-columns:1fr;gap:17px}.dialog-overlay{padding:13px}.dialog{max-height:calc(100dvh - 26px);padding:22px;border-radius:13px}.dialog.wide{padding:18px}.dialog .form-grid{grid-template-columns:1fr}.dialog .ticket-head h2{font-size:19px}.dialog-header h2{font-size:19px}.dialog .card{padding:17px}.dialog .form-layout{gap:16px}.ticket-box strong{font-size:19px}.btn{min-height:44px}.toast{bottom:15px;width:max-content;text-align:center}.card-head{gap:10px}.chart-legend{font-size:9px;gap:10px}.bar-chart{height:175px}.topbar-actions{gap:12px}.sidebar.open~.workspace-body:before{content:"";position:fixed;inset:0;background:#18312544;z-index:24}{display:block}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.report-filters{grid-template-columns:repeat(4,1fr)}
/* Identitas resmi dan nama lengkap aplikasi. */
{position:relative}
.brand{min-width:0;flex-shrink:1}
.brand img{width:48px;height:48px;object-fit:contain;flex-shrink:0}
.brand-copy{min-width:0}
.brand small{max-width:270px;line-height:1.45;letter-spacing:0;font-size:10px}
.brand-expansion,.brand-institution{display:block}
{flex-shrink:0}
.sidebar{overflow-y:auto}
.sidebar .brand{align-items:flex-start;padding-bottom:24px}
.sidebar .brand img{width:38px;height:38px}
.sidebar .brand small{font-size:9px;line-height:1.5}
.footer-grid .brand{align-items:flex-start}
.footer-grid .brand small{font-size:11px;max-width:330px}
@media(max-width:1100px){
 {display:flex}
 {display:none;position:absolute;top:100%;left:0;right:0;background:white;z-index:30;box-shadow:0 12px 20px #17352010;padding:10px 18px;flex-direction:column;gap:0;align-items:stretch}
 {display:flex}
 {padding:12px;font-size:13px}
 {display:none}
}
@media(max-width:720px){
 {height:auto;min-height:74px}
 {display:grid;grid-template-columns:1fr;gap:10px;padding:14px 0}
 {width:100%;align-items:flex-start}
 {width:43px;height:43px}
 {font-size:17px}
 {font-size:10px;max-width:none;line-height:1.45}
 {width:100%;margin-left:0;justify-content:space-between}
 {top:100%}
 .sidebar .brand strong{font-size:15px}
 .sidebar .brand small{font-size:9px}
 .footer-grid .brand strong{font-size:17px}
 .footer-grid .brand small{font-size:10px}
}
.table-ticket,.chart-axis,.bar-label{color:#64715f}
/* Navigasi publik: satu baris di desktop, tab di tablet, menu lipat di ponsel. */
.public-header{position:relative;background:#fff;border-bottom:1px solid var(--line)}
.public-header .header-layout{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:28px;padding:18px 0}
.header-top{display:contents}
.public-header .brand{grid-column:1;grid-row:1}
.public-header .brand img{width:48px;height:48px}
.public-header .brand strong{font-size:18px}
.public-header .brand small{font-size:10px;line-height:1.45}
.header-description{display:none}
.public-header .header-actions{grid-column:3;grid-row:1;display:flex;gap:8px;flex-shrink:0}
.public-header .header-actions .btn{white-space:nowrap}
.public-header .mobile-menu{display:none}
.public-nav{grid-column:2;grid-row:1;display:flex;align-items:center;gap:25px;font-size:13px;font-weight:550}
.public-nav .nav-link{position:relative;display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 0;white-space:nowrap;color:var(--muted)}
.public-nav .nav-link:hover{color:var(--green)}
.public-nav .nav-link.active{color:var(--green);font-weight:700}
.public-nav .nav-link.active:after{content:"";position:absolute;bottom:2px;left:0;right:0;height:2px;border-radius:2px;background:var(--green)}
.public-nav .nav-link>svg,.nav-indicator,.nav-account{display:none}
@media(min-width:721px) and (max-width:1100px){
 .public-header .header-layout{grid-template-columns:1fr;gap:14px;padding:16px 0 12px}
 .header-top{display:flex;align-items:center;gap:24px}
 .public-header .header-actions{margin-left:auto}
 .public-nav{grid-column:1;grid-row:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:5px;border:1px solid #e4eadf;border-radius:12px;background:#f4f7f0}
 .public-nav .nav-link{justify-content:center;min-height:44px;padding:10px 8px;border-radius:8px;font-size:12px;transition:background .15s,color .15s}
 .public-nav .nav-link>svg{display:block;width:17px;height:17px}
 .public-nav .nav-link.active{background:#fff;box-shadow:0 2px 6px #193e2c09}
 .public-nav .nav-link:hover{background:#eaf2e4}
 .public-nav .nav-link.active:after{display:none}
}
@media(max-width:720px){
 .public-header .header-layout{grid-template-columns:1fr;gap:10px;padding:14px 0}
 .header-top{display:flex;align-items:center;gap:12px}
 .public-header .brand{flex:1;gap:10px}
 .public-header .brand img{width:43px;height:43px}
 .public-header .brand strong{font-size:18px;white-space:nowrap}
 .public-header .brand small,.public-header .header-actions{display:none}
 .public-header .mobile-menu{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;flex-shrink:0;border:1px solid #dce6d5;border-radius:10px;background:#f1f6ec;color:var(--green)}
 .public-header .mobile-menu[aria-expanded=true]{background:var(--green);border-color:var(--green);color:#fff}
 .public-nav .header-description{display:block;margin:0;padding:0 14px 10px;color:#61755f;font-size:10.5px;line-height:1.6}
 .header-description span{display:block}
 .public-nav{grid-column:1;grid-row:auto;display:none;gap:6px;padding:14px 0 0;border-top:1px solid var(--line);margin-top:2px}
 .public-nav.open{display:grid;grid-template-columns:1fr}
 .public-nav .nav-link{justify-content:flex-start;gap:11px;min-height:48px;padding:12px 14px;border:1px solid transparent;border-radius:10px;background:#f6f8f3;font-size:13px;font-weight:550}
 .public-nav .nav-link>svg{display:block;width:18px;height:18px}
 .public-nav .nav-link.active{background:#eaf4e5;border-color:#d8e9d0;font-weight:700}
 .public-nav .nav-link:hover{background:#edf3e8}
 .public-nav .nav-link.active:after{display:none}
 .nav-indicator{display:flex;align-items:center;margin-left:auto;color:#8a9983}
 .nav-indicator svg{width:15px;height:15px}
 .public-nav .nav-link.active .nav-indicator{color:var(--green)}
 .nav-account{display:block;border-top:1px solid var(--line);margin-top:7px;padding-top:14px}
 .nav-account .btn{width:100%;min-height:46px}
}
@media(max-width:360px){.public-header .brand strong{font-size:16px}}
@media print{.public-header{display:none!important}}
@media(max-width:900px){.report-filters{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.report-filters{grid-template-columns:1fr}}
.otp-input{font-family:Consolas,monospace;font-size:26px;letter-spacing:8px;text-align:center}
@media print{body{background:white}.sidebar,.workspace-topbar,.workspace-intro>.flex,.demo-banner,.public-footer,.toast,.skip-link,.field-help,.report-filters{display:none!important}.workspace{display:block}.workspace-content{padding:0;max-width:none}.card,.metric-card{break-inside:avoid;box-shadow:none}.workspace-intro{margin-bottom:20px}.metric-grid{grid-template-columns:repeat(4,1fr)}.dashboard-charts{grid-template-columns:1.5fr 1fr}.grid-2{grid-template-columns:1fr 1fr}.workspace-intro:after{content:'SIPERMATA KEKAR · Laporan data demo';font-size:10px;color:#69786f}.dialog-overlay{position:static;background:white;display:block}.dialog{width:100%;max-height:none;box-shadow:none}.dialog-header .close-btn{display:none}}
/* Statistics: shared by the public portal and internal workspace. */
.stats-page{display:grid;gap:24px;min-width:0}.stats-scope{display:flex;align-items:center;gap:10px;color:var(--green);font-size:12px;padding:12px 16px;background:#edf4e9;border:1px solid #dbe7d6;border-radius:10px}.stats-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.stats-heading h2{font-size:20px;letter-spacing:-.025em}.stats-heading p{font-size:12px;margin-top:7px;max-width:440px}.stats-heading .eyebrow{margin-bottom:7px}.stats-heading>svg{color:var(--green)}.stats-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.stats-filter-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.stats-filter-actions .field-help{margin:0;max-width:530px}.stats-filter-actions .flex{flex-shrink:0}.stats-updated{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 18px;font-size:12px}.stats-updated p{font-size:11px;margin-top:4px}.stats-updated>span{font-size:11px;color:var(--muted)}.stats-main-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:24px}.stats-main-grid>.card{min-width:0}.stats-metrics{margin-top:24px}.stats-metrics .metric-card{min-width:0}.stats-metrics .metric-top{gap:10px}.stats-stages{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:17px}.stats-stages li{display:grid;grid-template-columns:28px minmax(0,1fr) 45px;align-items:center;gap:12px;font-size:12px}.stats-stage-index{display:grid;place-items:center;width:28px;height:28px;background:var(--lime);border-radius:50%;color:var(--green);font-size:11px;font-weight:700}.stats-stages strong{text-align:right;font-size:16px}.stats-meter{height:6px;border-radius:12px;background:#eef2ec;overflow:hidden;margin-top:8px}.stats-meter i{display:block;height:100%;border-radius:inherit;background:var(--green)}.stats-meter.gold i{background:#d29c2a}.stats-meter.blue i{background:#487cae}.stats-meter.purple i{background:#8b77b2}.stats-meter.orange i{background:#c98248}.stats-meter.yellow i{background:#c4a24c}.stats-meter.red i{background:#c87070}.stats-meter.gray i{background:#89968b}.stats-statuses{display:grid;gap:14px}.stats-statuses>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 15px;font-size:12px}.stats-statuses .stats-meter{grid-column:1/-1;height:4px}.stats-statuses span{display:flex;align-items:center;gap:8px}.stats-dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex-shrink:0}.stats-dot.blue{background:#487cae}.stats-dot.purple{background:#8b77b2}.stats-dot.orange{background:#c98248}.stats-dot.yellow{background:#c4a24c}.stats-dot.red{background:#c87070}.stats-dot.gray{background:#89968b}.stats-trend{margin-top:24px}.stats-chart{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;border-bottom:1px solid var(--line);padding:8px 12px 18px;margin:12px 0 16px;background:repeating-linear-gradient(to top,transparent 0,transparent 49px,#e8ede7 50px,#e8ede7 51px);background-size:100% 200px}.stats-month{text-align:center;font-size:11px;min-width:0}.stats-columns{height:185px;display:flex;align-items:flex-end;justify-content:center;gap:8px;margin-bottom:12px}.stats-columns>div{display:flex;flex-direction:column;justify-content:flex-end;gap:7px;align-items:center;width:32px;max-width:40%}.stats-columns b{font-weight:600;color:var(--muted);font-size:10px}.stats-columns i{width:100%;display:block;background:var(--green);border-radius:5px 5px 0 0;min-height:2px}.stats-columns i.light{background:#9dc9ab}.stats-legend{display:flex;gap:15px;font-size:11px;color:var(--muted);flex-shrink:0}.stats-legend span{display:flex;gap:6px;align-items:center}.stats-legend i{width:9px;height:9px;border-radius:2px;background:var(--green)}.stats-legend i.light{background:#9dc9ab}.stats-sla-highlight{display:flex;gap:18px;align-items:center;margin:10px 0 16px}.stats-sla-highlight>strong{font-size:36px;letter-spacing:-.04em;color:var(--green)}.stats-sla-highlight b{font-size:12px}.stats-sla-highlight p{font-size:11px;margin-top:4px}.stats-facts{margin:24px 0 18px;display:grid;gap:0;font-size:12px}.stats-facts>div{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid var(--line)}.stats-facts dt{color:var(--muted)}.stats-facts dd{margin:0;font-weight:700;text-align:right}.stats-danger{color:#b84848}.stats-rating{display:flex;align-items:center;gap:16px;padding:8px 0 25px}.stats-rating>strong{font-size:52px;letter-spacing:-.05em;color:var(--green)}.stats-rating span{font-size:13px;color:var(--muted)}.stats-rating p{font-size:12px;margin-top:4px}.stats-rating-rows{display:grid;gap:22px}.stats-rating-rows>div{display:grid;grid-template-columns:40px minmax(0,1fr) 30px;gap:14px;align-items:center;font-size:12px}.stats-rating-rows span{display:flex;gap:7px;align-items:center}.stats-rating-rows .icon{width:14px;height:14px;color:#b98513;fill:#f9d986}.stats-rating-rows .stats-meter{margin:0;height:8px}.stats-rating-rows strong{text-align:right}.stats-table{width:100%;border-collapse:collapse;font-size:12px}.stats-table thead th{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.stats-table th,.stats-table td{padding:13px 9px;border-bottom:1px solid var(--line);text-align:right}.stats-table th:first-child{text-align:left;width:50%;min-width:145px;max-width:240px}.stats-table tbody th{font-weight:500}.stats-table .stats-meter{height:3px;max-width:180px}.stats-table tbody th span{overflow-wrap:anywhere}.stats-table tbody td{font-weight:600}.stats-loading{text-align:center;padding:55px 25px;color:var(--muted)}.stats-no-data{font-size:12px;padding:20px 0}.stats-distribution .stats-heading p{line-height:1.6}
@media(min-width:1200px){.stats-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.stats-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-heading{flex-wrap:wrap}.stats-legend{flex-wrap:wrap}.stats-sla-highlight{flex-wrap:wrap;gap:8px 18px}}
@media(max-width:720px){.stats-main-grid{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:18px}.stats-page{gap:18px}.stats-filter-actions{align-items:stretch;flex-direction:column;gap:14px}.stats-filter-actions .flex{justify-content:flex-end}.stats-updated{flex-direction:column;align-items:flex-start;gap:7px}.stats-chart{gap:7px;padding-left:0;padding-right:0}.stats-columns{gap:4px}.stats-columns>div{width:23px}.stats-heading h2{font-size:18px}.stats-heading{margin-bottom:20px}.stats-trend{margin-top:18px}.stats-metrics{margin-top:18px}.stats-table{font-size:11px}.stats-table th,.stats-table td{padding:12px 8px}.stats-scope{align-items:flex-start}.stats-updated strong{overflow-wrap:anywhere}.stats-stages li{gap:8px}}
@media(max-width:420px){.stats-filter-grid{grid-template-columns:minmax(0,1fr)}.stats-month{font-size:10px}.stats-columns b{font-size:9px}.stats-rating>strong{font-size:44px}.stats-filter .pill{white-space:normal}.stats-filter-actions .flex>.btn{flex:1}}
/* Rating submission, history shortcuts, and internal feedback review. */
.rating-card .eyebrow{margin-bottom:8px}.rating-deadline{display:flex;gap:9px;align-items:flex-start;background:#f5f8ef;border:1px solid #e5ecda;border-radius:9px;padding:12px 14px;font-size:12px;margin:20px 0;color:var(--green)}.rating-card legend{font-size:13px}.rating-choice{position:relative;margin:0;cursor:pointer}.rating-choice input{position:absolute;opacity:0;width:1px;height:1px;min-height:0}.rating-star{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:10px;border:1px solid var(--line);background:#f9faf7;color:#b2bcae;transition:background .15s,color .15s}.rating-star .icon{width:29px;height:29px;fill:currentColor}.rating-choice.selected .rating-star{background:#fff8e6;border-color:#ecd9a9;color:#bc8b21}.rating-choice:hover .rating-star{border-color:#bf922e;background:#fff8e6}.rating-choice input:focus-visible+.rating-star{outline:3px solid #d8a539;outline-offset:3px}.rating-submit{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;border-top:1px solid var(--line);padding-top:20px}.rating-submit .field-help{margin:0}.rating-result-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0}.rating-result-row .star-result{font-size:26px;color:#b98513;letter-spacing:3px}.rating-result-row strong{font-size:12px;color:var(--green)}.rating-feedback{padding:14px 16px;background:#f6f8f3;border-radius:9px;overflow-wrap:anywhere}.rating-history-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.rating-history-score{display:inline-flex;gap:5px;align-items:center;padding:8px 12px;border:1px solid #eadcb9;border-radius:8px;color:#92701e;font-size:12px;font-weight:700;background:#fff9eb;white-space:nowrap}.rating-history-score .icon{width:15px;height:15px;fill:#d4aa48}.rating-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.rating-overview article>span{font-size:12px;color:var(--muted)}.rating-overview strong{display:block;font-size:35px;color:var(--green);letter-spacing:-.04em;margin:12px 0 7px;line-height:1.2}.rating-overview strong small{font-size:15px;color:var(--muted);font-weight:400}.rating-overview p{font-size:11px}.rating-list-title{font-size:20px;margin-bottom:22px}.rating-list-filters{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(100px,.7fr) minmax(0,1fr);gap:16px}.rating-feedback-list{display:grid;margin-top:24px}.rating-feedback-list article{padding:23px 0;border-top:1px solid var(--line)}.rating-feedback-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:14px}.rating-feedback-head h3{font-size:16px;margin:5px 0 7px;overflow-wrap:anywhere}.rating-feedback-head p{font-size:11px}.rating-score{display:flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid #eadcb9;border-radius:8px;background:#fff9eb;color:#92701e;white-space:nowrap;font-size:13px;font-weight:700;flex-shrink:0}.rating-score .icon{width:15px;height:15px;fill:#d4aa48}.rating-feedback-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:14px}.rating-feedback-footer time{font-size:11px;color:var(--muted)}.rating-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
@media(max-width:900px){.rating-list-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.rating-list-filters>div:first-child{grid-column:1/-1}}
@media(max-width:720px){.rating-overview{grid-template-columns:minmax(0,1fr);gap:12px}.rating-overview article{padding:20px}.rating-submit{flex-direction:column;align-items:stretch;gap:12px}.rating-star{width:43px;height:43px}.rating-feedback-head{gap:10px}.rating-feedback-footer,.rating-pagination{align-items:flex-start;flex-direction:column;gap:12px}.rating-feedback-head h3{font-size:14px}.rating-score{padding:5px 8px;font-size:12px}.rating-list-filters{grid-template-columns:minmax(0,1fr)}.rating-list-filters>div:first-child{grid-column:auto}.rating-history-actions{flex-direction:column;align-items:flex-start}.rating-result-row{gap:8px}.rating-pagination .flex{align-self:flex-end}}
@media(max-width:370px){.rating-star{width:38px;height:40px}.rating-star .icon{width:24px;height:24px}}