:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:#f8fafc;min-height:100vh}*{box-sizing:border-box}button,input{font:inherit}body{color:#17212b;background:#f4f6f8;margin:0;font-family:Arial,Helvetica,sans-serif}button{cursor:pointer}.login-page{background:#101820;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#fff;border-radius:16px;width:100%;max-width:420px;padding:40px;box-shadow:0 20px 50px #00000040}.brand-mark{color:#fff;background:#17212b;border-radius:12px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:18px;font-size:28px;font-weight:800;display:flex}.brand-mark.small{width:42px;height:42px;margin:0;font-size:21px}.login-card h1{margin:0;font-size:28px}.login-subtitle{color:#687582;margin:6px 0 30px}.login-card form{flex-direction:column;gap:18px;display:flex}.login-card label{flex-direction:column;gap:7px;font-size:14px;font-weight:600;display:flex}.login-card input{border:1px solid #d5dce2;border-radius:8px;outline:none;padding:12px 13px}.login-card input:focus{border-color:#17212b}.primary-button{color:#fff;background:#17212b;border:0;border-radius:8px;padding:13px;font-weight:700}.primary-button:disabled{opacity:.6;cursor:wait}.currency-note{text-align:center;color:#7a8792;margin-top:22px;font-size:13px}.app-shell{min-height:100vh;display:flex}.sidebar{color:#fff;background:#101820;flex-direction:column;width:250px;min-height:100vh;padding:24px 16px;display:flex}.sidebar-brand{align-items:center;gap:12px;padding:0 8px 28px;display:flex}.sidebar-brand strong{font-size:17px;display:block}.sidebar-brand span{color:#9da9b3;margin-top:3px;font-size:12px;display:block}.sidebar nav{flex-direction:column;gap:5px;display:flex}.nav-item{color:#c7d0d7;text-align:left;background:0 0;border:0;border-radius:8px;width:100%;padding:12px 13px;font-size:14px}.nav-item:hover{color:#fff;background:#1b2731}.nav-item.active{color:#fff;background:#263641;font-weight:700}.sidebar-bottom{margin-top:auto}.user-box{border-top:1px solid #293640;padding:18px 8px 14px}.user-box strong,.user-box span{display:block}.user-box strong{font-size:14px}.user-box span{color:#9da9b3;margin-top:4px;font-size:12px}.logout-button{color:#c7d0d7;background:0 0;border:1px solid #394650;border-radius:8px;width:100%;padding:10px}.logout-button:hover{color:#fff;background:#1b2731}.main-content{flex:1;min-width:0;padding:36px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.page-heading h2{margin:0;font-size:28px}.page-heading p{color:#71808c;margin:7px 0 0}.currency-badge{background:#fff;border:1px solid #d6dde2;border-radius:20px;padding:8px 14px;font-size:13px;font-weight:700}.stats-grid{grid-template-columns:repeat(5,minmax(140px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:#fff;border:1px solid #e0e5e9;border-radius:12px;padding:22px}.stat-card span{color:#74818c;font-size:13px;display:block}.stat-card strong{margin-top:10px;font-size:30px;display:block}.panel{background:#fff;border:1px solid #e0e5e9;border-radius:12px;padding:24px}.panel h3{margin:0 0 8px}.panel p{color:#687582;margin:0}.error-box{color:#a52b2b;background:#fff0f0;border:1px solid #f0caca;border-radius:8px;margin-bottom:18px;padding:12px 14px;font-size:14px}.loading-page{color:#fff;background:#101820;justify-content:center;align-items:center;min-height:100vh;font-size:18px;display:flex}@media (width<=900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.app-shell{display:block}.sidebar{width:100%;min-height:auto}.sidebar nav{grid-template-columns:repeat(2,1fr);display:grid}.sidebar-bottom{margin-top:20px}.main-content{padding:22px}.page-heading{align-items:flex-start}.stats-grid{grid-template-columns:1fr}}.page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.page-header h2{margin:0 0 6px}.page-header p{color:#64748b;margin:0}.panel-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.panel-header h3{margin:0}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:16px;display:grid}.form-grid label{color:#334155;flex-direction:column;gap:7px;font-size:14px;font-weight:600;display:flex}.form-grid input{box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:11px 12px;font-size:14px}.form-grid input:focus{border-color:#2563eb;outline:none}.form-actions{align-items:center;gap:10px;display:flex}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:8px;padding:10px 15px;font-size:14px;font-weight:600}.primary-button{color:#fff;background:#2563eb}.secondary-button{color:#334155;background:#e2e8f0}.primary-button:disabled,.secondary-button:disabled{opacity:.6;cursor:not-allowed}.error-message{color:#991b1b;background:#fee2e2;border-radius:8px;margin-bottom:16px;padding:10px 12px}.table-wrapper{width:100%;overflow-x:auto}.table-wrapper table{border-collapse:collapse;width:100%}.table-wrapper th,.table-wrapper td{text-align:left;border-bottom:1px solid #e2e8f0;padding:12px}.table-wrapper th{color:#64748b;font-size:13px;font-weight:700}@media (width<=800px){.form-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}}