:root{--em-bg:#f6f8fb;--em-surface:#fff;--em-surface-soft:#fbfcfe;--em-text:#172033;--em-muted:#687386;--em-border:#e5eaf0;--em-primary:#315efb;--em-primary-dark:#2348d8;--em-success:#16835f;--em-warning:#b7791f;--em-danger:#c2414b;--em-radius:18px;--em-shadow:0 8px 30px rgba(23,32,51,.06)}
*{box-sizing:border-box}html{background:var(--em-bg)}body{background:var(--em-bg)!important;color:var(--em-text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;line-height:1.5}a{color:var(--em-primary);text-underline-offset:3px}h1,h2,h3{letter-spacing:-.025em;color:var(--em-text)}h1{font-size:clamp(1.75rem,3vw,2.35rem);line-height:1.15}h2{font-size:1.05rem}.page,.main{max-width:1440px!important;padding:24px!important}.panel,.card,.sheet,.hero,.report-head,.stat,.modal-card{background:var(--em-surface)!important;border:1px solid var(--em-border)!important;border-radius:var(--em-radius)!important;box-shadow:var(--em-shadow)!important}.panel,.card,.hero,.report-head,.modal-card{padding:22px!important}.sheet{overflow:hidden!important}.top,.bar,.actions{gap:14px!important}.side{background:#111a2d!important;padding:22px 16px!important}.side a{border-radius:10px!important;padding:10px 12px!important;color:#cbd5e1!important}.side a:hover{background:#ffffff12;color:#fff!important}.brand img{border-radius:12px!important}.stat{padding:18px!important}.stat strong{font-size:1.8rem!important}.stats{gap:14px!important}.grid{gap:16px!important}input,select,textarea{border:1px solid #d7dee8!important;border-radius:11px!important;background:#fff!important;color:var(--em-text)!important;min-height:44px!important;padding:10px 12px!important;outline:none!important;transition:.18s border,.18s box-shadow}input:focus,select:focus,textarea:focus{border-color:#91a9ff!important;box-shadow:0 0 0 4px rgba(49,94,251,.10)!important}input[readonly]{background:#f6f8fb!important;color:#4b5565!important}button,.btn{border-radius:11px!important;font-weight:700!important;transition:.18s transform,.18s box-shadow,.18s background}button:hover,.btn:hover{transform:translateY(-1px)}button.primary,.primary,button[type=submit]{background:var(--em-primary)!important;color:#fff!important;border:1px solid var(--em-primary)!important;box-shadow:0 7px 18px rgba(49,94,251,.20)}button.primary:hover,.primary:hover,button[type=submit]:hover{background:var(--em-primary-dark)!important}.secondary{background:#f4f6fa!important;color:#293449!important;border:1px solid var(--em-border)!important}.danger,.return{background:#fff3f4!important;color:var(--em-danger)!important;border:1px solid #f3cfd3!important}.approve{background:#ecfdf5!important;color:var(--em-success)!important;border:1px solid #bcebd8!important}.msg,.message,.flash{border-radius:12px!important;padding:12px 14px!important;border:1px solid #cae8d9!important;background:#effaf4!important}.error,.flash-error{background:#fff3f4!important;border-color:#f3cfd3!important;color:#9f2934!important}table{background:#fff}th{background:#f8fafc!important;color:#566176!important;font-size:.74rem!important;text-transform:uppercase;letter-spacing:.05em}th,td{border-color:var(--em-border)!important;padding:12px 14px!important}.badge,.status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:.75rem;font-weight:800;text-transform:capitalize;background:#eef2ff;color:#4054b2}.status-draft{background:#f1f5f9;color:#5b6473}.status-submitted{background:#fff7df;color:#94640f}.status-approved,.status-paid{background:#eafaf3;color:#147455}.status-returned,.status-failed{background:#fff0f1;color:#ad3340}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.metric-card{background:var(--em-surface);border:1px solid var(--em-border);border-radius:16px;padding:16px;box-shadow:0 4px 18px rgba(23,32,51,.045)}.metric-card span{display:block;color:var(--em-muted);font-size:.77rem;font-weight:700;margin-bottom:7px}.metric-card strong{display:block;font-size:1.45rem;letter-spacing:-.03em}.metric-card small{color:var(--em-muted)}.metric-card.emphasis{border-color:#cfd8ff;background:#f8f9ff}.metric-card.success{border-color:#c9ebdc;background:#f4fcf8}.metric-card.warning{border-color:#f1dfb5;background:#fffaf0}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.section-head h2{margin:0}.section-head p{margin:4px 0 0;color:var(--em-muted)}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--em-primary)}.progress-card{display:grid;gap:10px}.progress-track{height:8px;border-radius:999px;background:#edf1f6;overflow:hidden}.progress-fill{height:100%;background:var(--em-primary);border-radius:999px;transition:width .2s}.progress-meta{display:flex;justify-content:space-between;color:var(--em-muted);font-size:.8rem}.repeat-row,.row,.line{background:var(--em-surface-soft);border:1px solid var(--em-border);border-radius:14px;padding:10px!important;margin-bottom:10px!important}.remove{width:40px!important;min-width:40px!important;background:#fff!important;color:var(--em-danger)!important;border:1px solid #f0d0d4!important}.actions,.sticky-actions{position:sticky!important;bottom:14px!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(12px);border:1px solid var(--em-border)!important;border-radius:16px!important;padding:10px!important;box-shadow:0 12px 40px rgba(23,32,51,.14)!important;z-index:4}.hint,.help-text,.field-hint{color:var(--em-muted)!important}.modal{backdrop-filter:blur(4px)}
@media(min-width:760px){.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:759px){.page,.main{padding:14px!important}.panel,.card,.hero,.report-head,.modal-card{padding:16px!important;border-radius:15px!important}.metric-card strong{font-size:1.25rem}.actions button{min-width:0!important;flex:1}.side{min-height:auto!important}.app{display:block!important}.line,.row{grid-template-columns:1fr!important}.line button,.row button{grid-column:auto!important;width:100%!important}}
