.notification-container.svelte-6rhnmd{z-index:2000;pointer-events:none;flex-direction:column;gap:12px;max-width:400px;display:flex;position:fixed;top:24px;right:24px}.notification.svelte-6rhnmd{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#fff;border:1px solid #fffc;border-radius:60px;align-items:center;gap:12px;min-width:280px;padding:14px 24px;font-size:.9rem;font-weight:500;animation:.3s svelte-6rhnmd-slideIn;display:flex;box-shadow:0 20px 28px -12px #0000001f}.notification.success.svelte-6rhnmd{color:#2e8b6e;border-left:4px solid #2e8b6e}.notification.error.svelte-6rhnmd{color:#c46e4a;border-left:4px solid #c46e4a}.notification.warning.svelte-6rhnmd{color:#b8860b;border-left:4px solid #e6a817}.notification.info.svelte-6rhnmd{color:#1f7e92;border-left:4px solid #1f9eb0}.notification.svelte-6rhnmd i:where(.svelte-6rhnmd){flex-shrink:0;font-size:1.2rem}.notification.svelte-6rhnmd span:where(.svelte-6rhnmd){word-break:break-word;flex:1}.btn-close.svelte-6rhnmd{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;flex-shrink:0;padding:4px;font-size:.9rem;transition:opacity .2s}.btn-close.svelte-6rhnmd:hover{opacity:1}@keyframes svelte-6rhnmd-slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes svelte-6rhnmd-slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.notification.removing.svelte-6rhnmd{animation:.3s forwards svelte-6rhnmd-slideOut}@media (width<=480px){.notification-container.svelte-6rhnmd{max-width:unset;top:12px;left:12px;right:12px}.notification.svelte-6rhnmd{min-width:unset;max-width:unset;border-radius:40px;gap:8px;width:100%;padding:12px 16px;font-size:.8rem}.notification.svelte-6rhnmd i:where(.svelte-6rhnmd){font-size:1rem}.btn-close.svelte-6rhnmd{font-size:.8rem}}@media (width>=481px) and (width<=768px){.notification-container.svelte-6rhnmd{max-width:unset;top:16px;left:16px;right:16px}.notification.svelte-6rhnmd{min-width:unset;max-width:unset;width:100%}}@media (width>=769px) and (width<=1024px){.notification-container.svelte-6rhnmd{max-width:360px;top:20px;right:20px}}@media (width>=1921px) and (width<=2560px){.notification-container.svelte-6rhnmd{max-width:480px;top:32px;right:32px}.notification.svelte-6rhnmd{border-radius:80px;gap:14px;padding:18px 28px;font-size:1.1rem}.notification.svelte-6rhnmd i:where(.svelte-6rhnmd){font-size:1.4rem}.btn-close.svelte-6rhnmd{font-size:1.1rem}}@media (width>=2561px){.notification-container.svelte-6rhnmd{max-width:560px;top:48px;right:48px}.notification.svelte-6rhnmd{border-radius:100px;gap:16px;padding:22px 32px;font-size:1.3rem}.notification.svelte-6rhnmd i:where(.svelte-6rhnmd){font-size:1.6rem}.btn-close.svelte-6rhnmd{font-size:1.3rem}}:root{--color-primary:#1f9eb0;--color-primary-dark:#1f7e92;--color-primary-light:#87b9ce;--color-primary-bg:#1f9eb01f;--color-primary-border:#1f9eb04d;--color-text-primary:#1a2c3e;--color-text-secondary:#4f6f8a;--color-text-tertiary:#5a728b;--color-text-muted:#789bb3;--color-text-heading:#1f4960;--color-text-table-header:#265e79;--color-text-table-cell:#1e4057;--color-success:#2e8b6e;--color-warning:#c46e4a;--color-bg-gradient-start:#eef2f9;--color-bg-gradient-end:#e0e9f2;--color-glass-bg:#ffffffb3;--color-glass-bg-heavy:#ffffffbf;--color-glass-bg-light:#ffffff8c;--color-glass-bg-lighter:#ffffffd9;--color-glass-border:#ffffffb3;--color-glass-border-light:#fffc;--color-glass-border-lighter:#ffffffe6;--color-modal-overlay:#00000059;--color-table-header-bg:#f8fcff99;--color-table-border:#0000000a;--color-table-border-heavy:#0000000d;--color-selected-bg:#1f9eb02e;--color-selected-border:#1f9eb033;--color-hover-bg:#1f9eb00f;--shadow-sm:0 2px 8px #00000005;--shadow-md:0 8px 18px #0000000a;--shadow-lg:0 12px 28px #0000000a;--shadow-xl:0 20px 32px -12px #00000014;--shadow-hover:0 20px 28px -12px #0000001f;--shadow-focus:0 6px 14px #1f9eb01f;--shadow-modal:0 30px 40px #0003;--shadow-header:0 8px 20px #00000008, 0 1px 2px #00000005;--shadow-btn-hover:0 2px 6px #0000000d;--radius-sm:32px;--radius-md:36px;--radius-lg:40px;--radius-xl:48px;--radius-pill:60px;--radius-header:80px;--radius-badge:40px;--font-primary:"Inter", sans-serif;--font-display:"Outfit", sans-serif;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:18px;--spacing-lg:24px;--spacing-xl:28px;--spacing-2xl:32px;--spacing-3xl:36px;--spacing-4xl:40px;--spacing-5xl:44px;--transition-fast:.15s;--transition-normal:.2s;--transition-slow:.25s;--blur-sm:blur(2px);--blur-md:blur(4px);--blur-lg:blur(8px);--blur-xl:blur(12px)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background:linear-gradient(145deg, var(--color-bg-gradient-start) 0%, var(--color-bg-gradient-end) 100%);color:var(--color-text-primary);min-height:100vh}.container{max-width:1600px;margin:0 auto;padding:32px 36px}@media (width<=780px){.container{padding:20px 18px}}.glass-card{background:var(--color-glass-bg);-webkit-backdrop-filter:var(--blur-xl);backdrop-filter:var(--blur-xl);border-radius:var(--radius-sm);padding:var(--spacing-2xl) var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-glass-border-light);transition:all var(--transition-slow) ease}.glass-card:hover{background:var(--color-glass-bg-lighter);box-shadow:var(--shadow-hover);border-color:#fff;transform:translateY(-4px)}.glass-card-heavy{background:var(--color-glass-bg-heavy);-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);border:1px solid var(--color-glass-border)}.header{margin-bottom:var(--spacing-4xl);justify-content:space-between;align-items:center;gap:var(--spacing-lg);background:var(--color-glass-bg-light);-webkit-backdrop-filter:var(--blur-xl);backdrop-filter:var(--blur-xl);padding:var(--spacing-xs) var(--spacing-xl);border-radius:var(--radius-header);box-shadow:var(--shadow-header);border:1px solid var(--color-glass-border);flex-wrap:wrap;display:flex}@media (width<=780px){.header{border-radius:var(--radius-lg);flex-direction:column}}.logo h1{background:linear-gradient(135deg, #0f5e7c, var(--color-primary));color:#0000;letter-spacing:-.8px;font-size:2rem;font-weight:800;font-family:var(--font-display);-webkit-background-clip:text;background-clip:text}.search-wrapper{background:var(--color-glass-bg-lighter);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border-radius:var(--radius-pill);padding:var(--spacing-xs) var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-glass-border-lighter);transition:all var(--transition-normal) ease;align-items:center;display:flex}.search-wrapper:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-focus);background:#fff}.search-wrapper i{color:var(--color-text-tertiary);margin-right:var(--spacing-sm);font-size:1rem}.search-wrapper input{width:260px;font-size:.95rem;font-weight:500;font-family:var(--font-primary);background:0 0;border:none;outline:none}.nav-pills{gap:var(--spacing-lg);background:var(--color-glass-bg);padding:var(--spacing-xs) var(--spacing-xl);border-radius:var(--radius-pill);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);display:flex}.nav-pills span{cursor:default;letter-spacing:.3px;color:var(--color-text-tertiary);font-size:.9rem;font-weight:600}.nav-pills span.active{color:var(--color-primary-dark);border-bottom:2.5px solid var(--color-primary);padding-bottom:5px}.stats-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-5xl);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.stat-card{background:var(--color-glass-bg);-webkit-backdrop-filter:var(--blur-xl);backdrop-filter:var(--blur-xl);border-radius:var(--radius-sm);padding:var(--spacing-lg) var(--spacing-xl);box-shadow:var(--shadow-md);transition:all var(--transition-slow) ease;border:1px solid var(--color-glass-border-light);cursor:default;justify-content:space-between;align-items:center;display:flex}.stat-card:hover{background:var(--color-glass-bg-lighter);box-shadow:var(--shadow-hover);border-color:#fff;transform:translateY(-4px)}.stat-info h4{text-transform:uppercase;letter-spacing:1px;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);font-size:.8rem;font-weight:600}.stat-value{color:var(--color-text-heading);font-size:1.8rem;font-weight:800;font-family:var(--font-display)}.stat-icon{color:var(--color-primary-light);opacity:.8;font-size:2.3rem}.stat-card.primary{background:linear-gradient(125deg, var(--color-primary-bg), var(--color-glass-bg));border:1px solid var(--color-primary-border);cursor:pointer}.stat-card.primary .stat-icon{color:var(--color-primary)}.table-section{background:var(--color-glass-bg-heavy);-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);border-radius:var(--radius-sm);padding:var(--spacing-2xl) 0;margin-bottom:var(--spacing-3xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-glass-border);transition:all var(--transition-normal);overflow-x:auto}.table-section h3{padding:0 var(--spacing-2xl) var(--spacing-md) var(--spacing-2xl);align-items:center;gap:var(--spacing-sm);border-bottom:1px solid var(--color-table-border-heavy);margin-bottom:var(--spacing-xs);color:var(--color-text-heading);letter-spacing:-.2px;font-size:1.3rem;font-weight:700;display:flex}.table-section h3 i{color:var(--color-primary);font-size:1.2rem}.data-table{border-collapse:collapse;width:100%;font-size:.85rem}.data-table th{text-align:left;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-table-header-bg);color:var(--color-text-table-header);border-bottom:1px solid var(--color-table-border-heavy);letter-spacing:.3px;font-size:.8rem;font-weight:700}.data-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-table-border);color:var(--color-text-table-cell);transition:background var(--transition-fast);font-weight:500}.data-table tr{transition:all var(--transition-fast);cursor:pointer}.data-table tr.selected{background:var(--color-selected-bg);border-left:3px solid var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-selected-border)}.data-table tr:hover td{background:var(--color-hover-bg)}.badge{background:var(--color-primary-bg);padding:5px var(--spacing-sm);border-radius:var(--radius-badge);color:var(--color-primary-dark);font-size:.72rem;font-weight:700;display:inline-block}.btn-icon{background:var(--color-glass-bg);cursor:pointer;border-radius:var(--radius-badge);transition:var(--transition-normal);width:32px;color:var(--color-text-tertiary);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border:none;padding:6px;font-size:1rem}.btn-icon:hover{color:var(--color-primary);box-shadow:var(--shadow-btn-hover);background:#fff;transform:scale(1.02)}.btn-icon.success{color:var(--color-success)}.btn-icon.danger{color:var(--color-warning)}.payment-card{background:var(--color-glass-bg-heavy);-webkit-backdrop-filter:var(--blur-xl);backdrop-filter:var(--blur-xl);border-radius:var(--radius-md);padding:var(--spacing-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--color-glass-border-light);top:var(--spacing-lg);position:sticky}.payment-card h3{margin-bottom:var(--spacing-2xl);align-items:center;gap:var(--spacing-sm);color:var(--color-text-heading);border-left:4px solid var(--color-primary);padding-left:var(--spacing-lg);font-size:1.35rem;font-weight:700;display:flex}.payment-row{padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-table-border-heavy);justify-content:space-between;font-size:1rem;display:flex}.payment-row span:first-child{color:var(--color-text-tertiary);font-weight:600}.payment-row span:last-child{color:var(--color-text-heading);font-weight:800}.payment-row.total{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:2px dashed var(--color-primary-border);font-size:1.2rem}.modal{background:var(--color-modal-overlay);width:100%;height:100%;-webkit-backdrop-filter:var(--blur-xl);backdrop-filter:var(--blur-xl);z-index:1000;justify-content:center;align-items:center;display:none;position:fixed;top:0;left:0}.modal.active{display:flex}.modal-content{-webkit-backdrop-filter:var(--blur-xl);backdrop-filter:var(--blur-xl);border-radius:var(--radius-xl);width:90%;max-width:480px;padding:var(--spacing-2xl) var(--spacing-2xl) var(--spacing-3xl);box-shadow:var(--shadow-modal);background:#fffffff5;border:1px solid #fff}.modal-content h3{margin-bottom:var(--spacing-2xl);font-size:1.6rem;font-weight:700}.modal-content input,.modal-content select{width:100%;padding:var(--spacing-md) var(--spacing-lg);margin:var(--spacing-xs) 0 var(--spacing-md);border-radius:var(--radius-pill);background:#fff;border:1px solid #cfe0ea;outline:none;font-family:inherit}.modal-content button{background:var(--color-primary);color:#fff;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-pill);cursor:pointer;width:100%;transition:var(--transition-normal);border:none;font-weight:700}.modal-content button:hover{background:var(--color-primary-dark)}.modal-content button.secondary{background:var(--color-bg-gradient-start);color:var(--color-text-heading);margin-top:var(--spacing-xs)}.form-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-pill);font-family:var(--font-primary);transition:all var(--transition-normal) ease;background:#fff;border:1px solid #cfe0ea;outline:none}.form-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-normal) ease;font-weight:700;font-family:var(--font-primary);border:none;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-focus);transform:scale(1.02)}.btn-secondary{background:var(--color-bg-gradient-start);color:var(--color-text-heading)}.btn-secondary:hover{box-shadow:var(--shadow-btn-hover);background:#fff}.btn-full{width:100%}.notification-container{top:var(--spacing-2xl);right:var(--spacing-2xl);z-index:2000;gap:var(--spacing-sm);flex-direction:column;display:flex;position:fixed}.notification{-webkit-backdrop-filter:var(--blur-xl);backdrop-filter:var(--blur-xl);border-radius:var(--radius-pill);padding:var(--spacing-md) var(--spacing-xl);box-shadow:var(--shadow-hover);border:1px solid var(--color-glass-border-light);align-items:center;gap:var(--spacing-sm);background:#fff;min-width:280px;max-width:400px;font-size:.9rem;font-weight:500;animation:.3s slideIn;display:flex}.notification.success{border-left:4px solid var(--color-success);color:var(--color-success)}.notification.error{border-left:4px solid var(--color-warning);color:var(--color-warning)}.notification.info{border-left:4px solid var(--color-primary);color:var(--color-primary-dark)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.notification.removing{animation:.3s forwards slideOut}.footer{margin-top:var(--spacing-5xl);text-align:center;color:var(--color-text-muted);letter-spacing:.3px;font-size:.7rem}.main-panel{gap:var(--spacing-2xl);flex-wrap:wrap;display:flex}.main-panel .tables-area{flex:2.6;min-width:280px}.main-panel .summary-area{flex:1.2;min-width:260px}.spinner{border:3px solid var(--color-glass-bg);border-top:3px solid var(--color-primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.link{color:var(--color-primary);transition:color var(--transition-fast);font-weight:600;text-decoration:none}.link:hover{color:var(--color-primary-dark);text-decoration:underline}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{min-height:100vh;margin:0;padding:0}::selection{color:#1a2c3e;background:#1f9eb04d}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#00000005;border-radius:4px}::-webkit-scrollbar-thumb{background:#1f9eb04d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#1f9eb080}