:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#14203a;background:#f6f7fb}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0}a{text-decoration:none;color:inherit}.hidden{display:none!important}.app{display:flex;min-height:100vh}.sidebar{width:245px;background:linear-gradient(160deg,#111b35,#182440);color:white;display:flex;flex-direction:column;padding:24px 14px;position:sticky;top:0;height:100vh}.logo{text-align:center;display:flex;align-items:center;flex-direction:column;gap:5px;margin-bottom:48px}.brand-icon{font-size:42px}.logo strong{font-size:23px}.logo span{color:#b7c2dc}.sidebar nav{display:grid;gap:9px}.nav{display:flex;align-items:center;gap:15px;text-align:left;background:transparent;color:#e7ebf8;padding:15px 19px;border-radius:11px;font-size:19px}.nav span{font-size:15px;font-weight:650}.nav.active,.nav:hover{background:#6b43d8}.sidebar-bottom{margin-top:auto;border:1px solid #394765;border-radius:12px;padding:14px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.logout{background:transparent;color:#c8b9ff}.main{flex:1;min-width:0;padding:30px;max-width:1600px;margin:auto}header,.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px}header{margin-bottom:30px}h1,h2,p{margin-top:0}h1{font-size:30px;margin-bottom:5px}h2{font-size:20px;margin-bottom:15px}header p,.section-head p,.muted{color:#69758d}header p{margin-bottom:0}.header-actions{display:flex;gap:12px}.primary,.outline{border-radius:10px;padding:12px 18px;font-weight:700;display:inline-block}.primary{background:#6b43d8;color:white}.primary:hover{background:#5733bc}.outline{border:1px solid #d7ddeb;background:white;color:#1b2944}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.stat,.panel{background:white;border:1px solid #e4e8f2;border-radius:14px;box-shadow:0 4px 14px #23335609}.stat{padding:23px;display:flex;flex-direction:column;gap:10px}.stat span{font-weight:600;color:#55627b}.stat strong{font-size:26px}.panel{padding:22px;margin-bottom:22px}.dash-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick button{background:#f1edff;border-radius:12px;min-height:116px;font-size:30px;color:#643cd3}.quick button:nth-child(2){background:#e4f8ee;color:#059c63}.quick button:nth-child(3){background:#fff3e3;color:#ce8800}.quick button:nth-child(4){background:#e7f3ff;color:#2184e9}.quick span{display:block;color:#15203a;font-size:13px;font-weight:700;margin-top:10px}.hero{border-radius:14px;padding:28px;background:linear-gradient(115deg,#f1d8c9,#fff3e6);min-height:190px}.hero h2{font-size:26px}.hero p{max-width:280px;line-height:1.6}.link{background:none;color:#6b43d8;font-weight:700}.toolbar{display:flex;gap:12px;margin:18px 0}.toolbar input,.toolbar select,input,select{border:1px solid #d8dfeb;border-radius:9px;padding:12px;background:white;min-width:0}.toolbar input{flex:1}.toolbar select{min-width:210px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{color:#68758d;background:#f8f9fd;font-size:13px}td,th{padding:15px 12px;border-bottom:1px solid #edf0f5}td{font-size:14px}.actions{display:flex;gap:7px}.small-btn{padding:7px 11px;border-radius:7px;background:#f0edfb;color:#5633bc}.small-btn.danger{background:#fff0f0;color:#c82b43}.category-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef0f5;padding:15px 5px}.category-row:last-child{border-bottom:0}.category-row strong{display:block}.category-row small{color:#758099}.notice{padding:13px 17px;border-radius:9px;background:#e7f7ed;color:#14643c;margin-bottom:18px}.notice.error{background:#fff0f0;color:#a52d40}.login-screen{min-height:100vh;display:grid;place-items:center;background:linear-gradient(130deg,#111b35,#45318c)}.login-card{width:min(410px,calc(100% - 36px));padding:40px;background:white;border-radius:20px;text-align:center;box-shadow:0 15px 70px #0003}.login-card p{color:#6c7690}.login-card label{display:grid;gap:8px;text-align:left;margin:25px 0 16px;font-weight:600}.login-card .primary{width:100%}.error{color:#c32c48!important}.inline-button{margin:15px 0}dialog{border:0;border-radius:16px;padding:24px;width:min(480px,calc(100% - 28px));box-shadow:0 25px 100px #1118}dialog::backdrop{background:#111b3588}.modal-head,.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.icon-button{background:#f1f3f8;border-radius:8px;padding:8px}.field{display:grid;gap:7px;margin:15px 0}.field label{font-size:13px;font-weight:700}.field input,.field select{width:100%}.modal-actions{justify-content:flex-end;margin-top:25px}@media(max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}.quick{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.app{display:block}.sidebar{width:100%;height:auto;position:static;padding:10px}.logo{margin:0 0 10px}.logo .brand-icon{display:none}.logo strong{font-size:17px}.logo span,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:5px}.nav{padding:9px 12px;white-space:nowrap}.nav span{font-size:12px}.main{padding:16px}header{align-items:flex-start;flex-direction:column}h1{font-size:25px}.header-actions{width:100%}.header-actions>*{flex:1;text-align:center;font-size:12px;padding:11px 8px}.stats{gap:9px}.stat{padding:14px}.stat span{font-size:12px}.stat strong{font-size:20px}.toolbar{flex-direction:column}.toolbar select{min-width:0}.section-head{align-items:flex-start}.section-head h2{font-size:18px}}