:root{--bg-app:#0b0f19;--bg-card:#141a2ab3;--bg-card-hover:#1c243ad9;--border-color:#ffffff14;--border-color-active:#fff3;--text-main:#f3f4f6;--text-muted:#9ca3af;--text-inverse:#0b0f19;--color-success:#10b981;--color-success-hover:#059669;--color-danger:#f43f5e;--color-danger-hover:#e11d48;--color-focus:#38bdf8;--color-nadia:#ec4899;--color-nadia-bg:#ec489926;--color-nadia-border:#ec48994d;--color-ainina:#0d9488;--color-ainina-bg:#0d948826;--color-ainina-border:#0d94884d;--color-afrina:#f59e0b;--color-afrina-bg:#f59e0b26;--color-afrina-border:#f59e0b4d;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--border-radius-sm:8px;--border-radius-md:16px;--border-radius-lg:24px;--shadow-premium:0 8px 32px 0 #0000005e;--blur-glass:blur(12px)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}input,select,textarea,button{color:inherit;background:0 0;border:none;outline:none;font-family:inherit;font-size:1rem}button,input,select{min-height:48px}.app-container{width:100%;max-width:600px;margin:0 auto;padding:16px 16px 90px}@media (min-width:768px){.app-container{max-width:900px;padding:24px 24px 40px}}h1{letter-spacing:-.025em;margin-bottom:8px;font-size:1.8rem;font-weight:700}h2{margin-bottom:16px;font-size:1.4rem;font-weight:600}p{color:var(--text-muted);line-height:1.5}.nav-header{background:var(--bg-card);-webkit-backdrop-filter:var(--blur-glass);border-bottom:1px solid var(--border-color);z-index:100;padding:16px;position:sticky;top:0}.nav-content{justify-content:space-between;align-items:center;max-width:900px;margin:0 auto;display:flex}.nav-title{background:linear-gradient(135deg,#ec4899,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:700}.logout-btn{color:var(--color-danger);border-radius:var(--border-radius-sm);cursor:pointer;background:#f43f5e1a;border:1px solid #f43f5e33;min-height:auto;padding:6px 12px;font-size:.85rem;font-weight:600;transition:all .2s}.logout-btn:hover{background:var(--color-danger);color:var(--text-main)}.bottom-nav{background:var(--bg-card);-webkit-backdrop-filter:var(--blur-glass);border-top:1px solid var(--border-color);z-index:100;justify-content:space-around;padding:8px 0;display:flex;position:fixed;bottom:0;left:0;right:0}@media (min-width:768px){.bottom-nav{border-top:none;border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;justify-content:flex-start;gap:16px;margin-bottom:24px;padding:0;position:relative}}.nav-item{color:var(--text-muted);cursor:pointer;border-radius:var(--border-radius-sm);flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px;font-size:.75rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}@media (min-width:768px){.nav-item{border-bottom:3px solid #0000;border-radius:0;flex-direction:row;flex:none;gap:8px;padding:12px 20px;font-size:1rem}}.nav-item.active{color:var(--text-main);background:#ffffff0d}@media (min-width:768px){.nav-item.active{border-bottom-color:var(--color-focus);background:0 0}}.nav-icon{font-size:1.25rem}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-premium);margin-bottom:20px;padding:20px;transition:transform .2s,background-color .2s}.segmented-control{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background:#0003;margin-bottom:12px;padding:4px;display:flex}.segmented-btn{text-align:center;cursor:pointer;color:var(--text-muted);border-radius:6px;flex:1;padding:10px;font-size:.95rem;font-weight:600;transition:all .2s}.segmented-btn.active-nadia{background:var(--color-nadia);color:var(--text-inverse)}.segmented-btn.active-ainina{background:var(--color-ainina);color:var(--text-main)}.segmented-btn.active-afrina{background:var(--color-afrina);color:var(--text-inverse)}.preset-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px;display:grid}.preset-btn{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-main);cursor:pointer;background:#ffffff0d;justify-content:center;align-items:center;font-size:.9rem;font-weight:600;transition:all .1s;display:flex}.preset-btn:active{background:#ffffff26;transform:scale(.95)}.stepper{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background:#0003;align-items:center;max-width:130px;display:flex;overflow:hidden}.stepper-btn{cursor:pointer;background:#ffffff08;justify-content:center;align-items:center;width:40px;font-size:1.2rem;font-weight:700;display:flex}.stepper-btn:hover{background:#ffffff1a}.stepper-value{text-align:center;flex:1;font-size:1.1rem;font-weight:700}.form-group{margin-bottom:16px}.form-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.form-input{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);width:100%;color:var(--text-main);background:#0003;padding:12px;font-size:1.1rem;transition:border-color .2s}.form-input:focus{border-color:var(--color-focus)}.btn-primary{background:linear-gradient(135deg, var(--color-success) 0%, var(--color-success-hover) 100%);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:8px;width:100%;font-size:1.1rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #10b9814d}.btn-primary:active{transform:scale(.98)}.btn-secondary{border:1px solid var(--border-color);width:100%;color:var(--text-main);border-radius:var(--border-radius-sm);cursor:pointer;background:#ffffff14;justify-content:center;align-items:center;gap:8px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.btn-secondary:hover{background:#ffffff1f}.table-container{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background:#00000026;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:.95rem}th,td{border-bottom:1px solid var(--border-color);padding:14px 16px}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background-color:#ffffff08;font-size:.85rem;font-weight:600}tr:last-child td{border-bottom:none}.badge{text-transform:uppercase;letter-spacing:.02em;border-radius:4px;align-items:center;padding:4px 8px;font-size:.8rem;font-weight:700;display:inline-flex}.badge-nadia{background:var(--color-nadia-bg);border:1px solid var(--color-nadia-border);color:var(--color-nadia)}.badge-ainina{background:var(--color-ainina-bg);border:1px solid var(--color-ainina-border);color:var(--color-ainina)}.badge-afrina{background:var(--color-afrina-bg);border:1px solid var(--color-afrina-border);color:var(--color-afrina)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--border-color-active);border-radius:var(--border-radius-md);width:100%;max-width:500px;box-shadow:var(--shadow-premium);background:#0f1626;max-height:90vh;padding:24px;overflow-y:auto}.report-grid{grid-template-columns:1fr;gap:16px;margin-bottom:24px;display:grid}@media (min-width:500px){.report-grid{grid-template-columns:repeat(3,1fr)}}.seller-report-card{border-radius:var(--border-radius-md);text-align:center;box-shadow:var(--shadow-premium);border:1px solid #0000;padding:20px;position:relative;overflow:hidden}.seller-report-card.nadia{background:linear-gradient(135deg,#ec489926 0%,#ec489908 100%);border-color:#ec489933}.seller-report-card.ainina{background:linear-gradient(135deg,#0d948826 0%,#0d948808 100%);border-color:#0d948833}.seller-report-card.afrina{background:linear-gradient(135deg,#f59e0b26 0%,#f59e0b08 100%);border-color:#f59e0b33}.seller-card-name{text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:1rem;font-weight:700}.seller-card-name.nadia{color:var(--color-nadia)}.seller-card-name.ainina{color:var(--color-ainina)}.seller-card-name.afrina{color:var(--color-afrina)}.seller-card-value{letter-spacing:-.025em;font-size:1.8rem;font-weight:800}.summary-stats-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin-bottom:24px;padding:20px}.summary-stats-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.8rem;font-weight:600}.stat-value{color:var(--text-main);font-size:1.4rem;font-weight:700}