:root{color:#1f2937;background:#f3f4f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f3f4f6}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px 12px 12px 4px;color:#fff;background:linear-gradient(135deg,#5284f0,#315ed4);font-size:9px;font-weight:900;box-shadow:0 7px 16px #315ed440;flex:0 0 auto}.brand-mark--large{width:56px;height:56px;border-radius:18px 18px 18px 6px;font-size:12px}.primary-button{border:0;border-radius:8px;padding:11px 17px;color:#fff;background:#3568dc;font-weight:700;box-shadow:0 4px 11px #3568dc33;transition:.2s ease}.primary-button:hover{background:#2858c4;transform:translateY(-1px)}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(460px,.95fr);background:#fff}.login-brand-panel{position:relative;overflow:hidden;padding:clamp(55px,7vw,105px);color:#fff;background:radial-gradient(circle at 80% 15%,rgba(108,151,255,.55),transparent 31%),linear-gradient(145deg,#15358d,#275bd0 52%,#4b7eea)}.login-brand-panel:before,.login-brand-panel:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:50%}.login-brand-panel:before{width:520px;height:520px;left:-260px;bottom:-230px}.login-brand-panel:after{width:360px;height:360px;right:-150px;top:45%}.eyebrow{margin:34px 0 14px;font-size:12px;font-weight:800;letter-spacing:.16em;opacity:.78}.eyebrow--blue{margin:0 0 13px;color:#3568dc;opacity:1}.login-brand-panel h1{position:relative;z-index:1;max-width:690px;margin:0;font-size:clamp(38px,4.6vw,66px);line-height:1.08;letter-spacing:-.04em}.brand-copy{position:relative;z-index:1;max-width:590px;margin:25px 0 42px;color:#dfe9ff;font-size:18px;line-height:1.7}.login-preview-card{position:relative;z-index:1;max-width:510px;padding:26px;border:1px solid rgba(255,255,255,.24);border-radius:20px;background:#ffffff1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:end;justify-content:space-between;box-shadow:0 22px 60px #0a1e5a3d}.login-preview-card span{display:block;margin-bottom:8px;color:#d9e5ff;font-size:13px}.login-preview-card strong{font-size:36px}.mini-bars{width:190px;height:80px;display:flex;gap:9px;align-items:end;border-bottom:1px solid rgba(255,255,255,.25)}.mini-bars i{flex:1;border-radius:5px 5px 0 0;background:#ffffffbf}.login-form-panel{display:grid;place-items:center;padding:45px}.login-box{width:min(430px,100%)}.mobile-brand{display:none;align-items:center;gap:11px;margin-bottom:42px;font-weight:800}.login-box h2{margin:0;color:#172033;font-size:38px;letter-spacing:-.03em}.login-help{margin:12px 0 34px;color:#7a8496}.login-box form{display:grid}.login-box label{margin:0 0 8px;color:#384256;font-size:13px;font-weight:750}.login-box input{width:100%;height:52px;margin-bottom:20px;padding:0 15px;border:1px solid #d8dde7;border-radius:9px;color:#172033;outline:none;transition:.2s}.login-box input:focus{border-color:#4f7fe8;box-shadow:0 0 0 4px #4f7fe81f}.form-error,.dashboard-error{padding:12px 14px;border-radius:8px;color:#b42318;background:#fff0ee;font-size:13px}.form-error{margin:0 0 18px}.login-button{height:52px;display:flex;justify-content:center;align-items:center;gap:9px}.spinner{width:17px;height:17px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:spin .75s linear infinite}.security-note{margin:24px 0 0;text-align:center;color:#8a93a3;font-size:12px}.security-note span{color:#3fb985}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-shell{min-height:100vh}.dashboard-header{position:sticky;top:0;z-index:20;min-height:76px;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fffffff5;border-bottom:1px solid #e2e6ed;box-shadow:0 2px 8px #1f293708;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dashboard-title{display:flex;align-items:center;gap:13px;min-width:max-content}.dashboard-title h1{margin:0;color:#1e2432;font-size:23px;letter-spacing:-.03em}.dashboard-title p{margin:2px 0 0;color:#8a92a1;font-size:11px}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.date-filter{height:44px;display:flex;align-items:center;gap:5px;padding:0 7px 0 12px;border:1px solid #d8dde5;border-radius:8px;background:#fafbfc}.calendar-icon{color:#667085}.date-filter input{width:116px;border:0;outline:0;color:#2c3444;background:transparent;font-size:12px;font-weight:650}.icon-button{width:30px;height:30px;border:0;border-radius:6px;color:#3568dc;background:#eaf0ff;font-size:18px}.user-menu{display:flex;align-items:center;gap:9px;padding-left:3px}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#315ed4;background:#e8efff;font-weight:800}.user-copy{display:grid;max-width:130px}.user-copy strong{overflow:hidden;color:#303849;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.user-copy small{color:#9299a6;font-size:10px}.user-menu button{width:30px;height:30px;border:0;color:#6d7686;background:transparent;font-size:18px}.dashboard-main{position:relative;width:100%;padding:30px 24px 45px}.dashboard-error{margin-bottom:16px}.loading-line{position:fixed;z-index:30;top:75px;right:0;left:0;height:3px;overflow:hidden;background:#dbe6ff}.loading-line span{display:block;width:40%;height:100%;background:#3568dc;animation:loading-slide 1s ease-in-out infinite alternate}@keyframes loading-slide{0%{transform:translate(-25%)}to{transform:translate(210%)}}.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin-bottom:26px}.kpi-card,.panel{border:1px solid #e8ebf0;border-radius:9px;background:#fff;box-shadow:0 3px 10px #1f29370b}.kpi-card{min-height:145px;padding:19px}.kpi-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.kpi-top h2{margin:0;color:#70798a;font-size:12px;line-height:1.45}.kpi-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:7px;font-weight:900}.kpi-icon--blue{color:#3970df;background:#e7efff}.kpi-icon--purple{color:#8b45dc;background:#f0e7ff}.kpi-icon--green{color:#33976e;background:#e1f7eb}.kpi-icon--orange{color:#d87525;background:#fff0df}.kpi-icon--yellow{color:#c09218;background:#fff9ce}.kpi-value-row{display:flex;align-items:end;gap:8px;margin-top:10px}.kpi-value-row strong{color:#171c28;font-size:25px;line-height:1;letter-spacing:-.025em}.kpi-value-row span{color:#6f7786;font-size:12px;font-weight:650}.kpi-meta{margin:12px 0 0;color:#798293;font-size:10px;font-weight:600}.kpi-meta--green{color:#34956f}.kpi-meta--purple{color:#c44444}.kpi-meta--yellow{color:#9b7915}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:26px}.chart-grid>*{min-width:0}.chart-grid--wide{grid-template-columns:minmax(0,2.05fr) minmax(315px,1fr)}.panel{padding:20px}.panel-heading{display:flex;align-items:start;justify-content:space-between;margin-bottom:15px}.panel-heading h2,.feedback-heading h2{margin:0;color:#222936;font-size:17px;letter-spacing:-.02em}.panel-heading p,.feedback-heading p{margin:4px 0 0;color:#98a0ad;font-size:10px}.chart-legend{display:flex;justify-content:center;gap:20px;color:#697283;font-size:10px}.chart-legend i,.delivery-legend i{display:inline-block;width:28px;height:9px;margin-right:6px;vertical-align:middle}.legend-blue{background:#4f7fe8}.legend-purple{background:#8057e8}.legend-green{background:#4db58b}.legend-red{background:#ef5350}.trend-scroll{max-width:100%;overflow-x:auto}.trend-chart{width:100%;min-width:600px;height:260px}.trend-chart text{fill:#7a8290;font-size:9px}.grid-line{stroke:#e8ebf0;stroke-width:1}.chart-note{margin:0;color:#858d9a;font-size:10px;font-style:italic}.donut-wrap{display:grid;place-items:center}.donut-chart{width:min(260px,86%);height:260px}.donut-value{fill:#263044;font-size:22px;font-weight:800}.donut-label{fill:#8b94a3;font-size:10px}.delivery-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;color:#687182;font-size:10px}.delivery-legend span{display:flex;align-items:center}.delivery-legend strong{margin-left:5px;color:#283143}.error-chart{display:grid;gap:17px;min-height:275px;padding:12px 5px 0}.error-label{display:flex;justify-content:space-between;gap:15px;color:#4a5363;font-size:11px}.error-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error-label strong{color:#323b4c}.error-track{height:13px;margin:6px 0 2px;overflow:hidden;border-radius:4px;background:#fff0f0}.error-track i{display:block;min-width:3px;height:100%;border-radius:4px;background:#f16e6e}.error-row small{color:#a1a7b2;font-size:9px}.empty-chart{min-height:275px;display:grid;place-content:center;justify-items:center;color:#8a94a4;text-align:center}.empty-chart span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:#2e9f70;background:#e6f8ef;font-size:22px}.empty-chart strong{margin-top:12px;color:#526071}.empty-chart p{font-size:11px}.rating-chart-wrap{min-height:292px;display:flex;align-items:center;justify-content:center;gap:clamp(35px,8vw,105px)}.rating-pie{position:relative;width:220px;aspect-ratio:1;border-radius:50%}.rating-pie:after{content:"";position:absolute;top:27%;right:27%;bottom:27%;left:27%;border-radius:50%;background:#fff}.rating-pie span{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center}.rating-pie strong{color:#30394a;font-size:26px}.rating-pie small{color:#969eab;font-size:9px}.rating-legend{display:grid;gap:13px;min-width:130px}.rating-legend div{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;color:#687182;font-size:11px}.rating-legend i{width:10px;height:10px;border-radius:3px}.rating-legend strong{color:#263044}.feedback-panel{padding:0;overflow:hidden}.feedback-heading{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e6e9ee}.feedback-heading select,.pagination-bar select{border:1px solid #d6dbe3;border-radius:5px;padding:7px 9px;color:#495264;background:#fff;font-size:11px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;color:#5b6575;font-size:11px}th{padding:12px 18px;color:#5f6878;background:#f8f9fb;text-align:left;text-transform:uppercase;font-size:9px;letter-spacing:.025em}td{padding:14px 18px;border-top:1px solid #edf0f3}tbody tr:hover{background:#fafbfc}tbody tr.needs-follow-up{background:#fff6f5}tbody tr.needs-follow-up:hover{background:#fff0ee}td strong{display:block;color:#40495a}td small{display:block;margin-top:3px;color:#a0a6b0}.order-code{color:#3568dc}.stars{white-space:nowrap}.stars i{color:#efbd2e;font-style:normal}.stars i.muted{color:#dfe3e8}.negative-comment{color:#c03939;font-weight:650}.status-pill{display:inline-block;border-radius:999px;padding:5px 8px;white-space:nowrap;font-size:9px;font-weight:750}.status-pill--success{color:#207a57;background:#dff5e9}.status-pill--danger{color:#ae302e;background:#ffe1df}.empty-table{padding:40px;color:#929aa7;text-align:center}.pagination-bar{min-height:62px;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #e6e9ee;color:#7b8493;font-size:10px}.pagination-bar label,.pagination-bar div{display:flex;align-items:center;gap:8px}.pagination-bar button{width:31px;height:31px;border:1px solid #d7dce3;border-radius:5px;color:#515b6b;background:#fff;font-size:18px}.app-loading{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:20px;color:#657083}.spinner--blue{border-color:#d8e4ff;border-top-color:#3568dc}@media(max-width:1180px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.dashboard-header{align-items:flex-start}.header-actions{flex-wrap:wrap}.user-copy{display:none}}@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-brand-panel{display:none}.mobile-brand{display:flex}.login-form-panel{min-height:100vh}.dashboard-header{position:static;flex-direction:column}.header-actions{width:100%;justify-content:flex-start}.chart-grid,.chart-grid--wide{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.loading-line{top:0}.rating-chart-wrap{gap:45px}}@media(max-width:620px){.login-form-panel{padding:30px 22px}.login-box h2{font-size:31px}.dashboard-header,.dashboard-main{padding-right:15px;padding-left:15px}.header-actions{align-items:stretch}.date-filter{width:100%}.date-filter input{flex:1;min-width:0}.user-menu{margin-left:auto}.kpi-grid{grid-template-columns:1fr;gap:12px}.kpi-card{min-height:130px}.rating-chart-wrap{flex-direction:column;gap:25px}.feedback-heading,.pagination-bar{align-items:flex-start;flex-direction:column}.pagination-bar div{width:100%;flex-wrap:wrap}.dashboard-title h1{font-size:20px}}