:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#111827;background:#f8fafc;color-scheme:light;--color-navy: #0F172A;--color-emerald: #10B981;--color-emerald-light: #D1F0E5;--color-emerald-lighter: #F0FDF4;--color-soft-blue: #3B82F6;--color-soft-blue-light: #DBEAFE;--color-soft-blue-lighter: #EFF6FF;--color-slate: #F8FAFC;--color-rose: #F43F5E;--color-rose-light: #FFE4E8;--color-rose-lighter: #FFF1F3;--bg-primary: #FFFFFF;--bg-secondary: #F8FAFC;--bg-tertiary: #F1F5F9;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--border-color: #E2E8F0;--border-light: #F1F5F9;--duration-fastest: .1s;--duration-fast: .2s;--duration-normal: .3s;--duration-slow: .5s}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--text-primary: #F1F5F9;--text-secondary: #CBD5E1;--text-muted: #64748B;--bg-primary: #0F172A;--bg-secondary: #1E293B;--bg-tertiary: #334155;--border-color: #475569;--border-light: #1E293B;color:var(--text-primary);background:var(--bg-primary)}}*{box-sizing:border-box}body{margin:0}.page{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.card{width:100%;max-width:420px;background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e5e7eb}h1{margin-top:0;margin-bottom:.25rem}h2{margin-top:0;margin-bottom:1rem}.muted{color:#6b7280;margin-top:0}form{display:grid;gap:.75rem}label{font-weight:600;font-size:.9rem;margin-top:.5rem}input,select{border:1px solid #d1d5db;border-radius:8px;min-height:40px;padding:.5rem .65rem;font-size:1rem}button{margin-top:.5rem;min-height:40px;border:none;border-radius:8px;background:var(--color-navy);color:#fff;font-weight:600;cursor:pointer;transition:all .2s}button:hover:not(:disabled){background:#1a2540;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a26}button:disabled{opacity:.65;cursor:not-allowed}.message{margin-top:1rem;font-size:.95rem;padding:.75rem;border-radius:8px;background:#f3f4f6}.app-layout{min-height:100vh;display:flex;background:var(--bg-primary)}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:60px;background:linear-gradient(135deg,var(--color-navy) 0%,#1a2f4f 100%);border-bottom:2px solid var(--color-soft-blue);padding:0 1rem;align-items:center;justify-content:space-between;z-index:100;box-shadow:0 2px 8px #0f172a1a}.mobile-header h1{font-size:1.125rem;margin:0;color:#fff;font-weight:600}.mobile-user-badge{min-width:32px;height:32px;background:var(--color-emerald);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;color:#fff;font-weight:600}.hamburger-btn{min-width:44px;min-height:44px;background:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .2s}.hamburger-btn:hover{background:#ffffff1a}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:90}.sidebar{width:260px;background:linear-gradient(180deg,var(--color-navy) 0%,#1a2f4f 100%);border-right:2px solid var(--color-soft-blue);display:flex;flex-direction:column;overflow-y:auto;box-shadow:2px 0 8px #0f172a1a;position:sticky;top:0;height:100vh}.sidebar-header{padding:1.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-title{font-size:1.25rem;margin:0;color:#fff;font-weight:700;letter-spacing:-.02em}.sidebar-header-component{margin-top:1rem}.sidebar-nav{flex:1;padding:1rem 0;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto}.sidebar-nav-item{position:relative;width:100%;background:transparent;border:none;color:#fffc;padding:.75rem 1rem .75rem 3rem;cursor:pointer;font-size:.9375rem;font-weight:500;display:flex;align-items:center;gap:.75rem;text-align:left;transition:all .2s}.sidebar-nav-item svg{width:20px;height:20px;position:absolute;left:1rem;flex-shrink:0}.sidebar-nav-item:hover{background:#ffffff0d;color:#fff}.sidebar-nav-item.active{color:#fff;background:var(--color-soft-blue);font-weight:600}.sidebar-nav-indicator{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-emerald);border-radius:0 2px 2px 0}.sidebar-footer{padding:1rem;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:.75rem}.sidebar-user{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:6px;background:#ffffff0d}.sidebar-user-avatar{min-width:36px;height:36px;background:var(--color-emerald);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff;font-weight:600;flex-shrink:0}.sidebar-user-info{flex:1;display:flex;flex-direction:column;gap:.15rem;overflow:hidden}.sidebar-user-name{font-size:.875rem;color:#ffffffe6;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;line-height:1.2}.sidebar-user-role{font-size:.75rem;color:#fff9;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;line-height:1.2;text-transform:capitalize}.sidebar-signout{width:100%;min-height:44px;background:var(--color-rose);border:none;color:#fff;padding:.625rem 1rem;border-radius:6px;cursor:pointer;font-size:.9375rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.sidebar-signout:hover{background:#e63a47;transform:translateY(-1px);box-shadow:0 4px 12px #f43f5e4d}.sidebar-signout svg{width:18px;height:18px}.sidebar-stats{padding:0 1rem 1rem;margin-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.header-wallet-summary,.admin-earnings{display:flex;flex-direction:column;gap:.5rem;width:100%}.header-kpi,.earnings-kpi{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:linear-gradient(135deg,#ffffff14,#ffffff0a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.header-kpi:hover,.earnings-kpi:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border-color:#ffffff40;transform:translate(2px)}.header-kpi-icon,.earnings-kpi-icon{min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:6px;color:var(--color-emerald);flex-shrink:0}.header-kpi-content,.earnings-kpi-content{flex:1;display:flex;flex-direction:column;gap:.15rem;min-width:0}.header-kpi-content span,.earnings-kpi-content span{font-size:.7rem;color:#ffffffa6;text-transform:uppercase;letter-spacing:.5px;font-weight:500;line-height:1}.header-kpi-content strong,.earnings-kpi-content strong{font-size:1rem;color:#fff;font-weight:700;line-height:1.2;letter-spacing:-.02em}.header-kpi-content strong.positive{color:var(--color-emerald)}.header-kpi-content strong.negative{color:var(--color-rose)}.earnings-kpi-content strong.success{color:var(--color-emerald)}.app-content{flex:1;padding:2rem 1.5rem;max-width:1400px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;overflow-x:hidden}.app-content .card{max-width:100%}.wallet{width:100%}.wallet-tabs{display:flex;gap:.5rem;margin-bottom:1rem;background:#fff;border-radius:12px 12px 0 0;border:1px solid #e5e7eb;border-bottom:none;padding:.5rem .5rem 0}.wallet-tabs button{flex:1;background:transparent;color:#64748b;border:none;border-bottom:3px solid transparent;border-radius:8px 8px 0 0;padding:.75rem;margin:0;font-size:.9rem;font-weight:600;transition:all .2s}.wallet-tabs button.active{color:var(--color-soft-blue);background:#fff;border-bottom-color:var(--color-soft-blue)}.wallet-content{border-radius:0 0 12px 12px;margin-top:0}.overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-card{padding:1rem;background:#f9fafb;border-radius:8px}.stat-card h3{font-size:.85rem;color:#6b7280;margin:0 0 .5rem;font-weight:500}.stat-value{font-size:1.5rem;font-weight:700;margin:0;color:#111827}.stat-value.success{color:#059669}.stat-value.warning{color:#dc2626}.recovery h3{margin-top:0;margin-bottom:1.5rem}.progress-bar{width:100%;height:32px;background:#f3f4f6;border-radius:16px;overflow:hidden;margin-bottom:.75rem}.progress-fill{height:100%;background:linear-gradient(90deg,#059669,#10b981);transition:width .5s ease}.progress-text{text-align:center;color:#6b7280;font-size:.9rem;margin:0}.success-message{margin-top:1rem;padding:.75rem;background:#d1fae5;color:#065f46;border-radius:8px;text-align:center;font-weight:600}.ledger h3{margin-top:0;margin-bottom:1rem}.ledger-table{width:100%;border-collapse:collapse}.ledger-table th{text-align:left;padding:.75rem;background:#f9fafb;border-bottom:2px solid #e5e7eb;font-weight:600;font-size:.85rem;color:#6b7280}.ledger-table td{padding:.75rem;border-bottom:1px solid #f3f4f6;font-size:.9rem}.txn-type{text-transform:capitalize}.positive{color:#059669;font-weight:600}.negative{color:#dc2626;font-weight:600}.recent-activity h2{margin-top:0;margin-bottom:1rem}.activity-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.activity-item{display:flex;gap:1rem;padding:1rem;background:#f9fafb;border-radius:8px;align-items:flex-start}.activity-icon{font-size:1.5rem;flex-shrink:0}.activity-details{flex:1}.activity-title{font-weight:600;margin:0 0 .25rem}.activity-meta{font-size:.85rem;color:#6b7280;margin:0 0 .25rem}.activity-fee-row{display:flex;align-items:center;gap:.4rem;margin:.2rem 0;font-size:.85rem}.activity-fee-label{color:#6b7280;font-weight:600}.activity-date{font-size:.8rem;color:#9ca3af;margin:0}.activity-split{flex-shrink:0;text-align:right}.investor-share{font-size:.9rem;font-weight:600;color:#059669}.roi-metrics h2{margin-top:0;margin-bottom:1rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.metric{padding:1rem;background:#f9fafb;border-radius:8px;text-align:center}.metric h3{font-size:.85rem;color:#6b7280;margin:0 0 .5rem;font-weight:500}.metric-value{font-size:2rem;font-weight:700;margin:0;color:#111827}.metric-subtitle{font-size:.8rem;color:#6b7280;margin:.25rem 0 0}.batch-overview h2{margin-top:0;margin-bottom:1.5rem}.batch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.batch-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.batch-header{display:flex;justify-content:space-between;align-items:flex-start}.batch-header h3{margin:0;font-size:1.1rem}.batch-status{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.batch-status.active{background:#d1fae5;color:#065f46}.batch-status.closed{background:#e5e7eb;color:#6b7280}.batch-metrics{display:flex;flex-direction:column;gap:.5rem}.metric-row{display:flex;justify-content:space-between;font-size:.9rem}.metric-row.aging-alert{color:#dc2626;font-weight:600}.batch-progress{margin-top:.5rem}.buyout-button{background:#f59e0b;color:#fff;font-weight:600;margin-top:.5rem}.buyout-button:hover{background:#d97706}.inventory-list h2{margin-top:0;margin-bottom:1rem}.inventory-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.inventory-header h2{margin:0}.aging-check-btn{background:#6366f1;min-height:36px;padding:0 1rem;font-size:.9rem}.batch-selector{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.inventory-table-wrapper{overflow-x:auto}.inventory-table{width:100%;border-collapse:collapse;font-size:.9rem}.inventory-table th{text-align:left;padding:.75rem;background:#f3f4f6;border-bottom:2px solid #e5e7eb;font-weight:600;font-size:.85rem;color:#6b7280;white-space:nowrap}.inventory-table td{padding:.75rem;border-bottom:1px solid #f3f4f6}.inventory-table tr.aging-row{background:#fef2f2}.aging-badge{margin-left:.5rem;padding:.125rem .5rem;background:#fee2e2;color:#991b1b;border-radius:8px;font-size:.75rem;font-weight:600}.status-badge{padding:.25rem .5rem;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.available{background:#dbeafe;color:#1e40af}.status-badge.sold{background:#d1fae5;color:#065f46}.status-badge.warning{background:#fef3c7;color:#92400e}.status-badge.success{background:#d1fae5;color:#065f46}.status-badge.error{background:#fee2e2;color:#991b1b}.status-badge.default{background:#f3f4f6;color:#6b7280}.invitations-manager{display:flex;flex-direction:column;gap:1.5rem}.invitations-list h2{margin-top:0;margin-bottom:1rem}.invitations-table-wrapper{overflow-x:auto}.invitations-table{width:100%;border-collapse:collapse;font-size:.9rem}.invitations-table th{text-align:left;padding:.75rem;background:#f3f4f6;border-bottom:2px solid #e5e7eb;font-weight:600;font-size:.85rem;color:#6b7280;white-space:nowrap}.invitations-table td{padding:.75rem;border-bottom:1px solid #f3f4f6}.btn-invitation-delete{min-height:30px;min-width:30px;padding:0;margin:0 0 0 8px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:.9rem;line-height:1;cursor:pointer;color:#64748b;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.btn-invitation-delete:hover{background:#fff1f2;border-color:#fda4af;color:var(--color-rose);transform:translateY(-1px)}.btn-invitation-delete:active{transform:translateY(0)}.copy-link-btn{min-height:32px;padding:0 .75rem;background:#3b82f6;font-size:.85rem;margin:0}.copy-link-btn:hover{background:#2563eb}.accepted-date{font-size:.85rem;color:#059669;font-weight:600}.expired-label{color:#dc2626;font-size:.85rem}.last-created-link{margin-top:1.5rem;padding:1rem;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px}.last-created-link strong{color:#0369a1}.users-control-center{width:100%}.users-control-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.users-control-header h2{margin:0}.users-control-note,.users-warning-note{margin-top:.75rem}.users-toolbar{margin:1rem 0}.users-toolbar input{max-width:360px;width:100%}.users-table-wrapper{overflow-x:auto}.users-table{width:100%;border-collapse:collapse;font-size:.9rem}.users-table th{text-align:left;padding:.75rem;background:#f3f4f6;border-bottom:2px solid #e5e7eb;font-weight:600;font-size:.85rem;color:#6b7280;white-space:nowrap}.users-table td{padding:.75rem;border-bottom:1px solid #f3f4f6;vertical-align:middle}.users-table td input,.users-table td select{min-height:34px;font-size:.85rem;margin:0}.btn-edit-small,.btn-save-small,.btn-cancel-small{min-height:30px;padding:0 .75rem;margin:0;border-radius:6px;font-size:.8rem}.btn-edit-small{background:#111827}.btn-save-small{background:#059669}.btn-save-small:hover:not(:disabled){background:#047857}.btn-cancel-small{background:#e5e7eb;color:#111827}.btn-cancel-small:hover:not(:disabled){background:#d1d5db}.inline-actions{display:flex;gap:.4rem}.link-display{display:flex;gap:.75rem;align-items:center;margin-top:.5rem}.link-display code{flex:1;padding:.5rem;background:#fff;border:1px solid #e0e7ff;border-radius:4px;font-size:.85rem;word-break:break-all;color:#4338ca}.pending-note{font-size:.85rem;color:#6b7280;font-style:italic}.investors-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.investors-section h3{margin-top:0;margin-bottom:.5rem;font-size:1.1rem}.investors-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.investor-item{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.investor-checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer;margin:0}.investor-checkbox input[type=checkbox]{width:auto;margin:0;cursor:pointer}.investor-info{display:flex;flex-direction:column;gap:.25rem}.investor-email{font-size:.85rem;color:#6b7280}.investor-investment{display:flex;gap:.75rem;align-items:center;padding-left:2rem}.investor-investment input{flex:1;margin:0}.percentage-badge{padding:.25rem .75rem;background:#dbeafe;color:#1e40af;border-radius:4px;font-size:.85rem;font-weight:600;white-space:nowrap}.investment-summary{padding:1rem;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;margin-top:1rem}.summary-row{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.95rem}.summary-row:last-of-type{margin-bottom:0}.warning-text{margin-top:.75rem;margin-bottom:0;font-size:.85rem;color:#dc2626;font-weight:500}.batch-investors{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.batch-investors h4{margin:0 0 .75rem;font-size:.9rem;color:#6b7280;font-weight:600}.investors-grid{display:flex;flex-wrap:wrap;gap:.5rem}.investor-badge{display:flex;flex-direction:column;padding:.5rem .75rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:6px;font-size:.85rem}.investor-name{font-weight:600;color:#0369a1;margin-bottom:.25rem}.investor-details{font-size:.8rem;color:#0c4a6e;font-weight:500}.batch-info-box{margin:1rem 0;padding:1rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px}.batch-info-box h4{margin:0 0 .75rem;font-size:.9rem;color:#166534;font-weight:600}.batch-investors-list{display:flex;flex-direction:column;gap:.5rem}.batch-investor-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#fff;border-radius:4px;font-size:.85rem}.investor-name-small{font-weight:600;color:#166534}.investor-amount-small{color:#15803d;font-weight:500}.price-breakdown{margin:1.5rem 0;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:8px}.price-breakdown h3{margin:0 0 1rem;font-size:1.1rem;color:#1e293b}.breakdown-section{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.breakdown-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.breakdown-header{font-size:.85rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.95rem}.breakdown-row.positive strong{color:#059669}.breakdown-row.negative strong{color:#dc2626}.breakdown-row.total{padding:.75rem;margin-top:.5rem;background:#fff;border-radius:6px;font-size:1.05rem;font-weight:600}.breakdown-row.total.profit{border:2px solid #10b981}.breakdown-row.total.loss{border:2px solid #ef4444}.profit-text{color:#059669;font-size:1.2rem}.loss-text{color:#dc2626;font-size:1.2rem}.breakdown-row.distribution{padding:.4rem 0;font-size:.9rem}.breakdown-row.distribution strong{color:#0369a1}.breakdown-row.distribution.investor{background:#f0f9ff;padding:.5rem;margin-top:.25rem;border-radius:4px;border-left:3px solid #0ea5e9}.breakdown-row.distribution.investor strong{color:#0c4a6e;font-weight:700}.clickable-row{transition:background-color .2s}.clickable-row:hover{background-color:#f9fafb!important}.expand-icon{margin-left:.5rem;font-size:.8rem;color:#6b7280}.expanded-row td{padding:0!important;background:#f8fafc}.item-breakdown{padding:1.5rem;border-top:2px solid #e2e8f0}.item-breakdown h4{margin:0 0 1rem;color:#1e293b;font-size:1rem}.breakdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.breakdown-col{display:flex;flex-direction:column;gap:.5rem}.breakdown-item{display:flex;justify-content:space-between;padding:.5rem .75rem;background:#fff;border-radius:4px;border:1px solid #e5e7eb}.breakdown-item.negative-item{background:#fef2f2;border-color:#fecaca}.breakdown-item.total-item{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;padding:.75rem;font-weight:600;font-size:1.05rem}.breakdown-item.investor-item{background:#f0fdf4;border:2px solid #86efac;font-weight:600}.breakdown-label{color:#64748b;font-size:.9rem}.breakdown-value{font-weight:600;color:#1e293b}.breakdown-value.positive{color:#059669}.breakdown-value.profit{color:#059669;font-size:1.1rem}.breakdown-value.loss{color:#dc2626;font-size:1.1rem}.breakdown-item.negative-item .breakdown-value{color:#dc2626}.breakdown-item.investor-item .breakdown-value{color:#15803d}.investor-breakdown-row td{background:#f8fafc}.your-share-pill{display:inline-block;padding:.2rem .6rem;border-radius:999px;background:#ecfdf5;border:1px solid #86efac;color:#166534;font-weight:700;font-size:.85rem}.breakdown-item.your-share-item{background:#ecfdf5;border:2px solid #86efac;font-weight:700}.breakdown-item.your-share-item .breakdown-value{color:#166534}.price-with-fees-cell{display:inline-flex;align-items:center;gap:.12rem;position:relative}.price-with-fees-value{font-weight:700;color:#1e40af}.price-breakdown-trigger{margin:0;min-height:auto;width:auto;border:0;border-radius:0;font-size:.72rem;font-weight:700;padding:0;line-height:1;background:transparent;color:#1d4ed8;cursor:help;transform:translateY(-.2rem)}.price-breakdown-trigger:hover:not(:disabled){background:transparent;color:#1e40af}.inline-price-breakdown{position:absolute;left:calc(100% + .6rem);top:50%;transform:translateY(-50%);padding:.65rem;border:1px solid #e5e7eb;border-radius:8px;background:#fff;min-width:220px;box-shadow:0 8px 24px #0f172a1f;z-index:25;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,visibility .12s ease}.price-with-fees-cell:hover .inline-price-breakdown,.price-with-fees-cell .price-breakdown-trigger:hover+.inline-price-breakdown{opacity:1;visibility:visible;pointer-events:auto}.inline-breakdown-row{display:flex;justify-content:space-between;gap:.75rem;font-size:.82rem;color:#374151;padding:.16rem 0}.inline-breakdown-row.total{margin-top:.3rem;padding-top:.4rem;border-top:1px dashed #d1d5db;font-weight:700;color:#111827}.dashboard-batch-summary{margin:1rem 0 1.25rem}.dashboard-batch-summary h3{margin:0 0 .75rem;font-size:1rem}.batch-management,.inventory-management{width:100%}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.section-header h2{margin:0;font-size:1.5rem;color:#111827}.action-buttons{display:flex;gap:.75rem}.btn-primary{background:#111827;color:#fff;border:none;padding:.65rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;min-height:40px;margin:0}.btn-primary:hover:not(:disabled){background:#374151}.btn-secondary{background:#fff;color:#111827;border:1px solid #d1d5db;padding:.65rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;min-height:40px;margin:0}.btn-secondary:hover:not(:disabled){background:#f3f4f6;border-color:#111827}.btn-secondary.active{background:#111827;color:#fff;border-color:#111827}.form-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.form-container h3{margin:0 0 1rem;font-size:1.1rem;color:#374151}.inventory-view{margin-top:1.5rem}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:420px;pointer-events:none}.toast{pointer-events:auto;background:#fff;border-radius:12px;padding:14px 16px;box-shadow:0 4px 12px #00000026,0 0 0 1px #0000000d;display:flex;align-items:center;gap:12px;animation:slideIn .3s ease-out;min-width:300px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-icon{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.toast-message{flex:1;font-size:14px;line-height:1.4;color:#374151}.toast-close{flex-shrink:0;background:transparent;border:none;color:#9ca3af;font-size:18px;cursor:pointer;padding:0;min-height:auto;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;margin:0}.toast-close:hover{background:#f3f4f6;color:#6b7280}.toast-success .toast-icon{background:#d1fae5;color:#065f46}.toast-error .toast-icon{background:#fee2e2;color:#991b1b}.toast-warning .toast-icon{background:#fef3c7;color:#92400e}.toast-info .toast-icon{background:#dbeafe;color:#1e40af}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.modal-dialog{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:440px;width:90%;animation:scaleIn .2s ease-out}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{padding:20px 24px 16px;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;font-size:18px;color:#111827}.modal-body{padding:20px 24px}.modal-body p{margin:0;font-size:15px;line-height:1.6;color:#374151}.modal-footer{padding:16px 24px 20px;display:flex;justify-content:flex-end;gap:12px}.btn-danger{background:#dc2626;color:#fff;border:none;padding:.65rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;min-height:40px;margin:0}.btn-danger:hover:not(:disabled){background:#b91c1c}.bulk-items-table-container{margin:1.5rem 0;overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px}.bulk-items-table{width:100%;border-collapse:collapse;font-size:.9rem}.bulk-items-table th{text-align:left;padding:.75rem;background:#f3f4f6;border-bottom:2px solid #e5e7eb;font-weight:600;font-size:.85rem;color:#6b7280}.bulk-items-table td{padding:.75rem;border-bottom:1px solid #e5e7eb}.bulk-input{width:100%;border:1px solid #d1d5db;border-radius:6px;padding:.5rem;font-size:.9rem;font-family:inherit}.bulk-input:focus{outline:none;border-color:#111827;box-shadow:0 0 0 3px #1118271a}.btn-remove-row{background:#ef4444;color:#fff;border:none;padding:.35rem .65rem;border-radius:6px;cursor:pointer;min-height:auto;font-size:.9rem;margin:0;transition:opacity .2s}.btn-remove-row:hover:not(:disabled){background:#dc2626}.btn-remove-row:disabled{background:#d1d5db;cursor:not-allowed}.bulk-actions{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.bulk-actions button{flex:1;min-width:180px}@media (max-width: 768px){.bulk-items-table{font-size:.8rem}.bulk-items-table th,.bulk-items-table td{padding:.5rem}.bulk-input{font-size:.85rem;padding:.4rem}.bulk-actions{flex-direction:column}.bulk-actions button{width:100%}}.btn-activate-small,.btn-deactivate-small,.btn-delete-small{min-height:30px;padding:0 .75rem;margin:0;border-radius:6px;font-size:.8rem}.btn-activate-small{background:#16a34a}.btn-activate-small:hover:not(:disabled){background:#15803d}.btn-deactivate-small{background:#dc2626}.btn-deactivate-small:hover:not(:disabled){background:#b91c1c}.btn-delete-small{background:var(--color-rose);color:#fff;border:none;cursor:pointer;font-weight:600;transition:all .2s}.btn-delete-small:hover:not(:disabled){background:#e63a47;transform:translateY(-1px);box-shadow:0 2px 8px #f43f5e4d}.btn-delete-small:disabled{opacity:.5;cursor:not-allowed}.admin-settings-container{width:100%;max-width:1000px;margin:0 auto;padding:2rem 1.5rem}.settings-header{text-align:center;margin-bottom:2.5rem}.settings-header h2{font-size:1.8rem;margin:0 0 .5rem;color:var(--color-navy)}.settings-subtitle{color:#6b7280;margin:0;font-size:1rem}.settings-loader{display:flex;align-items:center;justify-content:center;min-height:400px;color:#6b7280;font-size:1.1rem}.settings-form,.settings-display{display:flex;flex-direction:column;gap:2rem}.settings-section{background:#fff;border-radius:12px;padding:2rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #00000014}.section-header{margin-bottom:1.5rem}.section-header h3{margin:0 0 .5rem;font-size:1.3rem;color:var(--color-navy)}.section-description{margin:0;color:#6b7280;font-size:.95rem}.settings-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.settings-cards.split-row{grid-template-columns:1fr 1fr}.setting-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:1.5rem;display:flex;gap:1rem;transition:all .3s ease}.setting-card:hover{background:#fff;border-color:#d1d5db;box-shadow:0 2px 8px #0000001a}.setting-card.primary{background:var(--color-soft-blue-lighter);border-color:var(--color-soft-blue)}.setting-card.primary:hover{background:#fff;border-color:var(--color-soft-blue);box-shadow:0 4px 12px #3b82f626}.setting-card.success{background:var(--color-emerald-lighter);border-color:var(--color-emerald)}.setting-card.success:hover{background:#fff;border-color:var(--color-emerald);box-shadow:0 4px 12px #10b98126}.card-icon{font-size:2rem;flex-shrink:0;line-height:1}.card-content{flex:1}.card-content label{display:block;font-weight:600;font-size:.95rem;margin:0 0 .5rem;color:#111827}.input-group{position:relative;display:flex;align-items:center}.input-group input{width:100%;padding-right:2.5rem;margin:0;font-size:.95rem;border:1px solid #d1d5db}.input-suffix{position:absolute;right:.75rem;color:#6b7280;font-weight:600;pointer-events:none}.card-content small{display:block;color:#6b7280;font-size:.8rem;margin-top:.4rem}.validation-note{background:var(--color-rose-lighter);border:1px solid var(--color-rose);border-radius:8px;padding:.75rem 1rem;color:var(--color-rose);font-size:.9rem;margin-top:1rem;display:flex;justify-content:space-between;align-items:center}.display-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:1.5rem;display:flex;gap:1rem;transition:all .3s ease}.display-card:hover{background:#fff;border-color:#d1d5db;box-shadow:0 2px 8px #0000001a}.display-card.primary{background:linear-gradient(135deg,var(--color-soft-blue-lighter) 0%,var(--color-soft-blue-light) 100%);border-color:var(--color-soft-blue)}.display-card.primary:hover{box-shadow:0 4px 12px #3b82f633}.display-card.success{background:linear-gradient(135deg,var(--color-emerald-lighter) 0%,var(--color-emerald-light) 100%);border-color:var(--color-emerald)}.display-card.success:hover{box-shadow:0 4px 12px #10b98133}.card-content .card-label{margin:0 0 .5rem;color:#6b7280;font-size:.9rem;font-weight:500}.card-content .card-value{margin:.5rem 0;font-size:2rem;font-weight:700;color:#111827}.card-content small{color:#6b7280;font-size:.8rem}.distribution-chart{margin-top:1.5rem;background:#f9fafb;border-radius:10px;padding:1.5rem}.chart-bar{display:flex;height:40px;border-radius:8px;overflow:hidden;gap:2px;background:#e5e7eb}.chart-segment{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.85rem;min-width:40px}.chart-segment.primary{background:linear-gradient(135deg,var(--color-soft-blue) 0%,#1d4ed8 100%)}.chart-segment.success{background:linear-gradient(135deg,var(--color-emerald) 0%,#059669 100%)}.chart-labels{display:flex;justify-content:space-between;margin-top:.75rem;padding:0 .5rem}.chart-labels small{color:#6b7280;font-weight:500;font-size:.85rem}.settings-actions{display:flex;gap:1rem;margin-top:1.5rem}.section-actions{display:flex;gap:1rem;margin-top:1.5rem;justify-content:flex-end}.btn-save,.btn-cancel,.btn-edit,.btn-edit-section{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;height:auto;min-height:44px}.btn-save{background:linear-gradient(135deg,var(--color-emerald) 0%,#059669 100%);color:#fff;flex:1}.btn-save:hover:not(:disabled){background:linear-gradient(135deg,#2fd4a8 0%,var(--color-emerald) 100%);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.btn-cancel{background:#e2e8f0;color:#475569;flex:1;border:1px solid #cbd5e1}.btn-cancel:hover{background:#cbd5e1;box-shadow:0 2px 8px #00000014}.btn-edit-section{background:linear-gradient(135deg,var(--color-soft-blue) 0%,#2563eb 100%);color:#fff;width:100%;margin-top:1rem}.btn-edit-section:hover{background:linear-gradient(135deg,#60a5fa 0%,var(--color-soft-blue) 100%);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.btn-edit{background:linear-gradient(135deg,var(--color-soft-blue) 0%,#2563eb 100%);color:#fff;width:100%}.btn-edit:hover{background:linear-gradient(135deg,#60a5fa 0%,var(--color-soft-blue) 100%);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.settings-message{margin-top:1rem;padding:1rem;border-radius:8px;font-weight:500;text-align:center}.settings-message.success{background:var(--color-emerald-lighter);color:var(--color-emerald);border:1px solid var(--color-emerald)}.settings-message.error{background:var(--color-rose-lighter);color:var(--color-rose);border:1px solid var(--color-rose)}.last-updated{text-align:center;color:#9ca3af;font-size:.85rem;margin-top:1rem}@media (max-width: 768px){.admin-settings-container{padding:1.5rem 1rem}.settings-header h2{font-size:1.5rem}.settings-cards.split-row{grid-template-columns:1fr}.settings-section{padding:1.5rem}.card-content .card-value{font-size:1.75rem}.btn-save,.btn-cancel,.section-actions{flex:1}.section-actions{flex-direction:column}}.analytics-container{width:100%;max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.analytics-header{text-align:center;margin-bottom:2rem}.analytics-header h2{font-size:1.8rem;margin:0 0 .5rem;color:#111827}.analytics-subtitle{color:#6b7280;margin:0;font-size:1rem}.analytics-loader{display:flex;align-items:center;justify-content:center;min-height:400px;color:#6b7280;font-size:1.1rem}.analytics-controls{margin-bottom:2rem;display:flex;gap:1rem;justify-content:center}.month-filter{display:flex;align-items:center;gap:.75rem}.month-filter label{font-weight:600;color:#374151;margin:0}.month-filter input{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.kpi-card{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb;display:flex;gap:1rem;transition:all .3s ease;box-shadow:0 1px 3px #00000014}.kpi-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.kpi-icon{font-size:2.5rem;flex-shrink:0;line-height:1}.kpi-content{flex:1}.kpi-label{margin:0 0 .5rem;color:#6b7280;font-size:.9rem;font-weight:500}.kpi-value{margin:.5rem 0;font-size:1.8rem;font-weight:700;color:#111827}.kpi-card small{display:block;color:#9ca3af;font-size:.8rem;margin-top:.4rem}.kpi-card.reserve{background:linear-gradient(135deg,var(--color-emerald-lighter) 0%,var(--color-emerald-light) 100%);border-color:var(--color-emerald)}.kpi-card.reserve .kpi-value{color:var(--color-emerald)}.kpi-card.auction{background:linear-gradient(135deg,var(--color-soft-blue-lighter) 0%,var(--color-soft-blue-light) 100%);border-color:var(--color-soft-blue)}.kpi-card.auction .kpi-value{color:var(--color-soft-blue)}.kpi-card.tax{background:linear-gradient(135deg,var(--color-rose-lighter) 0%,var(--color-rose-light) 100%);border-color:var(--color-rose)}.kpi-card.tax .kpi-value{color:var(--color-rose)}.kpi-card.platform{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:var(--color-soft-blue)}.kpi-card.platform .kpi-value{color:var(--color-soft-blue)}.kpi-card.shipping{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-color:#94a3b8}.kpi-card.shipping .kpi-value{color:var(--color-navy)}.kpi-card.total{background:linear-gradient(135deg,#f8fafc,#e0e7f1);border-color:var(--color-navy)}.kpi-card.total .kpi-value{color:var(--color-navy)}.analytics-section{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #00000014}.analytics-section h3{margin:0 0 1.5rem;font-size:1.3rem;color:var(--color-navy)}.breakdown-chart{display:flex;flex-direction:column;gap:1.5rem}.chart-item{display:flex;align-items:center;gap:1rem}.chart-label{font-weight:600;color:#374151;min-width:150px;font-size:.95rem}.chart-bar{flex:1;height:40px;background:#f3f4f6;border-radius:8px;overflow:hidden;position:relative;min-width:100px}.bar-fill{height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:.75rem;color:#fff;font-weight:600;font-size:.85rem;transition:width .3s ease;min-width:50px}.bar-fill.auction{background:linear-gradient(90deg,#3b82f6,#1e40af)}.bar-fill.tax{background:linear-gradient(90deg,#f59e0b,#b45309)}.bar-fill.platform{background:linear-gradient(90deg,#ec4899,#be185d)}.bar-fill.shipping{background:linear-gradient(90deg,#8b5cf6,#5b21b6)}.bar-fill.reserve{background:linear-gradient(90deg,#22c55e,#15803d)}.monthly-table{overflow-x:auto}.monthly-table table{width:100%;border-collapse:collapse}.monthly-table thead{background:var(--color-navy);border-bottom:2px solid var(--color-navy)}.monthly-table th{padding:1rem;text-align:left;font-weight:600;color:#fff;font-size:.95rem}.monthly-table td{padding:1rem;border-bottom:1px solid #e5e7eb;color:#111827}.monthly-table tbody tr:hover{background:var(--color-soft-blue-lighter)}.month-name{font-weight:600;color:var(--color-navy)}.items-count{text-align:center;background:var(--color-emerald-lighter);border-radius:6px;font-weight:600;color:var(--color-emerald)}.total-sales{text-align:right;font-weight:600;color:var(--color-soft-blue)}.reserve-amount{text-align:right;font-weight:700;color:var(--color-emerald);background:var(--color-emerald-lighter);border-radius:6px}.items-table{overflow-x:auto}.items-table table{width:100%;border-collapse:collapse;font-size:.9rem}.items-table thead{background:var(--color-navy);border-bottom:2px solid var(--color-navy)}.items-table th{padding:.75rem;text-align:left;font-weight:600;color:#fff;font-size:.85rem}.items-table td{padding:.75rem;border-bottom:1px solid #e5e7eb;color:#111827}.items-table tbody tr:hover{background:var(--color-soft-blue-lighter)}.item-name{font-weight:600;color:var(--color-navy)}.batch-name{color:#6b7280}.cost,.price,.reserve,.platform,.shipping{text-align:right;font-family:Courier New,monospace;font-size:.85rem}.date{text-align:center;color:#6b7280;font-size:.85rem}.reserve{color:#15803d;font-weight:600}.platform{color:#be185d}.shipping{color:#5b21b6}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-slide-in{animation:slideIn .3s ease-out}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (max-width: 1024px){:root{--duration-fastest: .12s;--duration-fast: .22s;--duration-normal: .35s}.admin-settings-container,.analytics-container{padding:1.5rem 1rem}.settings-header h2,.analytics-header h2{font-size:1.5rem}.settings-cards,.settings-cards.split-row{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.btn-edit-section{width:100%;padding:.75rem}.section-actions{flex-direction:column;gap:.75rem}button.btn-save,button.btn-cancel{width:100%}}@media (max-width: 768px){:root{--duration-fastest: .1s;--duration-fast: .15s;--duration-normal: .25s}body{font-size:14px}.page{padding:1rem}.card{max-width:100%;padding:1rem}.admin-settings-container,.analytics-container,.app-content{padding:1rem;max-width:100%}.settings-header h2,.analytics-header h2{font-size:1.3rem}.app-layout{padding-top:60px}.mobile-header{display:flex}.sidebar{position:fixed;top:60px;left:0;bottom:0;height:calc(100vh - 60px);width:280px;z-index:95;transform:translate(-100%);transition:transform .3s ease-out}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block}.app-content{padding:1rem}.sidebar-stats{padding:0 .75rem}.header-kpi,.earnings-kpi{padding:.5rem .65rem;gap:.65rem}.header-kpi-icon,.earnings-kpi-icon{min-width:28px;height:28px}.header-kpi-content strong,.earnings-kpi-content strong{font-size:.9rem}.settings-subtitle,.analytics-subtitle{font-size:.85rem}.settings-cards,.display-card,.setting-card,.kpi-card{gap:.75rem}.kpi-grid{grid-template-columns:1fr;gap:.75rem}.settings-cards,.settings-cards.split-row{grid-template-columns:1fr}.card-icon{font-size:1.75rem;min-width:40px}input,select,button{min-height:36px;padding:.5rem;font-size:16px}.chart-label{min-width:100px;font-size:.85rem}.monthly-table,.items-table{font-size:.8rem}.monthly-table th,.items-table th,.monthly-table td,.items-table td{padding:.5rem}.btn-edit-section{width:100%;padding:.65rem;font-size:.9rem}.section-actions{flex-direction:column}button.btn-save,button.btn-cancel{width:100%}.distribution-chart{gap:1rem}.chart-labels{font-size:.75rem}.header-wallet-summary{flex-wrap:wrap;gap:.5rem}.header-kpi{flex:1;min-width:calc(50% - .25rem)}.modal-content{max-width:90vw}}@media (max-width: 480px){.settings-header h2,.analytics-header h2{font-size:1.1rem;margin-bottom:.25rem}.section-header h3{font-size:1.1rem}.card-value,.kpi-value{font-size:1.5rem!important}input,select{padding:.4rem .5rem;font-size:14px}button{padding:.5rem;min-height:34px}.monthly-table table,.items-table table{font-size:.75rem}.chart-bar{height:30px}.break-down-chart{gap:1rem}.validation-note{padding:.5rem .75rem;font-size:.8rem}}@media (hover: none) and (pointer: coarse){button,.btn-edit-section{min-height:44px;padding:.75rem}input,select{min-height:44px}.card:hover,.setting-card:hover,.display-card:hover,.kpi-card:hover{transform:none}}@media (max-width: 768px){.analytics-container{padding:1.5rem 1rem}.analytics-header h2{font-size:1.5rem}.kpi-grid{grid-template-columns:1fr}.kpi-card{flex-direction:column;text-align:center}.kpi-icon{font-size:2rem}.chart-item{flex-direction:column;align-items:flex-start}.items-table table{font-size:.8rem}.items-table th,.items-table td{padding:.5rem}}