@import url("https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&family=Nunito:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap");:root{--orange:#c85a00;--orange-light:#ffb347;--orange-pale:#fff0dc;--orange-mid:#ffd09a;--green:#2a7020;--green-light:#84c97c;--green-pale:#e8f8e4;--blue:#1050a0;--blue-pale:#e3f0ff;--pink:#c04070;--pink-pale:#ffe8ef;--purple:#7030a0;--purple-pale:#f3eaf8;--kpi-orange-from:#ffe5b4;--kpi-orange-to:#ffd08a;--kpi-green-from:#c8f0c0;--kpi-green-to:#96e08a;--kpi-blue-from:#bde0ff;--kpi-blue-to:#88beff;--kpi-pink-from:#ffd0e0;--kpi-pink-to:#ffb0c8;--strip-orange:linear-gradient(90deg,#ffb347,#ff8c42);--strip-green:linear-gradient(90deg,#84c97c,#4caf50);--strip-blue:linear-gradient(90deg,#74b4f0,#2171cc);--strip-pink:linear-gradient(90deg,#f09090,#d04e76);--strip-purple:linear-gradient(90deg,#c0a0e8,#8040b0);--bg:#fdf8f2;--card:#fff;--border:#f0e6d8;--text:#3d2c1e;--text-muted:#a38060;--text-light:#c4a07a;--sidebar-w:220px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:Nunito,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}h1,h2,h3,h4{font-family:Baloo\ 2,cursive;font-weight:700}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.card{background:var(--card);border:1.5px solid var(--border);border-radius:20px;padding:22px 24px;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:20px 20px 0 0}.card-accent-orange:before{background:var(--strip-orange)}.card-accent-green:before{background:var(--strip-green)}.card-accent-blue:before{background:var(--strip-blue)}.card-accent-pink:before{background:var(--strip-pink)}.card-accent-purple:before{background:var(--strip-purple)}.kpi-card{border-radius:20px;padding:18px 20px 16px;position:relative;overflow:hidden;border:none}.kpi-card-orange{background:linear-gradient(135deg,var(--kpi-orange-from),var(--kpi-orange-to))}.kpi-card-green{background:linear-gradient(135deg,var(--kpi-green-from),var(--kpi-green-to))}.kpi-card-blue{background:linear-gradient(135deg,var(--kpi-blue-from),var(--kpi-blue-to))}.kpi-card-pink{background:linear-gradient(135deg,var(--kpi-pink-from),var(--kpi-pink-to))}.kpi-icon{font-size:26px;margin-bottom:10px;display:block}.kpi-value{font-family:Baloo\ 2,cursive;font-size:34px;font-weight:800;line-height:1;display:block}.kpi-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-top:5px;display:block}.kpi-trend{position:absolute;top:14px;right:14px;font-size:11px;font-weight:800;padding:3px 9px;border-radius:12px;background:hsla(0,0%,100%,.45)}.kpi-deco{position:absolute;right:-10px;bottom:-10px;font-size:52px;opacity:.12;pointer-events:none}.kpi-card-orange .kpi-label,.kpi-card-orange .kpi-trend,.kpi-card-orange .kpi-value{color:#7a3a00}.kpi-card-green .kpi-label,.kpi-card-green .kpi-trend,.kpi-card-green .kpi-value{color:#1a5010}.kpi-card-blue .kpi-label,.kpi-card-blue .kpi-trend,.kpi-card-blue .kpi-value{color:#083080}.kpi-card-pink .kpi-label,.kpi-card-pink .kpi-trend,.kpi-card-pink .kpi-value{color:#800040}.badge{display:inline-flex;align-items:center;font-size:10.5px;font-weight:800;padding:3px 10px;border-radius:12px;white-space:nowrap}.badge-orange{background:var(--orange-pale);color:var(--orange)}.badge-green{background:var(--green-pale);color:var(--green)}.badge-blue{background:var(--blue-pale);color:var(--blue)}.badge-pink{background:var(--pink-pale);color:var(--pink)}.badge-purple{background:var(--purple-pale);color:var(--purple)}.badge-gray{background:#f0ebe4;color:#7a5c3e}.btn{display:inline-flex;align-items:center;gap:7px;font-family:Nunito,sans-serif;font-size:13.5px;font-weight:700;padding:9px 18px;border-radius:12px;border:none;cursor:pointer;transition:filter .15s,transform .1s;text-decoration:none}.btn:hover{filter:brightness(.95);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--orange);color:#fff}.btn-ghost{background:var(--orange-pale);color:var(--orange);border:1.5px solid var(--orange-mid)}.btn-danger{background:#fdeaea;color:#c0392b}input,select,textarea{font-family:Nunito,sans-serif;font-size:14px;border:1.5px solid var(--border);border-radius:10px;padding:9px 13px;background:var(--bg);color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--orange-light);box-shadow:0 0 0 3px #ffd09a44}label{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:5px}.form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}table{width:100%;border-collapse:collapse}thead tr{border-bottom:1.5px solid var(--border)}thead th{font-size:11px;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.07em;padding:10px 14px;text-align:left}tbody tr{border-bottom:1px solid #faf3eb;transition:background .12s}tbody tr:hover{background:#fdf5ed}tbody td{padding:12px 14px;font-size:13.5px}tbody tr:last-child{border-bottom:none}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;position:relative;z-index:2}.page-title{font-size:22px;color:var(--text)}.page-sub{font-size:13px;color:var(--text-muted);margin-top:2px}.page-deco{position:fixed;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0;top:0;left:var(--sidebar-w);right:0;bottom:0;overflow:hidden}.page-deco svg{position:absolute;top:0;left:0;width:100%;height:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .3s ease both}.modal-overlay{position:fixed;inset:0;background:rgba(61,44,30,.25);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;display:flex;align-items:center;justify-content:center}.modal{background:#fff;border-radius:20px;padding:28px 30px;width:100%;max-width:500px;box-shadow:0 20px 60px rgba(61,44,30,.18);animation:fadeIn .2s ease}.modal-title{font-family:Baloo\ 2,cursive;font-size:18px;font-weight:700;margin-bottom:20px;color:var(--text)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-muted)}.empty-state .icon{font-size:48px;margin-bottom:14px}.empty-state p{font-size:15px;font-weight:600}.empty-state span{font-size:13px;margin-top:4px}