*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:#0a0f1e;color:#f1f5f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;-webkit-text-size-adjust:100%}input,textarea,select,button{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:#64748b;border-radius:6px;border:2px solid #0f172a}::-webkit-scrollbar-thumb:hover{background:#94a3b8}::-webkit-scrollbar-corner{background:#0f172a}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}button{-webkit-tap-highlight-color:transparent;cursor:pointer}button:active{opacity:.85}@media (max-width:767px){.layout{display:block}.sidebar{padding:16px 16px 0}.main{padding:16px 16px 64px}.broker-grid{display:grid;grid-template-columns:1fr;gap:12px}.modal-overlay{padding:12px}.modal-box{width:100%!important;max-width:100%!important;max-height:92vh;overflow-y:auto}}@media (min-width:768px) and (max-width:1023px){.layout{display:grid!important;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{border-right:1px solid #1e293b;padding:20px 16px;position:sticky;top:0;height:100vh;overflow-y:auto}.main{padding:20px 24px 48px;overflow-y:auto}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.two-col{grid-template-columns:1fr 1fr!important}.modal-box{max-width:600px!important;width:90vw!important}.broker-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}}@media (min-width:1024px){.layout{display:grid!important;grid-template-columns:300px 1fr;min-height:100vh}.sidebar{border-right:1px solid #1e293b;padding:28px 20px;position:sticky;top:0;height:100vh;overflow-y:auto}.main{padding:28px 40px 48px;max-width:none;overflow-y:auto;height:100vh}.stats-grid{grid-template-columns:repeat(4,1fr)!important}.two-col{grid-template-columns:1fr 1fr!important}.broker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.modal-overlay{display:flex;align-items:center;justify-content:center;padding:24px}.modal-box{width:680px!important;max-width:90vw!important;max-height:90vh;overflow-y:auto}.modal-box.wide{width:820px!important;max-width:92vw!important}.invoice-actions{display:flex;flex-wrap:nowrap!important;gap:10px}.chips{flex-wrap:nowrap}}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.chips::-webkit-scrollbar{height:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .18s ease}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite;display:inline-block}.mobile-only{display:block}.desktop-only{display:none}@media (min-width:1024px){.mobile-only{display:none!important}.desktop-only{display:block!important}}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(0);background:#16a34a;color:#fff;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:700;z-index:9999;box-shadow:0 8px 32px #0006;animation:toastIn .25s ease,toastOut .3s ease 2s forwards;white-space:nowrap;pointer-events:none}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(20px)}}