@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-dark:#f8fafc;--bg-panel:#fff;--bg-panel-hover:#f1f5f9;--primary:#6366f1;--primary-hover:#4f46e5;--primary-glow:#6366f133;--accent:#ec4899;--accent-glow:#ec489933;--text-main:#1e293b;--text-muted:#64748b;--border-color:#e2e8f0;--glass-border:1px solid var(--border-color);--status-todo:#94a3b8;--status-prog:#f59e0b;--status-rev:#a855f7;--status-done:#10b981;--priority-high:#ef4444;--priority-med:#f59e0b;--priority-low:#10b981;--sidebar-width:260px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif}.glass-panel{background:var(--bg-panel);border:var(--glass-border);border-radius:20px;min-width:0;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:0 4px 20px #00000008}.glass-panel:hover{box-shadow:0 8px 30px #0000000f}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:#0f172a;margin-bottom:.5rem;font-weight:700}p{color:var(--text-muted);line-height:1.5}.text-gradient{background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text}h1.text-gradient{font-size:2.5rem}.btn{cursor:pointer;border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-2px)}.btn-glass{color:var(--text-main);background:#f8fafc;border:1px solid #cbd5e1}.btn-glass:hover{background:#e2e8f0;transform:translateY(-2px)}.btn-icon{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:8px;transition:all .2s}.btn-icon:hover{color:var(--primary);background:#f1f5f9}.app-container{flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.sidebar{--sb-bg:#17152b;--sb-text:#a9a6c9;--sb-text-strong:#fff;--sb-label:#6f6b95;--sb-hover:#ffffff0f;--sb-border:#ffffff14;width:var(--sidebar-width);border-right:1px solid var(--sb-border);background:var(--sb-bg);z-index:50;flex-direction:column;height:100vh;padding:24px;transition:transform .3s;display:flex;position:fixed;top:0;left:0}.main-content{margin-left:var(--sidebar-width);flex:1;padding:32px;overflow:hidden auto}.mobile-header{border-bottom:var(--glass-border);z-index:40;background:#fff;justify-content:space-between;align-items:center;padding:16px 24px;display:none;position:sticky;top:0}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:45;background:#0f172a66;display:none;position:fixed;inset:0}.nav-link{color:var(--sb-text);border-radius:12px;align-items:center;gap:12px;margin-bottom:4px;padding:12px 16px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{background:var(--sb-hover);color:var(--sb-text-strong)}.nav-link.active{background:var(--primary);color:#fff}.flex-between{justify-content:space-between;align-items:center;display:flex}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:24px;display:grid}.grid-cards>*{min-width:0}.input-glass{color:var(--text-main);background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;outline:none;width:100%;padding:10px 16px;font-family:inherit;transition:all .2s}.input-glass:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #6366f11a}.badge{color:var(--text-main);border-radius:12px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}.notif-dropdown{background:var(--bg-panel);border:var(--glass-border);z-index:1000;border-radius:16px;flex-direction:column;gap:8px;width:320px;max-height:80vh;padding:16px;display:flex;position:absolute;top:auto;bottom:0;left:calc(100% + 40px);overflow-y:auto;box-shadow:0 20px 40px -10px #00000026}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.kanban-board{-webkit-overflow-scrolling:touch;gap:20px;padding-bottom:16px;display:flex;overflow-x:auto}.kanban-column{flex:0 0 300px;min-width:300px}.kanban-col{border-radius:16px;flex-direction:column;gap:16px;min-height:60vh;padding:16px;display:flex;background:#e2e8f0!important}@media (width<=1024px){.kanban-board{scroll-snap-type:x mandatory}.kanban-col{scroll-snap-align:start;flex-shrink:0}}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{width:100vw;margin-left:0;padding:16px;overflow-x:hidden}body{overflow-x:hidden}h1.text-gradient{word-break:break-word;white-space:normal;line-height:1.2;font-size:1.8rem!important}.mobile-header{display:flex}.sidebar-overlay.open{display:block}.flex-between{flex-wrap:wrap;gap:16px}.flex-between.mobile-stack{flex-direction:column;align-items:flex-start;gap:16px}.grid-charts,.grid-sidebar-main{grid-template-columns:1fr!important}.grid-sidebar-main>*{min-width:0}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table-responsive table{min-width:600px}.modal-layout{flex-direction:column!important;display:block!important;overflow-y:auto!important}.modal-column-left{border-bottom:1px solid var(--border-color);border-right:none!important;height:auto!important;padding:16px!important;overflow:visible!important}.modal-column-right{flex-direction:column!important;height:auto!important;display:flex!important;overflow:visible!important}.app-container{flex-direction:column}.notif-dropdown{width:250px;margin-bottom:8px;top:auto;bottom:100%;left:0;box-shadow:0 10px 25px -5px #0000001a}.task-modal-header{padding:16px!important}.task-modal-header button{font-size:.8rem!important}.chat-header{padding:16px!important}.chat-messages-container{gap:12px!important;height:auto!important;padding:16px!important;overflow:visible!important}.chat-messages-container>div{max-width:92%!important}.chat-input-container{background:var(--bg-panel);z-index:20;bottom:0;box-shadow:0 -4px 10px #0000000d;position:sticky!important}.dept-expanded-grid{grid-template-columns:1fr!important;gap:20px!important}.dept-card-header{flex-wrap:nowrap!important}.dept-card-header .dept-card-title{min-width:0}}@media (width<=480px){.auth-card{max-width:100%!important;margin:0 16px!important;padding:24px!important}.auth-logo{width:40px!important;height:40px!important;font-size:1.2rem!important}.auth-title{font-size:1.6rem!important}}.ws-top-cards{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px;display:grid}.ws-stats{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.ws-active-table tbody tr:hover{background:#00000008}@media (width<=1023px){.ws-top-cards{grid-template-columns:repeat(2,1fr)}.ws-stats{-webkit-overflow-scrolling:touch;padding-bottom:8px;display:flex;overflow-x:auto}.ws-stats>*{flex:0 0 170px}}@media (width<=767px){.ws-top-cards{grid-template-columns:1fr}.ws-stats>*{flex:0 0 150px}.ws-col-client{display:none!important}.kanban-board{gap:12px}.kanban-column{flex:0 0 85vw;min-width:85vw}}.client-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.client-card{transition:transform .15s,box-shadow .15s}.client-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px -10px #0000001f}.client-table tbody tr:hover{background:#00000008}@media (width<=1023px){.client-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.client-grid{grid-template-columns:1fr}.co-col-hide{display:none!important}.co-search{flex:100%!important;min-width:100%!important}.co-filter-bar>select{flex:auto}.board-task-card{padding:14px!important}}.board-filter-overlay{display:none}.board-filter-dropdown{top:var(--filter-top,80px);right:var(--filter-right,16px);z-index:1000;min-width:300px;max-height:calc(100vh - var(--filter-top,80px) - 24px);overscroll-behavior:contain;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:16px;padding:20px;position:fixed;overflow-y:auto;box-shadow:0 20px 40px #00000026}@media (width<=767px){.board-filter-dropdown{border-radius:20px 20px 0 0;width:100%;min-width:0;max-width:100%;padding:24px 20px;inset:auto 0 0}.board-filter-overlay{z-index:999;background:#0006;display:block;position:fixed;inset:0}.task-modal-overlay{padding:0!important}.task-modal-shell{border-radius:0!important;height:100dvh!important;max-height:100dvh!important}.task-modal-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.task-modal-header h2{word-break:break-word!important;overflow-wrap:anywhere!important;white-space:normal!important;width:100%!important;font-size:1.1rem!important;line-height:1.4!important}.task-modal-actions{flex-wrap:wrap!important;justify-content:flex-end!important;gap:8px!important;width:100%!important;display:flex!important}.modal-layout{flex-direction:column}.modal-column-left{width:100%;min-width:0;overflow-x:hidden}.modal-column-right{border-top:1px solid var(--border-color);width:100%;min-width:0;border-left:none!important}}