:root{--bg-color:#f3f4f6;--bg-surface:#fff;--card-bg:#fff;--bg-surface-hover:#f9fafb;--bg-surface-light:#f3f4f6;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--accent-color:#2563eb;--accent-hover:#1d4ed8;--accent-bg:#eff6ff;--success:#059669;--success-bg:#d1fae5;--warning:#d97706;--warning-bg:#fef3c7;--danger:#dc2626;--danger-bg:#fee2e2;--border-color:#e5e7eb;--border-radius-sm:4px;--border-radius-md:6px;--border-radius-lg:8px;--border-radius-full:9999px;--card-shadow:0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;--card-border:1px solid var(--border-color)}.dark{--bg-color:#0f172a;--bg-surface:#1e293b;--card-bg:#1e293b;--bg-surface-hover:#334155;--bg-surface-light:#0f172a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-color:#3b82f6;--accent-hover:#60a5fa;--accent-bg:#3b82f626;--success:#10b981;--success-bg:#10b98126;--warning:#f59e0b;--warning-bg:#f59e0b26;--danger:#ef4444;--danger-bg:#ef444426;--border-color:#334155;--card-shadow:0 4px 6px -1px #0000004d, 0 2px 4px -1px #0003}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none;transition:color .15s}a:hover{color:var(--accent-color)}button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:all .15s ease-in-out}input,textarea,select{background-color:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);text-overflow:ellipsis;white-space:nowrap;outline:none;max-width:100%;padding:.6rem .875rem;font-family:inherit;font-size:.875rem;transition:border-color .15s,box-shadow .15s;overflow:hidden}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,textarea:focus,select:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #2563eb33}.glass-card{background:var(--bg-surface);border:var(--card-border);border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);flex-direction:column;width:100%;max-width:100%;padding:1.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.glass-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.app-container{width:100%;max-width:100vw;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.main-content{box-sizing:border-box;flex:1;width:100%;min-width:0;max-width:100%;padding:2rem 3rem;transition:all .3s cubic-bezier(.4,0,.2,1);overflow-x:hidden}.responsive-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;width:100%;display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.w-full{width:100%}@media (max-width:768px){.main-content{margin-left:0;padding:80px 1rem 1rem}.flex-col-mobile{flex-direction:column!important;align-items:stretch!important;gap:1rem!important;width:100%!important;display:flex!important}.flex-col-mobile>*{width:100%!important;min-width:0!important;max-width:100%!important}.glass-card{border-radius:var(--border-radius-md);width:100%;padding:1rem}.responsive-grid{gap:1rem;grid-template-columns:1fr!important}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr!important}.page-header{flex-direction:column;align-items:stretch;gap:1rem}.header-actions{flex-direction:column;gap:.5rem;width:100%;display:flex}.header-actions>button,.header-actions>a{justify-content:center;width:100%}.mobile-hide{display:none!important}}@media (min-width:769px){.desktop-hide{display:none!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--border-radius-full);background:#cbd5e1}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.btn-primary{background-color:var(--accent-color);color:#fff;border-radius:var(--border-radius-md);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.875rem;font-weight:500;display:inline-flex}.btn-primary:hover{background-color:var(--accent-hover)}.btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);border-radius:var(--border-radius-md);border:1px solid #d1d5db;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.875rem;font-weight:500;display:inline-flex;box-shadow:0 1px 2px #0000000d}.btn-secondary:hover{background-color:var(--bg-surface-hover)}.btn-danger{background-color:var(--danger-bg);color:var(--danger);border-radius:var(--border-radius-md);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.875rem;font-weight:500;display:inline-flex}.btn-danger:hover{background-color:#fca5a5}.btn-icon{color:var(--text-secondary);border-radius:var(--border-radius-md);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:inline-flex}.btn-icon:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.btn-icon.danger{color:var(--danger)}.btn-icon.danger:hover{background:var(--danger-bg)}.btn-icon.success{color:var(--success)}.btn-icon.success:hover{background:var(--success-bg)}.badge{border-radius:var(--border-radius-full);white-space:nowrap;padding:.25rem .6rem;font-size:.75rem;font-weight:500}.badge-success{background-color:var(--success-bg);color:var(--success)}.badge-warning{background-color:var(--warning-bg);color:var(--warning)}.badge-danger{background-color:var(--danger-bg);color:var(--danger)}.badge-blue{color:var(--accent-color);background-color:#dbeafe}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.3s ease-in-out forwards fadeIn}.table-container,.table-responsive{-webkit-overflow-scrolling:touch;border-radius:var(--border-radius-md);width:100%;margin-bottom:1rem;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:600px;font-size:.875rem}th,td{border-bottom:1px solid var(--border-color);padding:.875rem 1rem}th{color:var(--text-secondary);background-color:var(--bg-surface-hover);font-weight:600}tr:last-child td{border-bottom:none}tr:hover{background-color:var(--bg-surface-hover)}@media (max-width:768px){table.data-table{width:100%;display:block;min-width:0!important}table.data-table thead,table.data-table tbody,table.data-table th,table.data-table td,table.data-table tr{display:block}table.data-table thead{display:none}table.data-table tr{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin-bottom:1rem;padding:.5rem;box-shadow:0 1px 2px #0000000d}table.data-table tr:hover{background:var(--bg-surface)}table.data-table td{border:none;border-bottom:1px solid var(--border-color);text-align:right;justify-content:space-between;align-items:center;padding:.75rem .5rem;display:flex}table.data-table td:last-child{border-bottom:none}table.data-table td:before{content:attr(data-label);color:var(--text-secondary);text-align:left;flex-shrink:0;margin-right:1rem;font-weight:600}table.data-table td>*{text-align:right;max-width:60%}table.data-table td .action-buttons{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}}.page-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.page-title{color:var(--text-primary);margin-bottom:.25rem;font-size:1.5rem;font-weight:600}@media screen{.print-only{display:none!important}}@media print{.print-only{display:block!important}}@media (max-width:768px){.app-container:has(.customer-sidebar){flex-direction:column}.customer-sidebar{border-bottom:1px solid var(--border-color);border-right:none!important;flex-direction:column!important;width:100%!important;height:auto!important;position:static!important}.customer-sidebar .sidebar-footer{display:block!important}}.modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-surface);border-radius:var(--border-radius-lg);width:100%;max-width:500px;max-height:90vh;position:relative;overflow:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-footer{justify-content:flex-end;gap:1rem;margin-top:2rem;display:flex}.tooltip-btn{position:relative}.tooltip-btn:after{content:attr(data-tooltip);background-color:var(--text-primary);color:var(--bg-surface);border-radius:var(--border-radius-sm);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;z-index:100;padding:.4rem .6rem;font-size:.75rem;font-weight:500;transition:opacity .2s,bottom .2s;position:absolute;bottom:110%;left:50%;transform:translate(-50%);box-shadow:0 4px 6px -1px #0003}.tooltip-btn:before{content:"";border-style:solid;border-width:5px;border-color:var(--text-primary) transparent transparent transparent;pointer-events:none;opacity:0;visibility:hidden;z-index:100;transition:opacity .2s,bottom .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.tooltip-btn:hover:after{opacity:1;visibility:visible;bottom:125%}.tooltip-btn:hover:before{opacity:1;visibility:visible;bottom:calc(125% - 5px)}.spinner{border:4px solid #ffffff1a;border-left-color:var(--accent-color);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.spinner-small{vertical-align:middle;border:2px solid #ffffff1a;border-left-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}
.sidebar{z-index:50;background-color:var(--bg-surface);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;width:260px;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;left:0;overflow:hidden}.sidebar.collapsed{width:72px}.sidebar-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1.5rem 1rem;display:flex;position:relative}.logo-container{align-items:center;gap:.75rem;display:flex}.logo-icon{background:var(--accent-color);border-radius:var(--border-radius-sm);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.logo-text{color:var(--text-primary);white-space:nowrap;letter-spacing:-.025em;font-size:1.125rem;font-weight:700}.collapse-btn{background:var(--bg-surface);border:1px solid var(--border-color);width:24px;height:24px;color:var(--text-secondary);z-index:10;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:24px;right:-12px;box-shadow:0 1px 2px #0000000d}.collapse-btn:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.mobile-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.5rem;display:none}.mobile-close-btn:hover{color:var(--text-primary)}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;padding:0 .75rem;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{border-radius:var(--border-radius-md);color:var(--text-secondary);white-space:nowrap;align-items:center;gap:.875rem;padding:.6rem .75rem;transition:all .15s;display:flex;position:relative}.nav-item:hover{background:var(--bg-surface-light);color:var(--text-primary)}.nav-item.active{color:var(--accent-color);background:var(--accent-bg);font-weight:500}.sidebar.collapsed .nav-item{justify-content:center;padding:.6rem 0}.nav-icon{stroke:currentColor;flex-shrink:0;min-width:24px;min-height:24px;transition:color .15s;display:block}.nav-text{font-size:.875rem}.sidebar-footer{border-top:1px solid var(--border-color);background-color:var(--bg-surface-hover);margin-top:auto;padding:1rem}.user-profile{align-items:center;gap:.75rem;display:flex}.avatar{background:var(--text-secondary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:600;display:flex}.user-info{overflow:hidden}.user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.user-role{color:var(--text-muted);white-space:nowrap;font-size:.75rem}@media (max-width:768px){.sidebar{border-right:1px solid var(--border-color);z-index:1000;width:260px;height:100vh;box-shadow:var(--card-shadow);border-top:none;flex-direction:column;transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:auto;left:-260px}.sidebar.mobile-open{left:0}.sidebar.collapsed{width:260px}.sidebar-header{margin-bottom:.25rem;padding:1rem;display:flex}.sidebar-header img{max-height:32px!important}.sidebar-footer{flex-direction:column;display:flex}.collapse-btn{display:none}.mobile-close-btn{justify-content:center;align-items:center;display:flex}.sidebar-nav{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;padding:0 .5rem}.nav-item{flex-direction:row;justify-content:flex-start;gap:.6rem;padding:.35rem .6rem}.nav-item .nav-icon{width:20px;min-width:20px;height:20px;min-height:20px}.nav-text{font-size:.8rem}.mobile-overlay{z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:none;position:fixed;inset:0}.mobile-overlay.active{display:block}}.mobile-header{display:none}@media (max-width:768px){.mobile-header{background:var(--bg-surface);border-bottom:1px solid var(--border-color);z-index:990;justify-content:space-between;align-items:center;height:60px;padding:0 1rem;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 2px #0000000d}.hamburger-btn{color:var(--text-primary);background:0 0;border:none;justify-content:center;align-items:center;margin-left:-.5rem;padding:.5rem;display:flex}}.brand-footer{justify-content:center;margin-top:1.5rem;padding-bottom:.5rem;display:flex}.brand-footer-text{color:#6b7280;align-items:center;gap:.375rem;margin:0;font-size:.75rem;display:flex}.brand-link{color:var(--text-secondary);font-weight:500;text-decoration:none;transition:color .2s}.brand-link:hover{color:#4ade80}.sidebar.collapsed .brand-footer{display:none}