@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-primary:222 47% 7%;--bg-secondary:222 40% 12%;--bg-card:223 47% 10%;--border-color:220 20% 20%;--color-primary:217 91% 60%;--color-purple:262 83% 58%;--color-success:142 70% 45%;--color-warning:32 95% 55%;--color-danger:350 89% 60%;--text-primary:210 40% 98%;--text-secondary:215 20% 65%;--text-muted:215 16% 47%;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--border-radius:16px;--box-shadow:0 10px 30px -10px #00000080}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:hsl(var(--bg-primary));color:hsl(var(--text-primary));font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;max-width:100vw;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:hsl(var(--bg-primary))}::-webkit-scrollbar-thumb{background:hsl(var(--border-color));border-radius:10px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--text-muted))}.app-container{min-height:100vh;display:flex}.main-content{background:radial-gradient(circle at 100% 0,#3b82f60d,#0000 600px);flex:1;min-width:0;max-width:100%;margin-left:220px;padding:2.5rem;transition:margin-left .35s cubic-bezier(.4,0,.2,1)}.main-content.sidebar-collapsed{margin-left:72px}@media (width<=1024px){.main-content{margin-left:0;padding:5rem 1.5rem 1.5rem}.main-content.sidebar-collapsed{margin-left:0}}h1{letter-spacing:-.025em;background:linear-gradient(to right, #fff, hsl(var(--text-secondary)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.25rem;font-weight:700}h2{color:hsl(var(--text-primary));font-size:1.5rem;font-weight:600}p{color:hsl(var(--text-secondary));font-size:.95rem;line-height:1.5}.sidebar{background-color:hsl(var(--bg-secondary));border-right:1px solid hsl(var(--border-color) / .5);z-index:1000;flex-direction:column;width:220px;padding:1.75rem 1.25rem;transition:width .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1),padding .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar.collapsed{width:72px;padding:1.75rem .85rem}.sidebar-brand{align-items:center;gap:.85rem;margin-bottom:2.5rem;display:flex;overflow:hidden}.sidebar-logo{background:linear-gradient(135deg, hsl(var(--color-primary)), hsl(var(--color-purple)));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-size:1.25rem;font-weight:700;display:flex}.sidebar-title{background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;white-space:nowrap;opacity:1;-webkit-background-clip:text;max-width:200px;font-size:1.1rem;font-weight:700;transition:max-width .3s,opacity .2s,transform .2s;overflow:hidden;transform:translate(0)}.sidebar.collapsed .sidebar-title{opacity:0;pointer-events:none;max-width:0;transform:translate(-6px)}.sidebar-nav{flex-direction:column;flex:1;gap:.35rem;display:flex}.nav-link{color:hsl(var(--text-secondary));cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:.875rem;width:100%;padding:.8rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden}.nav-link:hover{color:#fff;background:hsl(var(--bg-card));border-color:hsl(var(--border-color) / .5)}.nav-link.active{color:#fff;background:linear-gradient(135deg, hsl(var(--color-primary) / .18), hsl(var(--color-purple) / .08));border-left:3px solid hsl(var(--color-primary));border-color:hsl(var(--color-primary) / .25)}.nav-link .nav-tooltip{background:hsl(var(--bg-card));border:1px solid hsl(var(--border-color));color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:999;border-radius:8px;padding:.4rem .75rem;font-size:.8rem;font-weight:600;transition:opacity .15s;position:absolute;top:50%;left:calc(100% + 14px);transform:translateY(-50%);box-shadow:0 4px 16px #0006}.nav-link .nav-tooltip:before{content:"";border-style:solid;border-width:5px 5px 5px 0;border-color:transparent hsl(var(--border-color)) transparent transparent;position:absolute;top:50%;left:-5px;transform:translateY(-50%)}.sidebar.collapsed .nav-link:hover .nav-tooltip{opacity:1}.nav-label{white-space:nowrap;opacity:1;max-width:200px;transition:opacity .25s,max-width .3s,transform .25s;overflow:hidden;transform:translate(0)}.sidebar.collapsed .nav-label{opacity:0;pointer-events:none;max-width:0;transform:translate(-6px)}.sidebar.collapsed .nav-link{justify-content:center;gap:0;padding:.8rem}.sidebar-footer{border-top:1px solid hsl(var(--border-color) / .4);flex-direction:column;gap:.75rem;margin-top:auto;padding-top:1rem;display:flex}.connection-badge{background:hsl(var(--bg-card));border:1px solid hsl(var(--border-color));white-space:nowrap;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.78rem;font-weight:600;transition:padding .3s;display:flex;overflow:hidden}.connection-badge .badge-label{opacity:1;white-space:nowrap;max-width:200px;transition:max-width .3s,opacity .2s;overflow:hidden}.sidebar.collapsed .connection-badge{justify-content:center;gap:0;padding:.5rem}.sidebar.collapsed .connection-badge .badge-label{opacity:0;pointer-events:none;max-width:0}.sidebar-collapse-btn{color:hsl(var(--text-muted));cursor:pointer;text-align:left;width:100%;transition:var(--transition-smooth);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:.875rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;display:flex;overflow:hidden}.sidebar-collapse-btn:hover{color:#fff;background:hsl(var(--bg-card));border-color:hsl(var(--border-color) / .5)}.sidebar.collapsed .sidebar-collapse-btn{justify-content:center;gap:0;padding:.75rem}.collapse-btn-label{opacity:1;white-space:nowrap;max-width:200px;transition:max-width .3s,opacity .2s;overflow:hidden}.sidebar.collapsed .collapse-btn-label{opacity:0;pointer-events:none;max-width:0}.dot{background-color:hsl(var(--color-danger));border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot.online{background-color:hsl(var(--color-success));box-shadow:0 0 8px hsl(var(--color-success))}.card{-webkit-backdrop-filter:blur(16px);border:1px solid hsl(var(--border-color) / .7);border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:var(--transition-smooth);background:#0f172a73;padding:1.5rem}.card:hover{border-color:hsl(var(--color-primary) / .3);transform:translateY(-2px);box-shadow:0 15px 30px -10px #3b82f626}.btn{cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, hsl(var(--color-primary)), hsl(var(--color-purple)));color:#fff}.btn-primary:hover{opacity:.9;box-shadow:0 5px 15px hsl(var(--color-primary) / .3);transform:translateY(-1px)}.btn-secondary{background-color:hsl(var(--bg-secondary));color:hsl(var(--text-primary));border:1px solid hsl(var(--border-color))}.btn-secondary:hover{background-color:hsl(var(--bg-card));border-color:hsl(var(--text-muted))}.btn-danger{background-color:hsl(var(--color-danger) / .15);color:hsl(var(--color-danger));border:1px solid hsl(var(--color-danger) / .3)}.btn-danger:hover{background-color:hsl(var(--color-danger));color:#fff}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:2rem;margin-bottom:2rem;display:grid}.analytics-container{grid-template-columns:2fr 1fr;gap:1.5rem;margin-top:1.5rem;display:grid}@media (width<=900px){.analytics-container{grid-template-columns:1fr}}.stat-card{justify-content:space-between;align-items:center;display:flex}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon.primary{background-color:hsl(var(--color-primary) / .15);color:hsl(var(--color-primary))}.stat-icon.warning{background-color:hsl(var(--color-warning) / .15);color:hsl(var(--color-warning))}.stat-icon.success{background-color:hsl(var(--color-success) / .15);color:hsl(var(--color-success))}.stat-icon.purple{background-color:hsl(var(--color-purple) / .15);color:hsl(var(--color-purple))}.stat-value{color:#fff;margin-top:.5rem;font-size:2rem;font-weight:700}.stat-label{color:hsl(var(--text-secondary));text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.activity-list{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.activity-item{border-bottom:1px solid hsl(var(--border-color) / .3);gap:1rem;padding-bottom:1rem;display:flex}.activity-item:last-child{border-bottom:none;padding-bottom:0}.activity-avatar{background:hsl(var(--bg-secondary));width:32px;height:32px;color:hsl(var(--color-primary));border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.activity-text{font-size:.9rem}.activity-time{color:hsl(var(--text-muted));margin-top:.25rem;font-size:.75rem}.kanban-board{grid-template-columns:repeat(3,1fr);gap:1.5rem;min-height:500px;margin-top:2rem;display:grid}@media (width<=768px){.kanban-board{grid-template-columns:1fr}}.kanban-column{background-color:hsl(var(--bg-secondary) / .4);border:1px solid hsl(var(--border-color) / .4);border-radius:var(--border-radius);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.kanban-column-header{border-bottom:2px solid hsl(var(--border-color));justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.column-title{align-items:center;gap:.5rem;font-size:1rem;font-weight:600;display:flex}.column-count{background-color:hsl(var(--bg-card));color:hsl(var(--text-secondary));border-radius:10px;padding:.2rem .6rem;font-size:.8rem}.kanban-cards-container{flex-direction:column;flex:1;gap:1rem;padding:.2rem;display:flex;overflow-y:auto}.task-card{background-color:hsl(var(--bg-card));border:1px solid hsl(var(--border-color));cursor:grab;transition:var(--transition-smooth);border-radius:12px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.task-card:hover{border-color:hsl(var(--color-primary) / .5);box-shadow:var(--box-shadow);transform:scale(1.02)}.task-card:active{cursor:grabbing}.task-title{font-size:.95rem;font-weight:600}.task-desc{color:hsl(var(--text-secondary));font-size:.85rem}.task-meta{justify-content:space-between;align-items:center;margin-top:.5rem;display:flex}.task-badges{gap:.5rem;display:flex}.badge{text-transform:uppercase;border-radius:4px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.badge-low{background-color:hsl(var(--color-success) / .15);color:hsl(var(--color-success))}.badge-medium{background-color:hsl(var(--color-warning) / .15);color:hsl(var(--color-warning))}.badge-high{background-color:hsl(var(--color-danger) / .15);color:hsl(var(--color-danger))}.assignee-avatar{object-fit:cover;border:1px solid hsl(var(--border-color));border-radius:50%;width:24px;height:24px}.no-assignee{background-color:hsl(var(--bg-secondary));width:24px;height:24px;color:hsl(var(--text-muted));border-radius:50%;justify-content:center;align-items:center;font-size:.65rem;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background-color:#000000b3;justify-content:center;align-items:flex-start;padding:2rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{background-color:hsl(var(--bg-secondary));border:1px solid hsl(var(--border-color));border-radius:var(--border-radius);width:100%;max-width:500px;box-shadow:var(--box-shadow);flex-direction:column;gap:1.5rem;max-height:calc(100vh - 4rem);margin:auto;padding:2rem;animation:.3s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;overflow-y:auto}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:hsl(var(--text-secondary));font-size:.85rem;font-weight:600}.form-input{background-color:hsl(var(--bg-card));border:1px solid hsl(var(--border-color));color:#fff;font-family:var(--font-sans);transition:var(--transition-smooth);border-radius:8px;padding:.75rem 1rem;font-size:.95rem}.form-input:focus{border-color:hsl(var(--color-primary));box-shadow:0 0 0 2px hsl(var(--color-primary) / .2);outline:none}.form-actions{justify-content:flex-end;gap:1rem;margin-top:1rem;display:flex}.team-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.team-card{text-align:center;flex-direction:column;align-items:center;padding:2rem 1.5rem;display:flex;position:relative}.team-card-avatar{object-fit:cover;border:3px solid hsl(var(--border-color));width:90px;height:90px;box-shadow:var(--box-shadow);border-radius:50%;margin-bottom:1.25rem}.team-card-name{color:#fff;font-size:1.15rem;font-weight:700}.team-card-role{color:hsl(var(--color-primary));margin-top:.25rem;margin-bottom:.5rem;font-size:.85rem;font-weight:600}.team-card-email{color:hsl(var(--text-secondary));font-size:.8rem}.delete-member-btn{color:hsl(var(--text-muted));cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;position:absolute;top:1rem;right:1rem}.delete-member-btn:hover{color:hsl(var(--color-danger))}.db-status-container{flex-direction:column;gap:1.5rem;max-width:600px;margin:2rem auto;display:flex}.status-indicator{border-radius:8px;align-items:center;gap:1rem;padding:1rem;font-weight:600;display:flex}.status-indicator.connected{background-color:hsl(var(--color-success) / .1);color:hsl(var(--color-success));border:1px solid hsl(var(--color-success) / .2)}.status-indicator.disconnected{background-color:hsl(var(--color-danger) / .1);color:hsl(var(--color-danger));border:1px solid hsl(var(--color-danger) / .2)}.db-instructions{margin-top:1rem}.db-instructions ol{flex-direction:column;gap:.5rem;margin-top:.75rem;padding-left:1.25rem;display:flex}.db-instructions li{color:hsl(var(--text-secondary));font-size:.9rem}.code-box{background-color:hsl(var(--bg-secondary));border:1px solid hsl(var(--border-color));color:hsl(var(--text-primary));word-break:break-all;border-radius:6px;margin-top:.5rem;padding:.75rem;font-family:monospace;font-size:.85rem}.mobile-nav{background-color:hsl(var(--bg-secondary));border-bottom:1px solid hsl(var(--border-color) / .5);z-index:101;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:none;position:fixed;top:0;left:0;right:0}@media (width<=1024px){.mobile-nav{display:flex}.sidebar{transition:var(--transition-smooth);transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.table-container{padding:0;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;min-width:800px}.data-table th{border-bottom:1px solid hsl(var(--border-color));color:hsl(var(--text-secondary));text-transform:uppercase;letter-spacing:.05em;padding:1.25rem 1.5rem;font-size:.85rem;font-weight:600}.data-table td{border-bottom:1px solid hsl(var(--border-color) / .4);vertical-align:middle;padding:1rem 1.5rem}.data-table tr{transition:background-color .2s}.data-table tr:hover{background-color:#ffffff05}.status-badge{border-radius:6px;padding:.2rem .6rem;font-size:.85rem;font-weight:600;display:inline-block}.status-badge.in{color:#10b981;background-color:#10b98126}.status-badge.out{color:#f43f5e;background-color:#f43f5e26}.icon-btn{cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:4px;padding:.25rem}.icon-btn.edit{color:hsl(var(--text-secondary))}.icon-btn.edit:hover{color:hsl(var(--color-primary));background-color:#3b82f61a}.icon-btn.delete{color:hsl(var(--color-danger) / .7)}.icon-btn.delete:hover{color:hsl(var(--color-danger));background-color:#f43f5e1a}.scrollable-grid-container{border:1px solid hsl(var(--border-color) / .5);background:hsl(var(--bg-card));border-radius:8px;max-width:100%;margin-top:1rem;overflow-x:auto}.custom-frozen-table{border-collapse:collapse;width:100%;min-width:900px}.custom-frozen-table th,.custom-frozen-table td{text-align:left;border-bottom:1px solid hsl(var(--border-color) / .5);white-space:nowrap;padding:.75rem 1rem}.custom-frozen-table th{background-color:hsl(var(--bg-secondary));color:hsl(var(--text-secondary));text-transform:uppercase;font-size:.85rem;font-weight:600}.custom-frozen-table .frozen-col{z-index:10;position:sticky}.custom-frozen-table th.frozen-col{z-index:11;background-color:hsl(var(--bg-secondary))}.custom-frozen-table td.frozen-col{background-color:hsl(var(--bg-card))}.custom-frozen-table tr:hover td{background-color:#ffffff05}.custom-frozen-table tr:hover td.frozen-col{background-color:hsl(var(--bg-card));filter:brightness(1.1)}.custom-frozen-table .col-idx{min-width:50px;left:0}.custom-frozen-table .col-name{min-width:250px;left:50px}.custom-frozen-table .col-stock{border-right:1px solid hsl(var(--border-color));min-width:150px;left:300px;box-shadow:4px 0 8px #0000001a}.grid-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.grid-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.grid-input[type=number]{-moz-appearance:textfield}.print-header{display:none}@media print{@page{size:A4 landscape;margin:1.5cm}body{font-size:11pt;color:#000!important;background-color:#fff!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.sidebar,.mobile-nav,.no-print,button{display:none!important}.main-content{background:0 0!important;width:100%!important;margin:0!important;padding:0!important}.print-header{text-align:center;border-bottom:2px solid #000;margin-bottom:2rem;padding-bottom:1rem;display:block!important}.card,.table-container,div[style*=backdropFilter]{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:none!important;padding:0!important;overflow:visible!important}div[style*=overflowX]{overflow:visible!important}table{border-collapse:collapse!important;table-layout:auto!important;page-break-inside:auto!important;width:100%!important;min-width:0!important}tr{page-break-inside:avoid!important;page-break-after:auto!important;border-bottom:1px solid #ddd!important}th{color:#000!important;background-color:#f1f5f9!important;border-top:2px solid #000!important;border-bottom:2px solid #000!important;padding:8px!important;font-weight:700!important}td{color:#000!important;background:0 0!important;padding:8px!important}span,div{color:#000!important}span[style*=background],div[style*=background]{border:1px solid #ccc!important}input[type=number],input[type=text]{color:#000!important;text-align:inherit!important;background:0 0!important;border:none!important;width:auto!important;padding:0!important;font-weight:700!important}}.settings-profile-card{-webkit-backdrop-filter:blur(16px);background:#1e293b99;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:1.5rem;margin-bottom:2.5rem;padding:2rem;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #00000080}.settings-profile-card:hover{transform:translateY(-2px);box-shadow:0 15px 35px -10px #0009}.settings-profile-glow{filter:blur(50px);pointer-events:none;border-radius:50%;width:150px;height:150px;position:absolute;top:-50%;right:-10%}.settings-profile-glow.admin{background:#3b82f633}.settings-profile-glow.staff{background:#64748b33}.settings-profile-avatar{z-index:1;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.settings-profile-avatar.admin{background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 8px 20px -6px #3b82f699}.settings-profile-avatar.staff{background:linear-gradient(135deg,#475569,#334155);box-shadow:0 8px 20px -6px #47556999}.settings-access-form{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e293b99;border:1px solid #ffffff14;border-radius:20px;margin-bottom:2.5rem;padding:2rem;animation:.3s ease-out fadeIn;box-shadow:0 10px 30px -10px #00000080}.settings-user-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.settings-user-card{background:#1e293b66;border:1px solid #ffffff0d;border-radius:20px;justify-content:space-between;align-items:center;padding:1.5rem;transition:all .3s;display:flex;box-shadow:0 4px 15px #0000001a}.settings-user-card:hover{background:#1e293bb3;border-color:#ffffff1a;transform:translateY(-4px);box-shadow:0 12px 25px -5px #0000004d}.settings-user-avatar{border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.settings-user-avatar.admin{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.settings-user-avatar.staff{background:linear-gradient(135deg,#475569,#334155)}