*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}img,svg{max-width:100%}.app-shell{background:#f8fafc;width:100%;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.app-header{z-index:40;background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.app-logo{flex-shrink:0;align-items:center;gap:10px;display:flex}.app-nav{scrollbar-width:none;flex:1;gap:2px;margin-left:12px;display:flex;overflow-x:auto}.app-nav::-webkit-scrollbar{display:none}.app-nav-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;padding:6px 14px;font-family:inherit;font-size:13px;transition:all .15s}.app-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.app-currency-select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:5px 8px;font-family:inherit;font-size:12px}.app-user{align-items:center;gap:8px;display:flex}.app-user-text{font-size:12px}.hamburger-btn{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:6px 10px;font-size:16px;display:none}.mobile-nav-overlay{z-index:90;background:#0006;position:fixed;inset:0}.mobile-nav-drawer{z-index:91;background:#fff;width:240px;max-width:80vw;padding:16px;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;box-shadow:2px 0 16px #0000001a}.mobile-nav-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;margin-bottom:2px;padding:10px 12px;font-family:inherit;font-size:14px;display:block}.app-body{max-width:100%;padding:24px;overflow-x:hidden}.page-title{color:#111827;margin:0;font-size:20px;font-weight:700}.page-subtitle{color:#9ca3af;margin-top:2px;font-size:13px}.grid-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:24px;display:grid}.grid-2{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.grid-form-2{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.table-wrap{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #f1f5f9;border-radius:12px;overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:640px;font-size:13px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.toolbar input,.toolbar select{border:1px solid #e5e7eb;border-radius:8px;padding:8px 12px;font-family:inherit;font-size:14px}.toolbar input[type=text],.toolbar input[type=search]{flex:1;min-width:160px}@media (width<=980px){.grid-2{grid-template-columns:1fr}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.app-nav{display:none}.hamburger-btn{justify-content:center;align-items:center;display:inline-flex}.app-body{padding:16px}.app-user-text,.app-currency-select{display:none}.grid-form-2{grid-template-columns:1fr}.grid-3,.grid-4{grid-template-columns:1fr 1fr}}@media (width<=520px){.app-header{gap:8px;padding:0 12px}.app-logo>div:last-child{display:none}.grid-stats{grid-template-columns:repeat(2,1fr);gap:10px}.grid-3,.grid-4{grid-template-columns:1fr 1fr;gap:10px}.page-title{font-size:17px}.app-body{padding:12px}}@media (width<=380px){.grid-stats,.grid-3,.grid-4{grid-template-columns:1fr}}