.inventory-dashboard{display:flex;min-height:100vh;background:#f8f9fa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .3s ease}.inventory-dashboard.dark-mode{background:#1a1a1a;color:#e0e0e0}.sidebar{width:250px;background:#343a40;color:#fff;position:fixed;height:100vh;left:-250px;top:0;z-index:1000;transition:left .3s ease;box-shadow:2px 0 5px #0000001a;display:flex;flex-direction:column}.dark-mode .sidebar{background:#2d3748;border-right:1px solid #4a5568}.sidebar.open{left:0}.sidebar-header{padding:1rem;border-bottom:1px solid #495057;display:flex;justify-content:space-between;align-items:center}.dark-mode .sidebar-header{border-bottom-color:#4a5568}.sidebar-header h3{margin:0;font-size:1.1rem;font-weight:600}.sidebar-close{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:.25rem;transition:all .3s ease}.sidebar-close:hover{background:#ffffff1a;border-radius:4px}.sidebar-nav{padding:1rem 0;flex:1}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#adb5bd;text-decoration:none;transition:all .3s ease;border-left:3px solid transparent;background:none;border:none;width:100%;text-align:left;cursor:pointer;font-size:.9rem}.nav-item:hover{background:#495057;color:#fff;border-left-color:#007bff;transform:translate(5px);box-shadow:0 2px 8px #007bff4d}.dark-mode .nav-item:hover{background:#4a5568}.nav-item.active{background:#495057;color:#fff;border-left-color:#007bff;box-shadow:inset 0 0 0 1px #007bff33}.dark-mode .nav-item.active{background:#4a5568}.nav-item svg{width:16px;height:16px;transition:transform .3s ease}.sidebar-footer{padding:1rem;border-top:1px solid #495057}.dark-mode .sidebar-footer{border-top-color:#4a5568}.theme-toggle{display:flex;align-items:center;gap:.5rem;background:none;border:1px solid #6c757d;color:#adb5bd;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:all .3s ease;width:100%;justify-content:center;font-size:.9rem}.theme-toggle:hover{background:#495057;color:#fff;border-color:#007bff;transform:translateY(-1px);box-shadow:0 2px 8px #007bff4d}.dark-mode .theme-toggle:hover{background:#4a5568}.main-content{flex:1;margin-left:0;transition:margin-left .3s ease}.dark-mode .main-content{background:#1a1a1a}@media (min-width: 768px){.sidebar{left:0}.main-content{margin-left:250px}}.topbar{background:#fff;padding:1rem 1.5rem;border-bottom:1px solid #dee2e6;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 4px #0000001a}.dark-mode .topbar{background:#2d3748;border-bottom-color:#4a5568;color:#e0e0e0}.sidebar-toggle{background:none;border:none;font-size:1.2rem;color:#6c757d;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .3s ease}.sidebar-toggle:hover{background:#f8f9fa}.dark-mode .sidebar-toggle{color:#a0aec0}.dark-mode .sidebar-toggle:hover{background:#4a5568}.back-btn{display:flex;align-items:center;gap:.5rem;background:#6c757d;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none}.back-btn:hover{background:#545b62;color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.topbar h1{margin:0;font-size:1.5rem;font-weight:600;color:#212529;flex:1}.dark-mode .topbar h1{color:#e0e0e0}.dashboard-content{padding:1.5rem}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;border-left:4px solid;transition:all .3s ease;display:flex;align-items:center;gap:1rem}.dark-mode .summary-card{background:#2d3748;color:#e0e0e0;box-shadow:0 2px 4px #0000004d}.summary-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.dark-mode .summary-card:hover{box-shadow:0 8px 25px #0006}.card-icon{font-size:2rem;padding:1rem;border-radius:8px;background:#007bff1a}.card-content h3{margin:0 0 .5rem;font-size:.9rem;color:#6c757d;font-weight:500}.dark-mode .card-content h3{color:#a0aec0}.card-value{font-size:1.8rem;font-weight:700;margin-bottom:.25rem}.card-change{font-size:.8rem;color:#0056b3;font-weight:500}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.chart-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.dark-mode .chart-card{background:#2d3748;color:#e0e0e0;box-shadow:0 2px 4px #0000004d}.chart-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.dark-mode .chart-card:hover{box-shadow:0 4px 12px #0006}.chart-card h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#212529}.dark-mode .chart-card h3{color:#e0e0e0}.chart-placeholder{display:flex;align-items:end;justify-content:space-around;height:200px;margin-bottom:1rem;padding:1rem 0}.chart-bar{width:40px;border-radius:4px 4px 0 0;transition:all .3s ease;cursor:pointer}.chart-bar:hover{transform:scale(1.05);box-shadow:0 2px 8px #0003}.chart-labels{display:flex;justify-content:space-around;font-size:.8rem;color:#6c757d;font-weight:500}.dark-mode .chart-labels{color:#a0aec0}.stock-chart{display:flex;flex-direction:column;gap:1rem}.stock-item{display:flex;align-items:center;gap:1rem}.stock-label{min-width:100px;font-size:.9rem;font-weight:500}.stock-bar{flex:1;height:20px;background:#e9ecef;border-radius:10px;overflow:hidden;position:relative}.dark-mode .stock-bar{background:#4a5568}.stock-fill{height:100%;border-radius:10px;transition:all .3s ease}.stock-value{min-width:40px;text-align:right;font-weight:600;font-size:.9rem}.page-placeholder{text-align:center;padding:4rem 2rem;color:#6c757d}.dark-mode .page-placeholder{color:#a0aec0}.page-placeholder h2{margin-bottom:1rem;color:#212529}.dark-mode .page-placeholder h2{color:#e0e0e0}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 2px 8px #007bff4d}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#545b62;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.btn-edit{background:#0056b3;color:#fff;padding:.25rem .5rem;font-size:.8rem}.btn-edit:hover{background:#004085;transform:scale(1.05)}.btn-delete{background:#002752;color:#fff;padding:.25rem .5rem;font-size:.8rem}.btn-delete:hover{background:#001a3a;transform:scale(1.05)}.search-section{padding:1.5rem;background:#fff;border-bottom:1px solid #dee2e6}.dark-mode .search-section{background:#2d3748;border-bottom-color:#4a5568}.search-box{position:relative;max-width:400px}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#6c757d;width:16px;height:16px}.dark-mode .search-icon{color:#a0aec0}.search-input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid #ced4da;border-radius:4px;font-size:.9rem;transition:border-color .3s ease;background:#fff}.dark-mode .search-input{background:#4a5568;border-color:#4a5568;color:#e0e0e0}.search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.dark-mode .search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.table-container{padding:1.5rem;background:#fff;margin:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.dark-mode .table-container{background:#2d3748;box-shadow:0 2px 4px #0000004d}.products-table{width:100%;border-collapse:collapse;font-size:.9rem}.products-table th,.products-table td{padding:.75rem;text-align:left;border-bottom:1px solid #dee2e6}.dark-mode .products-table th,.dark-mode .products-table td{border-bottom-color:#4a5568}.products-table th{background:#f8f9fa;font-weight:600;color:#495057}.dark-mode .products-table th{background:#4a5568;color:#e0e0e0}.products-table tr:hover{background:#f8f9fa}.dark-mode .products-table tr:hover{background:#4a5568}.action-buttons{display:flex;gap:.5rem}.no-products{text-align:center;padding:3rem;color:#6c757d}.dark-mode .no-products{color:#a0aec0}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.modal{background:#fff;border-radius:8px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.dark-mode .modal{background:#2d3748;color:#e0e0e0;box-shadow:0 4px 6px #0000004d}.modal-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:center}.dark-mode .modal-header{border-bottom-color:#4a5568}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#212529}.dark-mode .modal-header h2{color:#e0e0e0}.modal-close{background:none;border:none;font-size:1.2rem;color:#6c757d;cursor:pointer;padding:.25rem}.dark-mode .modal-close{color:#a0aec0}.product-form{padding:1.5rem}.form-group{margin-bottom:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#495057}.dark-mode .form-group label{color:#e0e0e0}.form-control{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:.9rem;transition:border-color .3s ease;background:#fff}.dark-mode .form-control{background:#4a5568;border-color:#4a5568;color:#e0e0e0}.form-control:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #dee2e6}.dark-mode .modal-actions{border-top-color:#4a5568}@media (max-width: 1024px){.summary-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.topbar{padding:1rem;flex-direction:column;gap:1rem}.topbar-left{width:100%;justify-content:space-between}.back-btn{order:-1}.main-content{padding:1rem}.summary-cards{grid-template-columns:1fr;gap:1rem}.summary-card{padding:1.5rem}.card-icon{font-size:2rem;padding:.75rem}.card-value{font-size:1.5rem}.charts-section{grid-template-columns:1fr;gap:1.5rem}.chart-card{padding:1.5rem}.chart-placeholder{height:200px}.stock-chart{gap:.75rem}.stock-item{padding:.5rem}.products-table th,.products-table td{padding:.75rem .5rem;font-size:.85rem}.action-buttons{gap:.5rem}.btn{padding:.5rem;font-size:.9rem}.modal{margin:1rem;max-width:calc(100vw - 2rem)}.modal-header,.product-form{padding:1rem}.modal-actions{padding:1rem;gap:.75rem}}@media (max-width: 480px){.topbar,.main-content{padding:.75rem}.summary-card{padding:1.25rem;flex-direction:column;text-align:center;gap:.75rem}.card-icon{font-size:1.75rem;padding:.5rem}.card-value{font-size:1.25rem}.card-content h3{font-size:.8rem}.card-change{font-size:.75rem}.chart-card{padding:1.25rem}.chart-placeholder{height:150px}.chart-bar{min-width:20px}.chart-labels{gap:.5rem;font-size:.75rem}.stock-item{padding:.4rem}.stock-label,.stock-value{font-size:.8rem}.products-table th,.products-table td{padding:.5rem .25rem;font-size:.8rem}.action-buttons{gap:.25rem}.btn{padding:.4rem;font-size:.8rem}.modal{margin:.5rem;max-width:calc(100vw - 1rem)}.modal-header,.product-form{padding:.75rem}.modal-actions{padding:.75rem;gap:.5rem}.form-group{margin-bottom:1rem}.form-control{padding:.6rem .8rem;font-size:.9rem}}.sales-analytics{display:flex;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .3s ease}.sales-analytics.dark-mode{background:linear-gradient(135deg,#111,#0a0a0a);color:#e0e0e0}.analytics-sidebar{width:280px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#1f2937;position:fixed;height:100vh;left:-280px;top:0;z-index:1000;transition:left .3s ease;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.2)}.dark-mode .analytics-sidebar{background:#1f2937f2;color:#f9fafb;border-right-color:#ffffff1a}.analytics-sidebar.open{left:0}.dark-mode .logo{color:#8b5cf6}.dark-mode .nav-item:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.dark-mode .nav-item.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}@media (min-width: 768px){.analytics-sidebar{left:0}.main-content{margin-left:280px}}.analytics-topbar{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem 2rem;border-bottom:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 20px #0000001a}.dark-mode .analytics-topbar{background:#1f2937f2;border-bottom-color:#ffffff1a}.analytics-dashboard{max-width:1400px;margin:0 auto}.dashboard-header{text-align:center;margin-bottom:3rem}.dashboard-header h2{font-size:2.5rem;font-weight:800;color:#fff;margin:0 0 .5rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.dark-mode .dashboard-header h2{color:#f9fafb}.dashboard-header p{font-size:1.1rem;color:#fffc;margin:0}.dark-mode .dashboard-header p{color:#f9fafbcc}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.metric-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000001a;transition:all .3s ease;display:flex;align-items:center;gap:1.5rem;border:1px solid rgba(255,255,255,.2)}.dark-mode .metric-card{background:#1f2937f2;border-color:#ffffff1a}.metric-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0003}.metric-icon{font-size:2.5rem;color:#374151;padding:1rem;border-radius:16px;background:#3741511a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark-mode .metric-icon{color:#f3f4f6;background:#f3f4f61a}.metric-content h3{margin:0 0 .5rem;font-size:.9rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.dark-mode .metric-content h3{color:#9ca3af}.metric-value{font-size:2rem;font-weight:800;color:#1f2937;margin-bottom:.25rem}.dark-mode .metric-value{color:#f9fafb}.metric-change{font-size:.85rem;color:#6b7280;font-weight:500}.dark-mode .metric-change{color:#9ca3af}.chart-section{margin-bottom:2rem}.chart-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000001a;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.dark-mode .chart-card{background:#1f2937f2;border-color:#ffffff1a}.chart-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.chart-title h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:#1f2937}.dark-mode .chart-title h3{color:#f9fafb}.chart-title p{margin:0;color:#6b7280;font-size:.95rem}.dark-mode .chart-title p{color:#9ca3af}.chart-controls{display:flex;gap:.75rem}.control-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:none;color:#374151;padding:.75rem 1rem;border-radius:12px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.dark-mode .control-btn{background:linear-gradient(135deg,#374151,#1f2937);color:#f3f4f6}.control-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003}.control-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.control-btn.danger:hover{box-shadow:0 4px 15px #ef444466}.chart-container{height:400px;position:relative}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#6b7280}.dark-mode .empty-state{color:#9ca3af}.empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.5}.empty-state h3{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:#374151}.dark-mode .empty-state h3{color:#f3f4f6}.empty-state p{margin:0 0 2rem;font-size:1rem;max-width:400px}.data-management{max-width:1200px;margin:0 auto}.page-header{text-align:center;margin-bottom:3rem}.page-header h2{font-size:2.5rem;font-weight:800;color:#fff;margin:0 0 .5rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.dark-mode .page-header h2{color:#f9fafb}.page-header p{font-size:1.1rem;color:#fffc;margin:0}.dark-mode .page-header p{color:#f9fafbcc}.data-sections{display:grid;gap:2rem}.import-options{display:flex;gap:1rem;margin-bottom:1rem}.import-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.import-btn.primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.import-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #10b98166}.import-btn.secondary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.import-btn.secondary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #3b82f666}.import-hint{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.9rem;font-style:italic}.dark-mode .import-hint{color:#9ca3af}.data-form{display:flex;flex-direction:column;gap:1.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.btn-primary{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:1rem 1.5rem;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;justify-content:center}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #10b98166}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.data-count{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600}.dark-mode .data-count{background:linear-gradient(135deg,#374151,#1f2937);color:#f3f4f6}.table-wrapper{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.95rem}.data-table th,.data-table td{padding:1rem;text-align:left;border-bottom:1px solid #e5e7eb}.dark-mode .data-table th,.dark-mode .data-table td{border-bottom-color:#374151}.data-table th{background:linear-gradient(135deg,#f9fafb,#f3f4f6);font-weight:700;color:#374151;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.dark-mode .data-table th{background:linear-gradient(135deg,#374151,#1f2937);color:#f9fafb}.data-table tr:hover{background:#10b9810d}.dark-mode .data-table tr:hover{background:#10b9811a}.revenue-cell{font-weight:700;color:#10b981}.dark-mode .revenue-cell{color:#34d399}.empty-table{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#6b7280;text-align:center}.dark-mode .empty-table{color:#9ca3af}.empty-table svg{font-size:3rem;margin-bottom:1rem;opacity:.5}.toast-notification{position:fixed;top:2rem;right:2rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 8px 25px #10b9814d;z-index:3000;animation:slideInRight .3s ease;font-weight:500}@media (max-width: 1024px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.import-options{flex-direction:column}.chart-controls{flex-direction:column;gap:.5rem}.chart-header{flex-direction:column;align-items:flex-start;gap:1rem}.analytics-topbar{padding:1rem;flex-direction:column;gap:1rem}.topbar-left{width:100%;justify-content:space-between}.back-btn{order:-1}.content-area{padding:1rem}.metrics-grid{grid-template-columns:1fr;gap:1rem}.metric-card{padding:1.5rem}.metric-icon{font-size:2rem;padding:.75rem}.metric-value{font-size:1.5rem}.chart-container{height:300px}.dashboard-header h2,.page-header h2{font-size:2rem}.data-sections{gap:1.5rem}.section-card{padding:1.5rem}.import-btn,.btn-primary{padding:.75rem 1rem;font-size:.9rem}.data-table th,.data-table td{padding:.75rem .5rem;font-size:.85rem}}@media (max-width: 480px){.analytics-topbar{padding:.75rem}.section-card{padding:1.25rem}.metric-card{padding:1.25rem;flex-direction:column;text-align:center;gap:.75rem}.metric-icon{font-size:1.75rem;padding:.5rem}.metric-value{font-size:1.25rem}.metric-content h3{font-size:.8rem}.metric-change{font-size:.75rem}.import-btn,.btn-primary{padding:.6rem .8rem;font-size:.85rem}.data-table th,.data-table td{padding:.5rem .25rem;font-size:.8rem}.toast-notification{top:1rem;right:1rem;left:1rem;font-size:.9rem;padding:.75rem 1rem}}.multivendor-dashboard{display:flex;min-height:100vh;background:linear-gradient(135deg,#ff6b35,#f7931e,#00b4d8);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .3s ease}.multivendor-dashboard.dark-mode{background:linear-gradient(135deg,#111,#0a0a0a,#1a1a1a);color:#e0e0e0}.payment-sidebar{width:280px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#1f2937;position:fixed;height:100vh;left:-280px;top:0;z-index:1000;transition:left .3s ease;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.2)}.dark-mode .payment-sidebar{background:#1f2937f2;color:#f9fafb;border-right-color:#ffffff1a}.payment-sidebar.open{left:0}.logo{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:#ff6b35}.dark-mode .logo{color:#f7931e}.nav-item:hover{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;transform:translate(10px);box-shadow:0 4px 15px #ff6b3566}.dark-mode .nav-item:hover{background:linear-gradient(135deg,#f7931e,#ff6b35)}.nav-item.active{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;box-shadow:0 4px 15px #ff6b3566}.dark-mode .nav-item.active{background:linear-gradient(135deg,#f7931e,#ff6b35)}@media (min-width: 768px){.payment-sidebar{left:0}.main-content{margin-left:280px}}.payment-topbar{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem 2rem;border-bottom:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 20px #0000001a}.dark-mode .payment-topbar{background:#1f2937f2;border-bottom-color:#ffffff1a}.checkout-container{max-width:1200px;margin:0 auto}.checkout-header{text-align:center;margin-bottom:3rem}.checkout-header h2{font-size:2.5rem;font-weight:800;color:#fff;margin:0 0 .5rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.dark-mode .checkout-header h2{color:#f9fafb}.checkout-header p{font-size:1.1rem;color:#fffc;margin:0}.dark-mode .checkout-header p{color:#f9fafbcc}.checkout-content{display:grid;gap:2rem}.section-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.section-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.product-form{display:flex;flex-direction:column;gap:1.5rem}.form-input:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.btn-primary{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border:none;padding:1rem 1.5rem;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;justify-content:center}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ff6b3566}.btn-secondary{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:1rem 1.5rem;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;justify-content:center}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.cart-count{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600}.cart-table{overflow-x:auto;margin-bottom:1.5rem}.cart-table table{width:100%;border-collapse:collapse;font-size:.95rem}.cart-table th,.cart-table td{padding:1rem;text-align:left;border-bottom:1px solid #e5e7eb}.dark-mode .cart-table th,.dark-mode .cart-table td{border-bottom-color:#374151}.cart-table th{background:linear-gradient(135deg,#f9fafb,#f3f4f6);font-weight:700;color:#374151;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.dark-mode .cart-table th{background:linear-gradient(135deg,#374151,#1f2937);color:#f9fafb}.cart-table tr:hover{background:#ff6b350d}.dark-mode .cart-table tr:hover{background:#ff6b351a}.price-cell{font-weight:700;color:#ff6b35}.dark-mode .price-cell{color:#f7931e}.action-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease}.action-btn:hover{background:#0000000d;transform:scale(1.1)}.dark-mode .action-btn:hover{background:#ffffff1a}.action-btn.delete:hover{color:#ef4444}.empty-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#6b7280;text-align:center}.dark-mode .empty-cart{color:#9ca3af}.empty-cart svg{font-size:3rem;margin-bottom:1rem;opacity:.5}.cart-actions{display:flex;gap:1rem;justify-content:flex-end}.summary-section{margin-top:2rem;padding:0 2rem}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.summary-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;display:flex;align-items:center;gap:1rem}.summary-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.card-icon{font-size:2rem;padding:1rem;border-radius:12px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.dark-mode .card-icon{background:#ffffff0d}.card-content{flex:1;min-width:0}.card-value{font-size:1.5rem;font-weight:800;color:#1f2937;margin-bottom:.25rem;line-height:1.2}.card-subtitle{font-size:.8rem;color:#6b7280;font-weight:500}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff80;border-radius:12px;border:1px solid rgba(255,255,255,.2)}.dark-mode .summary-item{background:#1f293780;border-color:#ffffff1a}.summary-item.total{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;font-weight:700;font-size:1.1rem}.summary-item .label{font-weight:600;color:#374151}.dark-mode .summary-item .label{color:#f3f4f6}.summary-item.total .label{color:#fff}.summary-item .value{font-weight:700;color:#ff6b35}.dark-mode .summary-item .value{color:#f7931e}.summary-item.total .value{color:#fff}.vendor-payouts{margin-bottom:2rem}.vendor-payouts h4{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#374151}.dark-mode .vendor-payouts h4{color:#f9fafb}.payout-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ffffff4d;border-radius:8px;margin-bottom:.5rem;border:1px solid rgba(255,255,255,.1)}.dark-mode .payout-item{background:#1f29374d;border-color:#ffffff0d}.vendor-name{font-weight:600;color:#374151}.dark-mode .vendor-name{color:#f3f4f6}.payout-amount{font-weight:700;color:#00b4d8}.dark-mode .payout-amount{color:#90e0ef}.summary-actions{display:flex;gap:1rem;justify-content:center}.history-container{max-width:1200px;margin:0 auto}.history-header{text-align:center;margin-bottom:3rem}.history-header h2{font-size:2.5rem;font-weight:800;color:#fff;margin:0 0 .5rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.dark-mode .history-header h2{color:#f9fafb}.history-header p{font-size:1.1rem;color:#fffc;margin:0}.dark-mode .history-header p{color:#f9fafbcc}.history-grid{display:grid;gap:2rem}.history-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.dark-mode .history-card{background:#1f2937f2;border-color:#ffffff1a}.history-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.history-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.dark-mode .history-card-header{border-bottom-color:#374151}.session-info h3{margin:0 0 .5rem;font-size:1.2rem;font-weight:700;color:#1f2937}.dark-mode .session-info h3{color:#f9fafb}.session-date{font-size:.9rem;color:#6b7280}.dark-mode .session-date{color:#9ca3af}.session-total{font-size:1.5rem;font-weight:800;color:#ff6b35}.dark-mode .session-total{color:#f7931e}.session-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#ffffff4d;border-radius:8px;font-size:.9rem}.dark-mode .breakdown-item{background:#1f29374d}.session-products,.session-vendors{margin-bottom:1.5rem}.session-products h4,.session-vendors h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#374151}.dark-mode .session-products h4,.dark-mode .session-vendors h4{color:#f9fafb}.product-list,.vendor-list{display:grid;gap:.5rem}.product-item,.vendor-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#fff3;border-radius:6px;font-size:.9rem}.dark-mode .product-item,.dark-mode .vendor-item{background:#1f293733}.product-name,.vendor-name{font-weight:500;color:#374151}.dark-mode .product-name,.dark-mode .vendor-name{color:#f3f4f6}.product-vendor{color:#6b7280;font-size:.8rem}.dark-mode .product-vendor{color:#9ca3af}.product-price,.vendor-amount{font-weight:600;color:#00b4d8}.dark-mode .product-price,.dark-mode .vendor-amount{color:#90e0ef}.empty-history{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#6b7280}.dark-mode .empty-history{color:#9ca3af}.empty-history svg{font-size:4rem;margin-bottom:1.5rem;opacity:.5}.empty-history h3{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:#374151}.dark-mode .empty-history h3{color:#f3f4f6}.empty-history p{margin:0;font-size:1rem;max-width:400px}.history-actions{display:flex;justify-content:center;margin-top:2rem}@media (max-width: 1200px){.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.cart-actions,.summary-actions{flex-direction:column}.payment-topbar{padding:1rem;flex-direction:column;gap:1rem}.topbar-left{width:100%;justify-content:space-between}.back-btn{order:-1}.content-area{padding:1rem}.summary-section{padding:0 1rem}.summary-grid{grid-template-columns:1fr;gap:1rem}.summary-card{padding:1.25rem}.card-icon{font-size:1.5rem;padding:.75rem}.card-value{font-size:1.25rem}.session-breakdown{grid-template-columns:1fr}.history-card-header{flex-direction:column;gap:1rem;align-items:flex-start}.checkout-header h2,.history-header h2{font-size:2rem}}@media (max-width: 480px){.payment-topbar{padding:.75rem}.section-card,.history-card{padding:1.5rem}.summary-card{padding:1rem;flex-direction:column;text-align:center;gap:.75rem}.card-icon{font-size:1.25rem;padding:.5rem}.card-value{font-size:1.1rem}.card-content h3{font-size:.8rem}.card-subtitle{font-size:.75rem}.payout-item{padding:.5rem .75rem}}.goal-quest-dashboard{display:flex;min-height:100vh;background:linear-gradient(135deg,#fbbf24,#f59e0b);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .3s ease}.goal-quest-dashboard.dark-mode{background:linear-gradient(135deg,#1f2937,#111827);color:#e0e0e0}.quest-sidebar{width:280px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#1f2937;position:fixed;height:100vh;left:-280px;top:0;z-index:1000;transition:left .3s ease;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.2)}.dark-mode .quest-sidebar{background:#1f2937f2;color:#f9fafb;border-right-color:#ffffff1a}.quest-sidebar.open{left:0}.logo{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:#f59e0b}.dark-mode .logo{color:#fbbf24}.nav-item:hover{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;transform:translate(10px);box-shadow:0 4px 15px #f59e0b66}.dark-mode .nav-item:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.nav-item.active{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 15px #f59e0b66}.dark-mode .nav-item.active{background:linear-gradient(135deg,#fbbf24,#f59e0b)}@media (min-width: 768px){.quest-sidebar{left:0}.main-content{margin-left:280px}}.quest-topbar{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem 2rem;border-bottom:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 20px #0000001a}.dark-mode .quest-topbar{background:#1f2937f2;border-bottom-color:#ffffff1a}.dark-mode .summary-card{background:#1f2937f2;border-color:#ffffff1a}.card-icon{font-size:2.5rem;padding:1rem;border-radius:16px;background:#f59e0b1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quests-container{max-width:1400px;margin:0 auto}.quests-header{text-align:center;margin-bottom:3rem}.quests-header h2{font-size:2.5rem;font-weight:800;color:#fff;margin:0 0 .5rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.dark-mode .quests-header h2{color:#f9fafb}.quests-header p{font-size:1.1rem;color:#fffc;margin:0}.dark-mode .quests-header p{color:#f9fafbcc}.quests-content{display:grid;gap:2rem}.dark-mode .section-card{background:#1f2937f2;border-color:#ffffff1a}.quest-form{display:flex;flex-direction:column;gap:1.5rem}.form-input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.btn-primary{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:1rem 1.5rem;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;justify-content:center}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #f59e0b66}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group label{font-weight:600;color:#374151;font-size:.9rem}.dark-mode .filter-group label{color:#f3f4f6}.filter-select{padding:.5rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.9rem;background:#fff;color:#1f2937;cursor:pointer;transition:all .3s ease}.filter-select:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.quests-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.quest-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #0000001a;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.dark-mode .quest-card{background:#1f2937f2;border-color:#ffffff1a}.quest-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.quest-card.completed{background:linear-gradient(135deg,#10b9811a,#0596691a);border-color:#10b9814d}.dark-mode .quest-card.completed{background:linear-gradient(135deg,#10b98133,#05966933)}.quest-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.quest-title h4{margin:0 0 .5rem;font-size:1.1rem;font-weight:700;color:#1f2937}.dark-mode .quest-title h4{color:#f9fafb}.quest-xp{display:flex;align-items:center;gap:.5rem;color:#f59e0b;font-weight:600;font-size:.9rem}.dark-mode .quest-xp{color:#fbbf24}.status{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status.in-progress{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.status.completed{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.quest-details{margin-bottom:1.5rem}.quest-deadline{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.9rem}.dark-mode .quest-deadline{color:#9ca3af}.quest-actions{display:flex;gap:.75rem}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1;justify-content:center}.action-btn.complete{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.action-btn.complete:hover{transform:translateY(-2px);box-shadow:0 4px 15px #10b98166}.action-btn.completed{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.action-btn.delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;flex:0 0 auto;padding:.75rem}.action-btn.delete:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ef444466}.empty-quests{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#6b7280}.dark-mode .empty-quests{color:#9ca3af}.empty-quests svg{font-size:4rem;margin-bottom:1.5rem;opacity:.5;color:#f59e0b}.dark-mode .empty-quests svg{color:#fbbf24}.empty-quests h3{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:#374151}.dark-mode .empty-quests h3{color:#f3f4f6}.empty-quests p{margin:0;font-size:1rem;max-width:400px}.clear-section{display:flex;justify-content:center;margin-top:2rem}.xp-display{display:flex;flex-direction:column;gap:1rem}.xp-text{display:flex;flex-direction:column;align-items:center;gap:.5rem}.xp-number{font-size:3rem;font-weight:800;color:#f59e0b;text-shadow:0 2px 10px rgba(245,158,11,.3)}.dark-mode .xp-number{color:#fbbf24}.xp-label{font-size:1.1rem;color:#6b7280;font-weight:600}.xp-progress-bar{width:100%;height:20px;background:#f59e0b33;border-radius:10px;overflow:hidden;position:relative}.xp-progress-fill{height:100%;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:10px;transition:width .5s ease;position:relative}.xp-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.stat-item{text-align:center;padding:1.5rem;background:#f59e0b1a;border-radius:12px;transition:all .3s ease}.dark-mode .stat-item{background:#f59e0b33}.stat-item:hover{transform:translateY(-4px);box-shadow:0 8px 25px #f59e0b33}.stat-value{font-size:2.5rem;font-weight:800;color:#f59e0b;margin-bottom:.5rem}.dark-mode .stat-value{color:#fbbf24}.stat-label{font-size:.9rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.dark-mode .coming-soon-content{background:#1f2937f2;border-color:#ffffff1a}.toast-notification{position:fixed;top:2rem;right:2rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 8px 25px #f59e0b4d;z-index:3000;animation:slideInRight .3s ease;font-weight:500}@media (max-width: 1024px){.summary-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.filters-header{flex-direction:column;align-items:flex-start}.filter-controls{width:100%;justify-content:space-between}.quest-topbar{padding:1rem;flex-direction:column;gap:1rem}.topbar-left{width:100%;justify-content:space-between}.back-btn{order:-1}.content-area{padding:1rem}.summary-grid{grid-template-columns:1fr;gap:1rem}.summary-card{padding:1.5rem}.card-icon{font-size:2rem;padding:.75rem}.card-value{font-size:1.5rem}.quests-grid{grid-template-columns:1fr}.quest-card{padding:1.25rem}.quest-header{flex-direction:column;align-items:flex-start;gap:1rem}.quest-actions{flex-direction:column}.action-btn{width:100%}.stats-grid{grid-template-columns:1fr}.xp-number{font-size:2.5rem}.analytics-header h2,.quests-header h2{font-size:2rem}}@media (max-width: 480px){.quest-topbar{padding:.75rem}.section-card{padding:1.25rem}.summary-card{padding:1.25rem;flex-direction:column;text-align:center;gap:.75rem}.card-icon{font-size:1.75rem;padding:.5rem}.card-value{font-size:1.25rem}.card-content h3{font-size:.8rem}.card-subtitle{font-size:.75rem}.quest-card{padding:1rem}.quest-title h4{font-size:1rem}.quest-xp{font-size:.8rem}.action-btn,.btn-primary,.btn-secondary{padding:.6rem .8rem;font-size:.85rem}.xp-number,.stat-value{font-size:2rem}.toast-notification{top:1rem;right:1rem;left:1rem;font-size:.9rem;padding:.75rem 1rem}}.mindmap-dashboard{display:flex;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .3s ease}.mindmap-dashboard.dark-mode{background:linear-gradient(135deg,#1e1b4b,#312e81);color:#e0e0e0}.mindmap-sidebar{width:280px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#1f2937;position:fixed;height:100vh;left:-280px;top:0;z-index:1000;transition:left .3s ease;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.2)}.dark-mode .mindmap-sidebar{background:#1e1b4bf2;color:#f9fafb;border-right-color:#ffffff1a}.mindmap-sidebar.open{left:0}@media (min-width: 768px){.mindmap-sidebar{left:0}.main-content{margin-left:280px}}.mindmap-topbar{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem 2rem;border-bottom:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 20px #0000001a}.dark-mode .mindmap-topbar{background:#1e1b4bf2;border-bottom-color:#ffffff1a}.mindmap-container{max-width:1400px;margin:0 auto}.mindmap-header{text-align:center;margin-bottom:3rem}.mindmap-header h2{font-size:2.5rem;font-weight:800;color:#fff;margin:0 0 .5rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.dark-mode .mindmap-header h2{color:#f9fafb}.mindmap-header p{font-size:1.1rem;color:#fffc;margin:0}.dark-mode .mindmap-header p{color:#f9fafbcc}.mindmap-content{display:grid;gap:2rem}.node-form{display:flex;flex-direction:column;gap:1.5rem}.filters-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.filter-controls{display:flex;gap:1rem;flex-wrap:wrap}.search-box{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;color:#6b7280;font-size:.9rem}.dark-mode .search-icon{color:#9ca3af}.search-input{padding:.75rem 1rem .75rem 2.5rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.9rem;background:#fff;color:#1f2937;transition:all .3s ease;min-width:250px}.dark-mode .search-input{background:#374151;border-color:#4b5563;color:#f9fafb}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.category-filter{display:flex;align-items:center}.filter-select{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.9rem;background:#fff;color:#1f2937;cursor:pointer;transition:all .3s ease;min-width:150px}.dark-mode .filter-select{background:#374151;border-color:#4b5563;color:#f9fafb}.filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.mindmap-workspace{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.dark-mode .mindmap-workspace{background:#1e1b4bf2;border-color:#ffffff1a}.workspace-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.workspace-header h3{margin:0;font-size:1.3rem;font-weight:700;color:#1f2937}.dark-mode .workspace-header h3{color:#f9fafb}.workspace-actions{display:flex;gap:.75rem;flex-wrap:wrap}.mindmap-canvas{position:relative;width:100%;height:600px;background:#ffffff1a;border-radius:16px;overflow:hidden;cursor:grab}.dark-mode .mindmap-canvas{background:#1e1b4b1a}.mindmap-canvas:active{cursor:grabbing}.connections-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.mindmap-node{position:absolute;width:100px;height:100px;border-radius:50%;border:3px solid;cursor:grab;transition:all .3s ease;z-index:10;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mindmap-node:hover{transform:scale(1.1);box-shadow:0 12px 35px #0000004d}.mindmap-node:active{cursor:grabbing}.mindmap-node.dragging{opacity:.8;transform:scale(1.05);z-index:100}.node-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;text-align:center;color:#fff;font-weight:600;font-size:.75rem;line-height:1.2;overflow:hidden}.node-category-badge{position:absolute;top:-8px;left:50%;transform:translate(-50%);padding:.2rem .5rem;border-radius:10px;font-size:.6rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;box-shadow:0 2px 8px #0003}.node-text{margin:0;font-size:.7rem;line-height:1.1;word-wrap:break-word;overflow-wrap:break-word;max-width:80px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.node-actions{position:absolute;bottom:-8px;right:-8px;display:flex;gap:.25rem}.delete-btn{background:#ef4444e6;border:none;color:#fff;width:20px;height:20px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.6rem;transition:all .3s ease;box-shadow:0 2px 8px #0003}.delete-btn:hover{background:#ef4444;transform:scale(1.1)}.empty-canvas{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#6b7280}.dark-mode .empty-canvas{color:#9ca3af}.empty-canvas svg{font-size:4rem;margin-bottom:1.5rem;opacity:.5;color:#667eea}.dark-mode .empty-canvas svg{color:#a5b4fc}.empty-canvas h3{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:#374151}.dark-mode .empty-canvas h3{color:#f3f4f6}.empty-canvas p{margin:0;font-size:1rem;max-width:400px}.analytics-container{max-width:1200px;margin:0 auto}.analytics-header{text-align:center;margin-bottom:3rem}.analytics-header h2{font-size:2.5rem;font-weight:800;color:#fff;margin:0 0 .5rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.dark-mode .analytics-header h2{color:#f9fafb}.analytics-header p{font-size:1.1rem;color:#fffc;margin:0}.dark-mode .analytics-header p{color:#f9fafbcc}.analytics-content{display:grid;gap:2rem}.category-stats{display:grid;gap:1rem}.category-stat{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#667eea0d;border-radius:12px;transition:all .3s ease}.dark-mode .category-stat{background:#667eea1a}.category-stat:hover{transform:translate(5px);box-shadow:0 4px 15px #667eea1a}.category-info{display:flex;align-items:center;gap:.75rem}.category-color{width:12px;height:12px;border-radius:50%}.category-name{font-weight:600;color:#374151}.dark-mode .category-name{color:#f3f4f6}.category-numbers{display:flex;align-items:center;gap:1rem}.category-count{font-weight:700;color:#667eea;font-size:1.1rem}.dark-mode .category-count{color:#a5b4fc}.category-percentage{font-size:.9rem;color:#6b7280;font-weight:500}.dark-mode .category-percentage{color:#9ca3af}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.insight-item{text-align:center;padding:1.5rem;background:#667eea0d;border-radius:12px;transition:all .3s ease}.dark-mode .insight-item{background:#667eea1a}.insight-item:hover{transform:translateY(-4px);box-shadow:0 8px 25px #667eea33}.insight-value{font-size:2.5rem;font-weight:800;color:#667eea;margin-bottom:.5rem}.dark-mode .insight-value{color:#a5b4fc}.insight-label{font-size:.9rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.dark-mode .insight-label{color:#9ca3af}.export-container{max-width:800px;margin:0 auto}.export-header{text-align:center;margin-bottom:3rem}.export-header h2{font-size:2.5rem;font-weight:800;color:#fff;margin:0 0 .5rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.dark-mode .export-header h2{color:#f9fafb}.export-header p{font-size:1.1rem;color:#fffc;margin:0}.dark-mode .export-header p{color:#f9fafbcc}.export-content{display:grid;gap:2rem}.export-options{display:grid;gap:1.5rem}.export-option{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#667eea0d;border-radius:12px;transition:all .3s ease;flex-wrap:wrap;gap:1rem}.dark-mode .export-option{background:#667eea1a}.export-option:hover{transform:translate(5px);box-shadow:0 4px 15px #667eea1a}.option-info h4{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#374151}.dark-mode .option-info h4{color:#f3f4f6}.option-info p{margin:0;color:#6b7280;font-size:.9rem}.dark-mode .option-info p{color:#9ca3af}.summary-stats{display:grid;gap:.5rem}.stat{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(0,0,0,.1)}.dark-mode .stat{border-bottom-color:#ffffff1a}.stat:last-child{border-bottom:none}.stat-label{font-size:.9rem;color:#6b7280;font-weight:500}.stat-value{font-weight:600;color:#374151}.coming-soon{display:flex;align-items:center;justify-content:center;min-height:60vh}.coming-soon-content{text-align:center;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:3rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.dark-mode .coming-soon-content{background:#1e1b4bf2;border-color:#ffffff1a}.coming-soon-content h2{margin:0 0 1rem;font-size:2rem;font-weight:700;color:#1f2937}.dark-mode .coming-soon-content h2{color:#f9fafb}.coming-soon-content p{margin:0;color:#6b7280;font-size:1.1rem}.dark-mode .coming-soon-content p{color:#9ca3af}@media (max-width: 1024px){.summary-grid,.insights-grid{grid-template-columns:repeat(2,1fr)}.mindmap-canvas{height:500px}}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.filters-header{flex-direction:column;align-items:flex-start}.filter-controls{width:100%;flex-direction:column}.search-input{min-width:100%}.mindmap-topbar{padding:1rem;flex-direction:column;gap:1rem}.topbar-left{width:100%;justify-content:space-between}.back-btn{order:-1}.content-area{padding:1rem}.summary-grid{grid-template-columns:1fr;gap:1rem}.summary-card{padding:1.5rem}.card-icon{font-size:2rem;padding:.75rem}.card-value{font-size:1.5rem}.mindmap-canvas{height:400px}.mindmap-node{width:80px;height:80px}.node-text{font-size:.6rem;max-width:60px}.workspace-header{flex-direction:column;align-items:flex-start}.workspace-actions{width:100%;justify-content:space-between}.insights-grid{grid-template-columns:1fr}.export-option{flex-direction:column;align-items:flex-start}.analytics-header h2,.mindmap-header h2,.export-header h2{font-size:2rem}}@media (max-width: 480px){.mindmap-topbar{padding:.75rem}.section-card{padding:1.25rem}.summary-card{padding:1.25rem;flex-direction:column;text-align:center;gap:.75rem}.card-icon{font-size:1.75rem;padding:.5rem}.card-value{font-size:1.25rem}.card-content h3{font-size:.8rem}.card-subtitle{font-size:.75rem}.mindmap-canvas{height:350px}.mindmap-node{width:70px;height:70px}.node-text{font-size:.55rem;max-width:50px}.node-category-badge{font-size:.5rem;padding:.15rem .4rem}.delete-btn{width:18px;height:18px;font-size:.5rem}.btn-primary,.btn-secondary{padding:.6rem .8rem;font-size:.85rem}.insight-value{font-size:2rem}.toast-notification{top:1rem;right:1rem;left:1rem;font-size:.9rem;padding:.75rem 1rem}}.shardspace-dashboard{display:flex;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .3s ease}.shardspace-dashboard.dark-mode{background:linear-gradient(135deg,#1e1b4b,#312e81);color:#e0e0e0}.shardspace-sidebar{width:280px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#1f2937;position:fixed;height:100vh;left:-280px;top:0;z-index:1000;transition:left .3s ease;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.2)}.dark-mode .shardspace-sidebar{background:#1e1b4bf2;color:#f9fafb;border-right-color:#ffffff1a}.shardspace-sidebar.open{left:0}.sidebar-header{padding:1.5rem;border-bottom:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center}.dark-mode .sidebar-header{border-bottom-color:#ffffff1a}.logo{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:#667eea}.dark-mode .logo{color:#a5b4fc}.logo svg{font-size:1.5rem}.sidebar-close{background:none;border:none;color:#6b7280;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease}.dark-mode .sidebar-close{color:#9ca3af}.sidebar-close:hover{background:#0000000d;color:#374151}.dark-mode .sidebar-close:hover{background:#ffffff1a;color:#f3f4f6}.sidebar-nav{padding:1.5rem 0;flex:1}.nav-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;color:#6b7280;text-decoration:none;transition:all .3s ease;background:none;border:none;width:100%;text-align:left;cursor:pointer;font-size:1rem;font-weight:500;border-radius:0 25px 25px 0;margin-right:1rem}.dark-mode .nav-item{color:#9ca3af}.nav-item:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translate(10px);box-shadow:0 4px 15px #667eea66}.dark-mode .nav-item:hover{background:linear-gradient(135deg,#a5b4fc,#c7d2fe);color:#1e1b4b}.nav-item.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.dark-mode .nav-item.active{background:linear-gradient(135deg,#a5b4fc,#c7d2fe);color:#1e1b4b}.nav-item svg{width:20px;height:20px;transition:transform .3s ease}.nav-item:hover svg{transform:scale(1.1)}.sidebar-footer{padding:1.5rem;border-top:1px solid rgba(0,0,0,.1)}.dark-mode .sidebar-footer{border-top-color:#ffffff1a}.theme-toggle{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:none;color:#374151;padding:.75rem 1rem;border-radius:12px;cursor:pointer;transition:all .3s ease;width:100%;justify-content:center;font-size:.9rem;font-weight:500}.dark-mode .theme-toggle{background:linear-gradient(135deg,#374151,#1f2937);color:#f3f4f6}.theme-toggle:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003}.main-content{flex:1;margin-left:0;transition:margin-left .3s ease;display:flex;flex-direction:column}@media (min-width: 768px){.shardspace-sidebar{left:0}.main-content{margin-left:280px}}.shardspace-topbar{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem 2rem;border-bottom:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 20px #0000001a}.dark-mode .shardspace-topbar{background:#1e1b4bf2;border-bottom-color:#ffffff1a}.topbar-left{display:flex;align-items:center;gap:1rem}.sidebar-toggle{background:none;border:none;font-size:1.2rem;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:8px;transition:background-color .3s ease}.dark-mode .sidebar-toggle{color:#9ca3af}.sidebar-toggle:hover{background:#0000000d}.dark-mode .sidebar-toggle:hover{background:#ffffff1a}.back-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none}.back-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #6b728066}.topbar-center h1{margin:0;font-size:1.5rem;font-weight:700;color:#1f2937;text-align:center}.dark-mode .topbar-center h1{color:#f9fafb}.topbar-right{display:flex;align-items:center}.user-info{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-weight:500}.dark-mode .user-info{color:#9ca3af}.content-area{flex:1;padding:2rem;overflow-y:auto}.summary-section{margin-bottom:2rem}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.summary-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000001a;transition:all .3s ease;display:flex;align-items:center;gap:1.5rem;border:1px solid rgba(255,255,255,.2)}.dark-mode .summary-card{background:#1e1b4bf2;border-color:#ffffff1a}.summary-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0003}.card-icon{font-size:2.5rem;padding:1rem;border-radius:16px;background:#667eea1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-content h3{margin:0 0 .5rem;font-size:.9rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.dark-mode .card-content h3{color:#9ca3af}.card-value{font-size:2rem;font-weight:800;color:#1f2937;margin-bottom:.25rem}.dark-mode .card-value{color:#f9fafb}.card-subtitle{font-size:.85rem;color:#6b7280;font-weight:500}.dark-mode .card-subtitle{color:#9ca3af}.shards-container{max-width:1400px;margin:0 auto}.shards-header{text-align:center;margin-bottom:3rem}.shards-header h2{font-size:2.5rem;font-weight:800;color:#fff;margin:0 0 .5rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.dark-mode .shards-header h2{color:#f9fafb}.shards-header p{font-size:1.1rem;color:#fffc;margin:0}.dark-mode .shards-header p{color:#f9fafbcc}.shards-content{display:grid;gap:2rem}.section-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.dark-mode .section-card{background:#1e1b4bf2;border-color:#ffffff1a}.section-card h3{margin:0 0 1.5rem;font-size:1.3rem;font-weight:700;color:#1f2937}.dark-mode .section-card h3{color:#f9fafb}.shard-form{display:flex;flex-direction:column;gap:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.form-field{display:flex;flex-direction:column}.form-field label{margin-bottom:.5rem;font-weight:600;color:#374151;font-size:.9rem}.dark-mode .form-field label{color:#f3f4f6}.form-input{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;transition:all .3s ease;background:#fff;color:#1f2937}.dark-mode .form-input{background:#374151;border-color:#4b5563;color:#f9fafb}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-primary{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 1.5rem;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;justify-content:center}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.btn-secondary{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #6b728066}.btn-secondary.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-secondary.danger:hover{box-shadow:0 4px 15px #ef444466}.shards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.shard-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;box-shadow:0 8px 25px #00000026;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.dark-mode .shard-card{background:#1e1b4bf2;border-color:#ffffff1a}.shard-card:hover{transform:translateY(-4px);box-shadow:0 12px 35px #0003}.shard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.shard-info h3{margin:0 0 .5rem;font-size:1.2rem;font-weight:700;color:#1f2937}.dark-mode .shard-info h3{color:#f9fafb}.shard-category{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.shard-actions{display:flex;gap:.5rem}.action-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;font-size:.9rem}.dark-mode .action-btn{color:#9ca3af}.action-btn:hover{background:#0000000d;color:#374151;transform:scale(1.1)}.dark-mode .action-btn:hover{background:#ffffff1a;color:#f3f4f6}.action-btn.danger:hover{background:#ef44441a;color:#ef4444}.shard-progress{margin-bottom:1rem}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.xp-text{font-size:.9rem;font-weight:600;color:#374151}.dark-mode .xp-text{color:#f3f4f6}.progress-percentage{font-size:.8rem;color:#6b7280;font-weight:500}.dark-mode .progress-percentage{color:#9ca3af}.progress-bar{width:100%;height:8px;background:#0000001a;border-radius:4px;overflow:hidden}.dark-mode .progress-bar{background:#ffffff1a}.progress-bar.large{height:12px;border-radius:6px}.progress-fill{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s ease;border-radius:inherit}.progress-percentage-large{text-align:center;font-size:1.1rem;font-weight:700;color:#667eea;margin-top:.5rem}.dark-mode .progress-percentage-large{color:#a5b4fc}.shard-stats{display:flex;justify-content:space-between;margin-bottom:1rem}.stat{display:flex;flex-direction:column;align-items:center}.stat-label{font-size:.75rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.dark-mode .stat-label{color:#9ca3af}.stat-value{font-size:1.1rem;font-weight:700;color:#374151}.dark-mode .stat-value{color:#f3f4f6}.shard-badges{display:flex;gap:.5rem;justify-content:center}.badge{display:inline-block;font-size:1.2rem;padding:.25rem;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badges-section{margin-top:1.5rem}.badges-section h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#374151}.dark-mode .badges-section h3{color:#f3f4f6}.badges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.badge-card{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#ffffff1a;border-radius:12px;text-align:center}.dark-mode .badge-card{background:#ffffff0d}.badge-icon{font-size:2rem;margin-bottom:.5rem}.badge-name{font-size:.8rem;font-weight:600;color:#374151;margin-bottom:.25rem}.dark-mode .badge-name{color:#f3f4f6}.badge-xp{font-size:.7rem;color:#6b7280;font-weight:500}.dark-mode .badge-xp{color:#9ca3af}.empty-shards,.empty-milestones,.empty-quests,.empty-archived{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#6b7280;grid-column:1 / -1}.dark-mode .empty-shards,.dark-mode .empty-milestones,.dark-mode .empty-quests,.dark-mode .empty-archived{color:#9ca3af}.empty-shards svg,.empty-milestones svg,.empty-quests svg,.empty-archived svg{font-size:4rem;margin-bottom:1.5rem;opacity:.5;color:#667eea}.dark-mode .empty-shards svg,.dark-mode .empty-milestones svg,.dark-mode .empty-quests svg,.dark-mode .empty-archived svg{color:#a5b4fc}.empty-shards h3,.empty-milestones h3,.empty-quests h3,.empty-archived h3{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:#374151}.dark-mode .empty-shards h3,.dark-mode .empty-milestones h3,.dark-mode .empty-quests h3,.dark-mode .empty-archived h3{color:#f3f4f6}.empty-shards p,.empty-milestones p,.empty-quests p,.empty-archived p{margin:0;font-size:1rem;max-width:400px}.shard-detail-container{max-width:1200px;margin:0 auto}.shard-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.shard-title-section h2{margin:0 0 .5rem;font-size:2rem;font-weight:800;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.dark-mode .shard-title-section h2{color:#f9fafb}.shard-progress-section{margin-bottom:3rem}.progress-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);margin-bottom:1.5rem}.dark-mode .progress-card{background:#1e1b4bf2;border-color:#ffffff1a}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.progress-header h3{margin:0;font-size:1.2rem;font-weight:700;color:#1f2937}.dark-mode .progress-header h3{color:#f9fafb}.xp-display{display:flex!important;flex-direction:row!important;align-items:baseline;gap:.25rem}.xp-earned{font-size:1.5rem;font-weight:800;color:#667eea}.dark-mode .xp-earned{color:#a5b4fc}.xp-separator{font-size:1rem;color:#6b7280;font-weight:500}.dark-mode .xp-separator{color:#9ca3af}.xp-target{font-size:1.2rem;font-weight:600;color:#374151}.dark-mode .xp-target{color:#f3f4f6}.xp-label{font-size:.9rem;color:#6b7280;font-weight:500;margin-left:.25rem}.dark-mode .xp-label{color:#9ca3af}.milestones-section{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.dark-mode .milestones-section{background:#1e1b4bf2;border-color:#ffffff1a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.section-header h3{margin:0;font-size:1.3rem;font-weight:700;color:#1f2937}.dark-mode .section-header h3{color:#f9fafb}.form-card{background:#667eea0d;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.dark-mode .form-card{background:#667eea1a}.form-card h4{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#374151}.dark-mode .form-card h4{color:#f3f4f6}.form-actions{display:flex;gap:1rem;margin-top:1rem}.milestones-grid{display:grid;gap:1.5rem}.milestone-card{background:#ffffff1a;border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.dark-mode .milestone-card{background:#ffffff0d}.milestone-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.milestone-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.milestone-header h4{margin:0;font-size:1.1rem;font-weight:700;color:#1f2937}.dark-mode .milestone-header h4{color:#f3f4f6}.milestone-actions{display:flex;gap:.5rem}.milestone-progress{margin-bottom:1rem}.quest-form-card{background:#667eea0d;border-radius:12px;padding:1.5rem;margin-bottom:1rem}.dark-mode .quest-form-card{background:#667eea1a}.quest-form-card h5{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#374151}.dark-mode .quest-form-card h5{color:#f3f4f6}.quests-list{display:grid;gap:.75rem}.quest-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff1a;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.dark-mode .quest-card{background:#ffffff0d}.quest-card:hover{transform:translate(5px);box-shadow:0 4px 15px #0000001a}.quest-card.pending{border-left:4px solid #6b7280}.quest-card.in-progress{border-left:4px solid #f59e0b}.quest-card.completed{border-left:4px solid #10b981}.quest-info{display:flex;flex-direction:column;gap:.25rem}.quest-info h5{margin:0;font-size:.95rem;font-weight:600;color:#1f2937}.dark-mode .quest-info h5{color:#f3f4f6}.quest-xp{font-size:.8rem;color:#6b7280;font-weight:500}.dark-mode .quest-xp{color:#9ca3af}.quest-status{display:flex;align-items:center}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.pending{background:#6b72801a;color:#6b7280}.status-badge.in-progress{background:#f59e0b1a;color:#f59e0b}.status-badge.completed{background:#10b9811a;color:#10b981}.quest-actions{display:flex;gap:.5rem}.archived-container{max-width:1200px;margin:0 auto}.archived-header{text-align:center;margin-bottom:3rem}.archived-header h2{font-size:2.5rem;font-weight:800;color:#fff;margin:0 0 .5rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.dark-mode .archived-header h2{color:#f9fafb}.archived-header p{font-size:1.1rem;color:#fffc;margin:0}.dark-mode .archived-header p{color:#f9fafbcc}.archived-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.archived-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;box-shadow:0 8px 25px #00000026;border:1px solid rgba(255,255,255,.2);opacity:.8}.dark-mode .archived-card{background:#1e1b4bf2;border-color:#ffffff1a}.archived-header h3{margin:0 0 .5rem;font-size:1.2rem;font-weight:700;color:#1f2937}.dark-mode .archived-header h3{color:#f9fafb}.archived-category{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.archived-progress{margin:1rem 0}.archived-actions{display:flex;gap:.75rem;margin-top:1rem}.shard-not-found{text-align:center;padding:4rem 2rem}.shard-not-found h2{margin:0 0 1rem;font-size:2rem;font-weight:700;color:#fff}.dark-mode .shard-not-found h2{color:#f9fafb}.shard-not-found p{margin:0 0 2rem;color:#fffc;font-size:1.1rem}.dark-mode .shard-not-found p{color:#f9fafbcc}.toast-notification{position:fixed;top:2rem;right:2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 8px 25px #667eea4d;z-index:3000;animation:slideInRight .3s ease;font-weight:500}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 1024px){.summary-grid{grid-template-columns:repeat(2,1fr)}.shards-grid,.archived-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.badges-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.shardspace-topbar{padding:1rem;flex-direction:column;gap:1rem}.topbar-left{width:100%;justify-content:space-between}.back-btn{order:-1}.content-area{padding:1rem}.summary-grid{grid-template-columns:1fr;gap:1rem}.summary-card{padding:1.5rem}.card-icon{font-size:2rem;padding:.75rem}.card-value{font-size:1.5rem}.shards-grid,.archived-grid{grid-template-columns:1fr;gap:1rem}.shard-detail-header,.section-header{flex-direction:column;align-items:flex-start}.form-actions{flex-direction:column}.quest-card{flex-direction:column;align-items:flex-start;gap:1rem}.quest-actions{width:100%;justify-content:flex-end}.archived-actions{flex-direction:column}.shards-header h2,.archived-header h2{font-size:2rem}}@media (max-width: 480px){.shardspace-topbar{padding:.75rem}.section-card{padding:1.25rem}.summary-card{padding:1.25rem;flex-direction:column;text-align:center;gap:.75rem}.card-icon{font-size:1.75rem;padding:.5rem}.card-value{font-size:1.25rem}.card-content h3{font-size:.8rem}.card-subtitle{font-size:.75rem}.shard-card,.archived-card,.milestone-card{padding:1.25rem}.quest-card{padding:1rem}.btn-primary,.btn-secondary{padding:.6rem .8rem;font-size:.85rem}.toast-notification{top:1rem;right:1rem;left:1rem;font-size:.9rem;padding:.75rem 1rem}}