:root{--bg-main:#070d18;--bg-board:#0b1424;--bg-surface:#0f1c32;--bg-card:#13223c;--bg-card-hover:#182b4c;--border-subtle:#ffffff14;--border-card:#38bdf824;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--brand-primary:#0284c7;--brand-accent:#38bdf8;--brand-dark:#0369a1;--semaforo-azul:#38bdf8;--semaforo-naranja:#f59e0b;--semaforo-rojo:#ef4444;--semaforo-verde:#10b981;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--radius-card:12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 20%,#0284c70f 0%,#0000 40%),radial-gradient(circle at 90% 80%,#2563eb0d 0%,#0000 40%);min-height:100vh}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#0b142480}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#38bdf866}.app-layout{flex-direction:column;min-height:100vh;display:flex}.top-nav{-webkit-backdrop-filter:blur(20px);z-index:100;background:#0b1424f2;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:10px 24px;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #00000059}.brand-section{align-items:center;gap:12px;display:flex}.nav-tabs{background:#0f1c32b3;border:1px solid #ffffff14;border-radius:9px;gap:3px;padding:3px;display:flex}.tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:7px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .15s;display:flex}.tab-btn:hover{color:#f8fafc;background:#ffffff0f}.tab-btn.active{color:#fff;background:#0284c7;box-shadow:0 2px 8px #0284c759}.live-status-dot{background-color:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #10b981}.header-actions{align-items:center;gap:10px;display:flex}.header-icon-btn{color:#94a3b8;cursor:pointer;background:#0f1c3299;border:1px solid #ffffff1a;border-radius:7px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .15s;display:flex}.header-icon-btn:hover{color:#38bdf8;background:#0f1c32e6;border-color:#38bdf84d}.header-icon-btn.notif-btn{padding:6px 10px;position:relative}.notif-badge{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;font-size:.62rem;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 0 8px #ef444499}.profile-menu-container{position:relative}.user-profile-trigger{cursor:pointer;color:#f8fafc;background:#0f1c32b3;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:7px;padding:4px 10px;transition:all .15s;display:flex}.user-profile-trigger:hover,.user-profile-trigger.active{background:#182b4ce6;border-color:#38bdf866}.user-avatar-sm{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.user-avatar-sm.admin{background:linear-gradient(135deg,#7c3aed,#9333ea)}.user-avatar-sm.worker{background:linear-gradient(135deg,#0284c7,#2563eb)}.user-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.user-avatar.admin{background:linear-gradient(135deg,#7c3aed,#9333ea)}.user-avatar.worker{background:linear-gradient(135deg,#0284c7,#2563eb)}.user-profile-name-compact{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;max-width:100px;font-size:.78rem;font-weight:600;overflow:hidden}.profile-chevron{color:#94a3b8;transition:transform .2s}.profile-chevron.rotated{transform:rotate(180deg)}.profile-dropdown-menu{-webkit-backdrop-filter:blur(24px);z-index:1000;background:#0b1424fa;border:1px solid #ffffff1f;border-radius:12px;width:270px;padding:12px;animation:.15s ease-out fadeInMenu;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #00000080,0 0 1px #fff3}@keyframes fadeInMenu{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-header{flex-direction:column;gap:8px;display:flex}.dropdown-user-name{color:#f8fafc;font-size:.84rem;font-weight:700}.dropdown-user-email{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.dropdown-badges-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dropdown-specialty-tag{color:#94a3b8;background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;padding:1px 6px;font-size:.68rem}.profile-dropdown-divider{background:#ffffff14;height:1px;margin:10px 0 8px}.profile-dropdown-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:.8rem;font-weight:600;transition:all .15s;display:flex}.profile-dropdown-item.logout{color:#fca5a5;background:#ef444414;border:1px solid #ef444433}.profile-dropdown-item.logout:hover{color:#f87171;background:#ef44442e}.user-role-tag{letter-spacing:.4px;border-radius:8px;padding:1px 6px;font-size:.65rem;font-weight:800}.role-admin{color:#c084fc;background:#9333ea33;border:1px solid #9333ea59}.role-worker{color:#7dd3fc;background:#0284c733;border:1px solid #0284c759}.floating-notification-toast{-webkit-backdrop-filter:blur(20px);color:#f8fafc;z-index:999;background:#0b1424f2;border:1px solid #38bdf859;border-radius:10px;align-items:center;gap:10px;padding:10px 16px;font-size:.8rem;font-weight:600;animation:.2s ease-out slideInToast;display:flex;position:fixed;top:64px;right:24px;box-shadow:0 10px 30px #0006,0 0 15px #38bdf833}@keyframes slideInToast{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.toast-dot{background-color:#38bdf8;border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 8px #38bdf8}.cron-container{width:100%}.cron-bar-minimal{color:#94a3b8;background:#0b1424b3;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:7px 24px;font-size:.76rem;display:flex}.cron-status-group{align-items:center;gap:8px;display:flex}.cron-pulse-dot{background-color:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #10b981}.cron-icon{color:#38bdf8}.cron-label strong{color:#f8fafc}.cron-actions-group{align-items:center;gap:8px;display:flex}.cron-btn-sync{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:.74rem;font-weight:600;transition:all .15s;display:flex}.cron-btn-sync:hover{color:#38bdf8;background:#0284c733;border-color:#38bdf84d}.cron-btn-toggle{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:4px 8px;font-size:.72rem;font-weight:600;transition:color .15s;display:flex}.cron-btn-toggle:hover{color:#94a3b8}.cron-tools-drawer{color:#94a3b8;background:#0f1c32e6;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:8px 24px;font-size:.76rem;display:flex}.cron-tool-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:.72rem;font-weight:600;display:flex}.cron-tool-btn.danger{color:#fca5a5;background:#ef44441a;border-color:#ef44444d}.cron-alert-banner{color:#fef08a;background:#f59e0b1f;border-bottom:1px solid #f59e0b4d;align-items:center;gap:10px;padding:7px 24px;font-size:.8rem;display:flex}.main-wrapper{flex:1;width:100%;max-width:1700px;margin:0 auto;padding:22px 24px}.btn-secondary{color:#cbd5e1;cursor:pointer;background:#0f1c32b3;border:1px solid #ffffff1f;border-radius:7px;align-items:center;gap:6px;padding:7px 12px;font-size:.8rem;font-weight:600;transition:all .15s;display:flex}.btn-secondary:hover{color:#f8fafc;background:#0f1c32f2;border-color:#38bdf84d}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7,#2563eb);border:none;border-radius:7px;align-items:center;gap:6px;padding:8px 16px;font-size:.84rem;font-weight:700;transition:all .15s;display:flex;box-shadow:0 3px 12px #0284c759}.btn-primary:hover{background:linear-gradient(135deg,#0369a1,#1d4ed8);transform:translateY(-1px);box-shadow:0 5px 16px #0284c773}.kanban-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.kanban-title-area h1{color:#fff;letter-spacing:-.02em;font-size:1.55rem;font-weight:800}.kanban-subtitle-area{color:#94a3b8;margin-top:2px;font-size:.84rem}.kanban-filters{align-items:center;gap:8px;display:flex}.search-input{color:#f8fafc;background:#0f1c32b3;border:1px solid #ffffff1f;border-radius:7px;outline:none;min-width:220px;padding:7px 14px;font-size:.84rem;transition:all .2s}.search-input:focus{background:#0f1c32f2;border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf82e}.kanban-columns{grid-template-columns:repeat(3,1fr);align-items:flex-start;gap:18px;display:grid}@media (width<=1024px){.kanban-columns{grid-template-columns:1fr}}.kanban-column{background:#0b1424a6;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;min-height:600px;padding:16px;display:flex}.column-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;display:flex}.column-title{text-transform:uppercase;letter-spacing:.06em;color:#f8fafc;font-size:.86rem;font-weight:800}.column-count{color:#94a3b8;background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;padding:2px 8px;font-size:.72rem;font-weight:700}.column-cards{flex-direction:column;flex:1;gap:12px;display:flex}.empty-column-box{text-align:center;color:#64748b;background:#ffffff05;border:1px dashed #ffffff1a;border-radius:10px;padding:40px 16px;font-size:.82rem}.production-card{-webkit-backdrop-filter:blur(14px);background:linear-gradient(#101d34d9 0%,#0b1424f2 100%);border:1px solid #ffffff14;border-radius:12px;flex-direction:column;padding:14px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 14px #00000040}.production-card:hover{background:linear-gradient(#142442eb 0%,#0d182cfa 100%);transform:translateY(-2px);box-shadow:0 8px 24px #0006}.production-card.card-azul{border-top:1px solid #38bdf840;border-left:4px solid #38bdf8;box-shadow:0 4px 16px #00000040,inset 0 1px #38bdf81f}.production-card.card-azul:hover{border-left-color:#7dd3fc;box-shadow:0 8px 24px #0284c740,inset 0 1px #38bdf840}.production-card.card-naranja{background:linear-gradient(#261a10d9 0%,#100d16f2 100%);border-top:1px solid #f59e0b40;border-left:4px solid #f59e0b;box-shadow:0 4px 16px #f59e0b14,inset 0 1px #f59e0b26}.production-card.card-naranja:hover{background:linear-gradient(#302014eb 0%,#14101afa 100%);border-left-color:#fbbf24;box-shadow:0 8px 24px #f59e0b33,inset 0 1px #f59e0b40}.production-card.card-rojo{background:linear-gradient(#2e1016d9 0%,#120a10f2 100%);border-top:1px solid #ef44444d;border-left:4px solid #ef4444;box-shadow:0 4px 16px #ef44441f,inset 0 1px #ef44442e}.production-card.card-rojo:hover{background:linear-gradient(#3a141ceb 0%,#180c14fa 100%);border-left-color:#f87171;box-shadow:0 8px 24px #ef444440,inset 0 1px #ef44444d}.production-card.is-collapsed{cursor:pointer;padding:12px 14px}.card-icon-action-btn{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;padding:3px 6px;transition:all .15s;display:flex}.card-icon-action-btn:hover{background:#38bdf833;border-color:#38bdf866}.note-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.note-origin-tag{color:#7dd3fc;cursor:pointer;background:#0284c726;border:1px solid #38bdf840;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.note-semaforo{border-radius:10px;align-items:center;gap:4px;padding:2px 7px;font-size:.68rem;font-weight:800;display:inline-flex}.sem-tag-azul{color:#38bdf8;background:#0284c733;border:1px solid #38bdf84d}.sem-tag-naranja{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b59}.sem-tag-rojo{color:#f87171;background:#ef444433;border:1px solid #ef444459}.note-title{color:#f8fafc;font-size:.92rem;font-weight:700;line-height:1.35}.compact-card-summary{color:#94a3b8;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-top:6px;padding-top:6px;font-size:.72rem;display:flex}.compact-task-pill{color:#38bdf8;align-items:center;gap:5px;font-weight:600;display:flex}.compact-progress-track{background:#ffffff1a;border-radius:4px;flex:1;max-width:90px;height:4px;margin:0 10px;overflow:hidden}.compact-progress-fill{border-radius:4px;height:100%}.fill-azul{background:#38bdf8}.fill-naranja{background:#f59e0b}.fill-rojo{background:#ef4444}.note-time-strip{background:#00000040;border-radius:8px;margin:8px 0;padding:8px 10px}.note-time-info{color:#94a3b8;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:.72rem;display:flex}.note-progress-bar{background:#ffffff1a;border-radius:4px;width:100%;height:4px;overflow:hidden}.note-progress-fill{height:100%}.note-tasks-box{margin-top:6px}.note-tasks-header{color:#94a3b8;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.72rem;display:flex}.note-tasks-list{flex-direction:column;gap:5px;display:flex}.note-task-row{color:#cbd5e1;background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;padding:5px 8px;font-size:.76rem;display:flex}.note-task-left{align-items:center;gap:7px;display:flex}.note-checkbox{accent-color:#0284c7;cursor:pointer}.note-task-text.done{color:#64748b;text-decoration:line-through}.task-worker-tag{color:#94a3b8;background:#ffffff0f;border-radius:4px;align-items:center;gap:4px;padding:1px 6px;font-size:.65rem;display:inline-flex}.note-actions{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-top:10px;padding-top:8px;display:flex}.stage-transition-btn{cursor:pointer;border:none;border-radius:7px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:6px;padding:7px 12px;font-size:.78rem;font-weight:700;transition:all .15s;display:flex}.stage-transition-btn.btn-iniciar{color:#38bdf8;background:#0284c733;border:1px solid #38bdf84d}.stage-transition-btn.btn-iniciar:hover{color:#fff;background:#0284c7}.stage-transition-btn.btn-completar{color:#34d399;background:#10b98133;border:1px solid #10b9814d}.stage-transition-btn.btn-completar:hover{color:#fff;background:#10b981}.modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{-webkit-backdrop-filter:blur(28px);color:#f8fafc;background:#0f1c32f2;border:1px solid #ffffff1f;border-radius:16px;width:100%;max-width:620px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 60px #0009}.modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.modal-title{color:#fff;font-size:1.15rem;font-weight:800}.modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:color .15s}.modal-close-btn:hover{color:#fff}.modal-body{padding:20px 22px}.form-group{margin-bottom:14px}.form-label{color:#cbd5e1;margin-bottom:5px;font-size:.8rem;font-weight:700;display:block}.form-input,.form-select,.form-textarea{color:#f8fafc;background:#0b1424cc;border:1px solid #ffffff1f;border-radius:7px;outline:none;width:100%;padding:9px 12px;font-size:.86rem;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf833}.modal-footer{background:#0b142480;border-top:1px solid #ffffff14;justify-content:flex-end;gap:10px;padding:14px 22px;display:flex}.clients-grid,.team-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;margin-top:16px;display:grid}.client-card,.template-card,.worker-card{-webkit-backdrop-filter:blur(12px);color:#f8fafc;background:#0f1c32b3;border:1px solid #ffffff17;border-radius:12px;padding:18px;transition:all .2s}.client-card:hover,.template-card:hover,.worker-card:hover{background:#12213ae6;border-color:#38bdf84d;transform:translateY(-2px);box-shadow:0 8px 24px #00000059}.worker-header{align-items:center;gap:12px;display:flex}.worker-avatar-circle{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#2563eb 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.05rem;font-weight:800;display:flex;box-shadow:0 2px 8px #0284c74d}.worker-avatar-circle.admin{background:linear-gradient(135deg,#7c3aed 0%,#9333ea 100%);box-shadow:0 2px 8px #9333ea4d}.worker-info{flex:1;min-width:0}.worker-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.96rem;font-weight:700;overflow:hidden}.worker-role-badge{border-radius:4px;align-items:center;gap:4px;margin-top:3px;padding:2px 6px;font-size:.68rem;font-weight:700;display:inline-flex}.worker-role-badge.admin{color:#c084fc;background:#9333ea33}.worker-role-badge.empleado,.worker-role-badge.taller{color:#7dd3fc;background:#0284c733}.worker-stats-bar{text-align:center;background:#00000040;border-radius:8px;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:10px;display:grid}.worker-stat-num{color:#fff;font-size:1.05rem;font-weight:800}.worker-stat-label{color:#94a3b8;text-transform:uppercase;font-size:.65rem;font-weight:600}.login-page-container{background-color:#030d1d;background-image:radial-gradient(circle at 80% 20%,#0284c738 0%,#0000 45%),radial-gradient(circle at 20% 80%,#2563eb2e 0%,#0000 40%),linear-gradient(135deg,#031026e0 0%,#071838d1 50%,#030a1af0 100%),url(/login-bg.webp),url(/login-bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;min-height:100vh;padding:24px 20px;display:flex;position:relative;overflow-x:hidden}.login-ambient-glow{pointer-events:none;filter:blur(40px);background:radial-gradient(circle,#0284c724 0%,#03102600 70%);border-radius:50%;width:650px;height:650px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-minimal-card{-webkit-backdrop-filter:blur(28px);z-index:10;background:#0b1426d6;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;width:100%;max-width:410px;padding:36px 30px;display:flex;position:relative;box-shadow:0 30px 60px -12px #000000a6,0 0 40px #0284c71f}.login-minimal-brand{flex-direction:column;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.login-badge-pill{color:#7dd3fc;letter-spacing:.6px;text-transform:uppercase;background:#0284c71f;border:1px solid #38bdf840;border-radius:20px;align-items:center;gap:6px;margin-top:14px;padding:3px 12px;font-size:.72rem;font-weight:700;display:inline-flex}.login-error-alert{color:#fca5a5;background:#ef444426;border:1px solid #ef444466;border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:.8rem;font-weight:600;animation:.4s urgentShake;display:flex}.login-form{flex-direction:column;gap:16px;display:flex}.login-input-box{align-items:center;display:flex;position:relative}.login-input-icon{color:#64748b;pointer-events:none;transition:color .2s;position:absolute;left:14px}.login-input{color:#f8fafc;background:#0f172aa6;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;padding:11px 40px;font-size:.88rem;transition:all .2s}.login-input::placeholder{color:#64748b}.login-input:focus{background:#0f172af2;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833}.login-input:focus+.login-input-icon,.login-input-box:focus-within .login-input-icon{color:#38bdf8}.login-eye-btn{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:12px}.login-eye-btn:hover{color:#38bdf8}.login-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7,#2563eb);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:12px 20px;font-size:.92rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 16px #0284c759}.login-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#0369a1,#1d4ed8);transform:translateY(-1px);box-shadow:0 6px 20px #0284c773}.login-submit-btn:active:not(:disabled){transform:translateY(0)}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-minimal-footer{text-align:center;border-top:1px solid #ffffff14;margin-top:24px;padding-top:16px}@media (width<=480px){.login-minimal-card{border-radius:16px;padding:26px 20px}}.template-card{background:linear-gradient(#101d34d9 0%,#0b1424f2 100%);border:1px solid #ffffff14;border-radius:12px;flex-direction:column;padding:18px;transition:all .2s;display:flex;box-shadow:0 4px 14px #00000040}.template-card:hover{border-color:#38bdf84d;transform:translateY(-2px);box-shadow:0 8px 24px #00000059}.template-tasks-list{flex-direction:column;gap:8px;display:flex}.template-task-pill{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;align-items:center;padding:8px 10px;transition:all .15s;display:flex}.template-task-pill:hover{background:#ffffff0f;border-color:#38bdf833}@media (width<=768px){.top-nav{gap:8px;padding:8px 12px}.brand-section{gap:6px}.brand-logo-tagline,.brand-logo-divider{display:none!important}.brand-logo-title{letter-spacing:.8px!important;font-size:.95rem!important}.user-profile-name-compact{display:none!important}.header-actions{gap:6px}.install-app-btn{padding:6px 8px!important}.install-app-btn .install-btn-text{display:none!important}.header-icon-btn{padding:6px 8px}.user-profile-trigger{padding:4px 6px}.nav-tabs{z-index:999;-webkit-backdrop-filter:blur(24px);padding:6px 8px calc(8px + env(safe-area-inset-bottom,0px));scrollbar-width:none;-webkit-overflow-scrolling:touch;background:#0b1424fa;border:none;border-top:1px solid #ffffff1f;border-radius:0;justify-content:space-between;align-items:center;gap:4px;margin:0;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:auto hidden;box-shadow:0 -6px 28px #000000b3}.nav-tabs::-webkit-scrollbar{display:none}.tab-btn{color:#94a3b8;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:10px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;min-width:54px;min-height:50px;padding:6px 2px;font-size:.65rem;font-weight:600;transition:all .15s;display:flex}.tab-btn:active{transform:scale(.94)}.tab-btn span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.62rem;overflow:hidden}.tab-btn svg{flex-shrink:0;width:18px!important;height:18px!important}.tab-btn.active{color:#38bdf8!important;background:#0284c738!important;border:1px solid #38bdf866!important;box-shadow:0 2px 8px #0284c740!important}.sync-status-indicator span{display:none}@media (width>=480px){.sync-status-indicator span{display:inline!important}}.main-wrapper{padding:12px 10px calc(82px + env(safe-area-inset-bottom,0px)) 10px!important}.profile-dropdown-menu{z-index:1001!important;border-radius:14px!important;width:auto!important;max-width:none!important;position:fixed!important;top:54px!important;left:8px!important;right:8px!important;box-shadow:0 16px 36px #000000b3!important}.modal-overlay{padding:8px!important}.modal-content{border-radius:14px!important;width:100%!important;max-width:calc(100vw - 16px)!important;max-height:90vh!important}.modal-footer{flex-wrap:wrap!important;gap:8px!important}.modal-footer>div{gap:8px!important;width:100%!important;display:flex!important}.modal-footer button{flex:1!important;justify-content:center!important}.kanban-header-bar{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.kanban-filters{flex-direction:column!important;align-items:stretch!important;gap:8px!important;width:100%!important}.search-input{width:100%!important;min-width:0!important}.btn-primary{justify-content:center!important}.clients-grid,.team-grid,.templates-grid{grid-template-columns:1fr!important;gap:12px!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-animation{animation:1s linear infinite spin}.mobile-sandwich-btn{display:none}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.mobile-sandwich-btn{color:#f8fafc;cursor:pointer;touch-action:manipulation;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex!important}.mobile-sandwich-btn:active{color:#38bdf8;background:#0284c740}.nav-tabs{display:none!important}.main-wrapper{padding:12px 10px 24px!important}.mobile-drawer-overlay{-webkit-backdrop-filter:blur(8px);z-index:99999;background:#000000bf;animation:.2s forwards fadeIn;position:fixed;inset:0}.mobile-drawer{z-index:100000;background:#0b1424;border-right:1px solid #ffffff1f;flex-direction:column;width:310px;max-width:86vw;animation:.25s cubic-bezier(.16,1,.3,1) forwards slideInLeft;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:8px 0 36px #000000d9}.mobile-drawer-header{background:#0f172a80;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px;display:flex}.mobile-drawer-close{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;padding:6px;display:flex}.mobile-drawer-user{background:#0f1c3299;border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:14px 16px;display:flex}.mobile-drawer-links{flex-direction:column;flex:1;gap:6px;padding:14px 12px;display:flex;overflow-y:auto}.drawer-link-btn{color:#cbd5e1;cursor:pointer;text-align:left;touch-action:manipulation;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:14px;padding:12px 14px;font-size:.92rem;font-weight:600;transition:all .15s;display:flex}.drawer-link-btn:active{transform:scale(.98)}.drawer-link-btn.active{box-shadow:0 2px 10px #0284c740;color:#38bdf8!important;background:#0284c733!important;border-color:#38bdf866!important}.mobile-drawer-footer{padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));background:#0f172ab3;border-top:1px solid #ffffff14;flex-direction:column;gap:8px;display:flex}.drawer-action-btn{color:#e2e8f0;cursor:pointer;text-align:left;touch-action:manipulation;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:.84rem;font-weight:600;display:flex}.drawer-action-btn.install{color:#38bdf8;background:#0284c733;border-color:#38bdf866}.drawer-action-btn.logout{color:#ef4444;background:#ef444414;border-color:#ef444440}}