@import"https://fonts.googleapis.com/css2?family=Poppins:wght@600;700;800&display=swap";:root{--muted: #64748b;--primary: #3b82f6;--success: #22c55e;--danger: #ef4444;--card: #ffffff;--text: #0f172a;--border: rgba(15, 23, 42, .08)}html,body{margin:0;padding:0;background:#f8fafc;color:var(--text);font-family:Poppins,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji"}*,*:before,*:after{box-sizing:border-box}.topbar{padding:12px 24px;border-radius:0;margin-bottom:16px}.topbar .select,.topbar .input{background:#ffffff0f;color:#e5e7eb;border-color:#ffffff1f;font-size:16px;min-height:48px;font-weight:600}.topbar .icon-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0f;color:#e5e7eb;border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:0;cursor:pointer}.topbar .icon-btn:hover{background:#ffffff1a}.topbar .icon-btn:active{background:#ffffff24}.topbar .icon-btn:focus-visible{outline:2px solid rgba(59,130,246,.45);outline-offset:2px}.container{max-width:1200px;margin:0 auto;padding:32px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji"}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.filters-grid{grid-template-columns:3fr 8fr 1fr;column-gap:16px}.filters-date{min-width:200px}.filters-main{min-width:260px}.filters-refresh{display:flex;justify-content:flex-end}@media (max-width: 900px){.container{padding:16px}.grid{gap:16px}.filters-grid{grid-template-columns:1.4fr 1.6fr .6fr;column-gap:12px}.filters-date,.filters-main{min-width:0}}@media (max-width: 620px){.grid{grid-template-columns:repeat(12,1fr);gap:16px}.topbar{display:grid!important;grid-template-columns:1fr;row-gap:12px}.topbar-left{order:1;justify-content:flex-start}.topbar-right{order:2;justify-content:flex-start}.filters-grid{grid-template-columns:1fr 1fr;column-gap:12px;row-gap:12px}.filters-date{grid-column:1 / span 1;grid-row:1}.filters-refresh{grid-column:2 / span 1;grid-row:1}.filters-main{grid-column:1 / span 2;grid-row:2}.filters-refresh .btn{width:auto!important;min-width:44px}}.card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px}.metric{font-size:28px;font-weight:700}.muted{color:var(--muted)}.row{display:flex;align-items:center;gap:16px}.space{height:16px}.space-lg{height:24px}.select,.btn,.input{background:#fff;color:var(--text);border:1px solid rgba(15,23,42,.15);border-radius:10px;padding:12px 14px;min-height:44px;font-size:16px;font-weight:600}.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.input::placeholder{color:#94a3b8}.pill{background:#fff;color:var(--text);border:1px solid rgba(15,23,42,.15);padding:6px 10px;border-radius:9999px;cursor:pointer}.pill.active{background:#f1f5f9;border-color:#0f172a33}.metric-card{background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:0 8px 24px #0206170f}.metric-title{font-size:14px;color:#64748b;margin-bottom:6px}.metric-value{font-size:32px;font-weight:800;color:var(--text)}.metric-currency{font-size:12px;color:#64748b;margin-left:6px}.metric-delta{font-size:16px;margin-top:6px}.metric-delta.positive{color:var(--success)}.metric-delta.negative{color:var(--danger)}.dropdown{position:absolute;top:calc(100% + 6px);left:0;background:#fff;color:var(--text);border:1px solid rgba(15,23,42,.15);border-radius:10px;padding:8px;z-index:20;overflow:hidden}.dropdown-header{padding-bottom:8px;border-bottom:1px solid rgba(15,23,42,.12);margin-bottom:6px}.dropdown-list{max-height:260px;overflow:auto}.dropdown-item{padding:12px 10px;border-radius:8px;cursor:pointer;font-size:15px}.dropdown-item:hover,.dropdown-item.active{background:#f1f5f9}.dropdown-empty{padding:8px 10px;color:var(--muted)}.dropdown .input{color:#0f172a}.dropdown .input::placeholder{color:#0f172a;opacity:.8}.dropdown .input:focus{outline:none;box-shadow:0 0 0 2px #3b82f64d;border-color:#0f172a40}.tooltip{position:absolute;top:-34px;left:50%;transform:translate(-50%);background:#0f172a;color:#e5e7eb;border:1px solid rgba(15,23,42,.5);border-radius:6px;padding:6px 8px;font-size:12px;white-space:nowrap;box-shadow:0 2px 8px #0003}.panel{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px}.chart-container{height:320px}@media (max-width: 900px){.chart-container{height:280px}}@media (max-width: 620px){.chart-container{height:240px}}@media (max-height: 700px){.container{padding-top:12px;padding-bottom:12px}.topbar{margin-bottom:8px}.grid{gap:12px}.filters-grid{row-gap:8px}.space-lg{height:8px}.panel,.metric-card{padding:12px}.chart-container{height:220px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal{background:#fff;color:var(--text);border:1px solid var(--border);border-radius:12px;padding:16px;width:100%;max-width:420px;box-shadow:0 10px 30px #02061740}.calendar{display:grid;gap:8px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar-head{margin-bottom:-6px}.calendar-cell{text-align:center;padding:10px 0;border-radius:8px;border:1px solid rgba(15,23,42,.12);background:#fff}.calendar-day{cursor:pointer}.calendar-day.outside{color:#94a3b8;background:#f8fafc}.calendar-day.in-range{background:#e0ecff;border-color:#bfdbfe}.calendar-day.selected{background:#3b82f6;color:#fff;border-color:#3b82f6}.spinner{width:36px;height:36px;border-radius:50%;border:4px solid rgba(15,23,42,.15);border-top-color:#3b82f6;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{position:relative}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff9;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;align-items:center;justify-content:center;z-index:60}.fullscreen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:1000}.btn-sauce{font-family:Poppins,sans-serif;font-style:normal;font-weight:700;font-size:18px;line-height:1;color:#fff;background:linear-gradient(90deg,#ff2d38,#ff6a3d);box-shadow:0 8px 16px #ff2d3852;border-radius:30px;padding:19px 26px;border:none;outline:none;cursor:pointer;overflow:hidden;text-decoration:none;width:100%;display:inline-flex;align-items:center;justify-content:center;transition:box-shadow .15s ease,transform .06s ease}.btn-sauce:hover{background:#ff2d38;box-shadow:none}.btn-sauce:active{transform:scale(.995)}.btn-sauce:disabled{filter:saturate(.6) opacity(.8);cursor:default}.btn-google{font-family:Poppins,sans-serif;font-style:normal;font-weight:700;font-size:18px;line-height:1;color:#fff;background:linear-gradient(90deg,#3b82f6,#60a5fa);box-shadow:0 8px 16px #3b82f652;border-radius:30px;padding:16px 24px;border:none;outline:none;cursor:pointer;overflow:hidden;text-decoration:none;width:100%;display:inline-flex;align-items:center;justify-content:center;transition:box-shadow .15s ease,transform .06s ease}.btn-google:hover{background:#2563eb;box-shadow:none}.btn-google:active{transform:scale(.995)}.btn-google:disabled{filter:saturate(.6) opacity(.8);cursor:default}.auth-container{min-height:100vh;display:grid;grid-template-columns:1fr;align-items:center;justify-items:center;background:#fff}.auth-card{width:460px;max-width:92%;padding:24px 8px}.auth-logo{height:40px;display:block}.auth-title{font-family:Poppins,sans-serif;font-weight:800;font-size:36px;line-height:1.1;margin:0 0 8px;color:#1f2937}.auth-label{font-family:Poppins,sans-serif;font-weight:600;font-size:14px;color:#374151;margin-bottom:6px}.auth-input{width:100%;background:#eef4ff;border:1px solid #d6e1ff;border-radius:12px;padding:16px 14px;min-height:52px;font-size:16px;font-weight:600;color:#0f172a}.auth-input::placeholder{color:#94a3b8}.auth-input:focus{outline:none;box-shadow:0 0 0 3px #3b82f647;border-color:#bfdbfe}.auth-divider{display:flex;align-items:center;gap:8px;margin:16px 0}.auth-divider>.line{flex:1;height:1px;background:#e5e7eb}.auth-divider>.or{font-size:12px;color:#6b7280}