@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#050505;--bg-secondary:#0a0a0a;--bg-card:#0f0f11;--bg-hover:#1a1a1d;--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent-primary:#6366f1;--accent-hover:#4f46e5;--accent-glow:#6366f180;--gradient-active:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-btn:linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--gradient-banner:linear-gradient(135deg, #111116 0%, #1e1b4b 100%);--success:#22c55e;--success-glow:#22c55e26;--warning:#f59e0b;--warning-glow:#f59e0b26;--danger:#ef4444;--danger-glow:#ef444426;--info:#3b82f6;--info-glow:#3b82f626;--purple:#a855f7;--purple-glow:#a855f726;--border-color:#ffffff0f;--font-family:"Inter", system-ui, -apple-system, sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:24px;--radius-full:9999px;--shadow-sm:0 4px 6px #0000004d;--shadow-md:0 10px 15px #0006;--shadow-lg:0 20px 25px #00000080;--shadow-glow:0 0 20px var(--accent-glow);--transition:all .4s cubic-bezier(.16, 1, .3, 1)}[data-theme=light]{--bg-primary:#f4f4f5;--bg-secondary:#fff;--bg-card:#fff;--bg-hover:#f1f5f9;--text-primary:#09090b;--text-secondary:#52525b;--text-muted:#a1a1aa;--accent-primary:#4f46e5;--accent-hover:#4338ca;--accent-glow:#4f46e533;--gradient-active:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-btn:linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--gradient-banner:linear-gradient(135deg, #f8fafc 0%, #e0e7ff 100%);--border-color:#0000000f;--shadow-sm:0 2px 4px #00000005;--shadow-md:0 8px 16px #0000000a;--shadow-lg:0 16px 32px #0000000f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;transition:background-color .4s,color .4s;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}a{color:var(--accent-primary);transition:var(--transition);text-decoration:none}a:hover{color:var(--accent-hover)}button{font-family:var(--font-family);cursor:pointer;transition:var(--transition);border:none;outline:none}.glass-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);position:relative}.glass-card:hover{box-shadow:var(--shadow-lg);border-color:#ffffff1a;transform:translateY(-4px)scale(1.01)}[data-theme=light] .glass-card:hover{border-color:#0000001a}.btn-primary{background:var(--gradient-btn);color:#fff;border-radius:var(--radius-full);box-shadow:0 4px 12px var(--accent-glow);transition:var(--transition);justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:500;display:flex;position:relative;overflow:hidden}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.btn-primary:hover:after{left:100%}.btn-primary:hover{box-shadow:0 8px 20px var(--accent-glow);transform:translateY(-2px)}.btn-secondary{color:var(--accent-primary);border:1px solid var(--accent-primary);border-radius:var(--radius-full);transition:var(--transition);background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:500;display:flex}.btn-secondary:hover{background:var(--accent-primary);color:#fff;box-shadow:0 4px 12px var(--accent-glow)}.icon-btn-ghost{color:var(--text-secondary);border:1px solid var(--border-color);width:36px;height:36px;transition:var(--transition);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex}.icon-btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary);transform:rotate(5deg)scale(1.05)}.icon-glow-success{background:var(--success-glow);color:var(--success);border:1px solid #22c55e33}.icon-glow-warning{background:var(--warning-glow);color:var(--warning);border:1px solid #f59e0b33}.icon-glow-danger{background:var(--danger-glow);color:var(--danger);border:1px solid #ef444433}.icon-glow-info{background:var(--info-glow);color:var(--info);border:1px solid #3b82f633}.icon-glow-purple{background:var(--purple-glow);color:var(--purple);border:1px solid #a855f733}.status-badge{border-radius:var(--radius-full);letter-spacing:.5px;padding:.3rem .7rem;font-size:.75rem;font-weight:600}.status-badge.on-track{background:var(--success-glow);color:var(--success)}.status-badge.at-risk{background:var(--warning-glow);color:var(--warning)}.status-badge.delayed{background:var(--danger-glow);color:var(--danger)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.flex-center{justify-content:center;align-items:center;display:flex}.login-page-container{background-color:#050507;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative;overflow:hidden}.login-ambient-blob{filter:blur(100px);z-index:0;pointer-events:none;opacity:.45;border-radius:50%;animation:14s ease-in-out infinite alternate loginFloat;position:absolute}.blob-primary{width:480px;height:480px;top:-12%;left:-8%}.user-theme .blob-primary{background:radial-gradient(circle,#6366f1 0%,#6366f100 70%)}.admin-theme .blob-primary{background:radial-gradient(circle,#d97706 0%,#d9770600 70%)}.blob-secondary{background:radial-gradient(circle,#8b5cf6 0%,#8b5cf600 70%);width:420px;height:420px;animation-delay:-7s;bottom:-10%;right:-8%}@keyframes loginFloat{0%{transform:translate(0)scale(1)}50%{transform:translate(40px,30px)scale(1.08)}to{transform:translate(-20px,50px)scale(.96)}}.login-card-wrapper{z-index:1;-webkit-backdrop-filter:blur(24px);background:#121216d9;border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:440px;padding:2.5rem;position:relative;box-shadow:0 25px 50px -12px #000000b3,0 0 0 1px #ffffff0d}.admin-theme .login-card-wrapper{border-color:#d9770640;box-shadow:0 25px 50px -12px #000000b3,0 0 30px #d977061f}.portal-badge-container{justify-content:center;margin-bottom:1.5rem;display:flex}.portal-badge{letter-spacing:.08em;text-transform:uppercase;border-radius:9999px;align-items:center;gap:.5rem;padding:.35rem .85rem;font-size:.72rem;font-weight:700;display:inline-flex}.portal-badge.user-badge{color:#a5b4fc;background:#6366f11f;border:1px solid #6366f147}.portal-badge.admin-badge{color:#fbbf24;background:#d9770624;border:1px solid #d9770659}.login-card-header{text-align:center;margin-bottom:1.75rem}.login-brand-logo{max-width:210px;margin:0 auto 1.25rem}.login-brand-logo img{object-fit:contain;width:100%;height:auto;max-height:48px;margin:0 auto;display:block}.login-title{color:#fff;letter-spacing:-.02em;margin:0 0 .4rem;font-size:1.45rem;font-weight:700}.login-desc{color:#a1a1aa;margin:0;font-size:.88rem;line-height:1.4}.login-error-alert{color:#f87171;background:#ef44441f;border:1px solid #ef44444d;border-radius:10px;align-items:center;gap:.65rem;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.85rem;line-height:1.35;display:flex}.error-icon{flex-shrink:0}.login-form-body{flex-direction:column;gap:1.25rem;display:flex}.login-form-group{flex-direction:column;gap:.45rem;display:flex}.login-input-label{color:#d4d4d8;letter-spacing:.01em;font-size:.84rem;font-weight:600}.login-label-row{justify-content:space-between;align-items:center;display:flex}.forgot-password-link{color:#a1a1aa;font-size:.8rem;text-decoration:none;transition:color .15s}.forgot-password-link:hover{color:#fff;text-decoration:underline}.login-input-container{align-items:center;display:flex;position:relative}.login-field-icon{color:#71717a;pointer-events:none;transition:color .15s;position:absolute;left:1rem}.login-text-input{box-sizing:border-box;border-radius:10px;outline:none;width:100%;padding:.78rem 1rem .78rem 2.85rem;font-size:.92rem;transition:all .2s;color:#fff!important;background:#ffffff0a!important;border:1px solid #ffffff1f!important}.login-text-input.has-toggle{padding-right:2.85rem}.login-text-input:focus{box-shadow:0 0 0 3px #6366f140;background:#ffffff12!important;border-color:#6366f1!important}.admin-theme .login-text-input:focus{box-shadow:0 0 0 3px #d9770640;border-color:#d97706!important}.login-input-container:focus-within .login-field-icon{color:#fff}.login-text-input::placeholder{color:#52525b}.password-toggle-btn{color:#71717a;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:color .15s;display:flex;position:absolute;right:.85rem}.password-toggle-btn:hover{color:#fff}.login-remember-row{justify-content:space-between;align-items:center;margin-top:-.25rem;display:flex}.remember-label{color:#a1a1aa;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.55rem;font-size:.84rem;display:inline-flex}.remember-label input[type=checkbox]{accent-color:#6366f1;cursor:pointer;border-radius:4px;width:16px;height:16px}.admin-theme .remember-label input[type=checkbox]{accent-color:#d97706}.login-submit-btn{color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.65rem;width:100%;margin-top:.5rem;padding:.85rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.login-submit-btn.btn-user{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);box-shadow:0 4px 14px #6366f166}.login-submit-btn.btn-user:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #6366f18c}.login-submit-btn.btn-admin{background:linear-gradient(135deg,#d97706 0%,#b45309 100%);box-shadow:0 4px 14px #d9770666}.login-submit-btn.btn-admin:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #d977068c}.login-submit-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.login-card-footer{text-align:center;border-top:1px solid #ffffff14;margin-top:1.75rem;padding-top:1.25rem}.portal-switch-text{color:#71717a;margin:0;font-size:.84rem}.portal-switch-link{color:#a5b4fc;font-weight:600;text-decoration:none;transition:color .15s}.portal-switch-link:hover{color:#fff;text-decoration:underline}.portal-switch-link.admin-highlight{color:#fbbf24}.portal-switch-link.admin-highlight:hover{color:#fef08a}@keyframes loginSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:20;flex-direction:column;width:260px;height:100vh;display:flex;position:sticky;top:0}.sidebar-header{justify-content:flex-start;align-items:center;height:90px;padding:1.5rem 2rem;display:flex}.brand-logo-img{object-fit:contain;width:100%;max-width:190px;height:auto}[data-theme=light] .brand-logo-img{filter:invert()hue-rotate(180deg)}.sidebar-scroll-area{flex:1;padding:1rem 1.5rem;overflow-y:auto}.nav-group-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;padding-left:.5rem;font-size:.75rem;font-weight:700}.sidebar-nav{flex-direction:column;gap:.4rem;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);transition:var(--transition);justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.9rem;font-weight:500;display:flex;position:relative;overflow:hidden}.nav-item-content{align-items:center;gap:1rem;display:flex}.active-arrow{opacity:0;transition:var(--transition);transform:translate(-10px)}.nav-item:hover{color:var(--text-primary)}.nav-item.active{background:var(--gradient-active);color:#fff;box-shadow:0 4px 12px var(--accent-glow)}.nav-item.active .active-arrow{opacity:1;transform:translate(0)}.accordion-arrow{transition:transform .3s}.accordion-arrow.open{transform:rotate(90deg)}.nav-sub-items{flex-direction:column;gap:.5rem;margin-top:.5rem;padding-left:2.5rem;display:flex}.nav-sub-item{color:var(--text-muted);transition:var(--transition);border-radius:8px;align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:.85rem;text-decoration:none;display:flex}.nav-sub-item:hover{color:var(--text-primary);background:#ffffff0d}.nav-sub-item.active{color:var(--accent-color);background:#5b4eff1a;font-weight:500}.nav-sub-item .dot{background-color:currentColor;border-radius:50%;width:4px;height:4px}.sidebar-illustration{border-radius:var(--radius-lg);background:linear-gradient(#0000 0%,#5b4eff0d 100%);justify-content:center;align-items:flex-end;height:150px;margin:0 1.5rem;display:flex;position:relative;overflow:hidden}.plant-bg{width:100px;height:120px;position:relative}.leaf{background-color:var(--accent-primary);opacity:.4;border-radius:0 50%;position:absolute}.leaf-1{width:30px;height:30px;bottom:40px;left:10px;transform:rotate(-30deg)}.leaf-2{opacity:.6;width:40px;height:40px;bottom:50px;right:10px;transform:rotate(45deg)}.leaf-3{width:25px;height:25px;bottom:80px;left:30px;transform:rotate(-15deg)}.leaf-4{opacity:.3;width:35px;height:35px;bottom:20px;left:35px;transform:rotate(10deg)}.pot{background-color:var(--bg-hover);border-top:4px solid var(--accent-glow);border-radius:4px 4px 12px 12px;width:50px;height:40px;position:absolute;bottom:0;left:25px}[data-theme=light] .sidebar-illustration{background:linear-gradient(#0000 0%,#5b4eff1a 100%)}[data-theme=light] .pot{background-color:var(--text-muted)}.sidebar-footer{padding:1.5rem}.logout-btn{width:100%;color:var(--text-secondary);background:0 0;border:none}.logout-btn:hover{color:var(--danger);background-color:var(--danger-glow)}.modal-overlay,.modal-overlay.task-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:99999;background:#000000bf;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s taskOverlayFadeIn;display:flex;position:fixed;inset:0}.modal-content,.task-modal-content{border:1px solid var(--border-color,#2e2e38);z-index:100000;border-radius:12px;flex-direction:column;width:92%;max-width:620px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) taskModalSlideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #0009;background:var(--bg-primary,#18181b)!important;color:var(--text-primary,#fff)!important;opacity:1!important;visibility:visible!important}[data-theme=light] .task-modal-content{border-color:#e4e4e7;box-shadow:0 20px 40px #00000026;color:#18181b!important;background:#fff!important}.modal-header{border-bottom:1px solid var(--border-color,#2e2e38);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-header h3{color:var(--text-primary,#fff);margin:0;font-size:1.15rem;font-weight:600}.close-btn{color:var(--text-muted,#a1a1aa);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex}.close-btn:hover{color:var(--text-primary,#fff);background:#ffffff1a}.modal-form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.modal-body{flex-direction:column;flex:1;gap:1.25rem;min-height:0;padding:1.5rem;display:flex;overflow-y:auto}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:0 0}.modal-body::-webkit-scrollbar-thumb{background:var(--border-color,#3f3f46);border-radius:4px}.form-row{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}@media (width<=580px){.form-row{grid-template-columns:1fr}}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted,#a1a1aa);font-size:.75rem;font-weight:600}.required{color:#ef4444}.form-control{background:var(--bg-secondary,#27272a);border:1px solid var(--border-color,#3f3f46);color:var(--text-primary,#fff);border-radius:6px;outline:none;width:100%;padding:.7rem .9rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}[data-theme=light] .form-control{color:#18181b;background:#f4f4f5;border-color:#d4d4d8}.form-control:focus{border-color:#00796b;box-shadow:0 0 0 1px #00796b}textarea.form-control{resize:vertical;min-height:70px}.modal-footer{border-top:1px solid var(--border-color,#2e2e38);flex-shrink:0;justify-content:flex-end;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;display:flex}.btn-cancel{color:var(--text-muted,#a1a1aa);cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-size:.95rem;font-weight:500;transition:color .2s}.btn-cancel:hover{color:var(--text-primary,#fff);text-decoration:underline}.btn-submit{cursor:pointer;border:none;border-radius:6px;padding:.65rem 1.6rem;font-size:.92rem;font-weight:600;transition:opacity .2s,transform .1s;color:#fff!important;background:#00796b!important}.btn-submit:hover{opacity:.9;transform:translateY(-1px)}.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.owners-selection-box{flex-wrap:wrap;gap:.5rem;padding:.5rem 0;display:flex}.owner-chip{background:var(--bg-secondary,#27272a);border:1px solid var(--border-color,#3f3f46);color:var(--text-primary,#fff);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:20px;padding:.35rem .75rem;font-size:.8rem;transition:all .2s}[data-theme=light] .owner-chip{color:#18181b;background:#f4f4f5;border-color:#d4d4d8}.owner-chip:hover{border-color:#00796b}.owner-chip.selected{color:#26a69a;background:#00796b33;border-color:#00796b;font-weight:600}.field-hint{color:var(--text-muted,#a1a1aa);margin-top:.2rem;font-size:.78rem}.label-with-type-toggle{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.type-toggle-pill{background:var(--bg-secondary,#27272a);border:1px solid var(--border-color,#3f3f46);border-radius:20px;padding:2px;display:flex;overflow:hidden}.pill-btn{color:var(--text-muted,#a1a1aa);cursor:pointer;background:0 0;border:none;border-radius:16px;padding:2px 10px;font-size:.75rem;transition:all .2s}.pill-btn.active{color:#fff;background:#00796b;font-weight:600}@keyframes taskOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes taskModalSlideUp{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.notification-sidebar{background-color:var(--bg-primary);border-left:1px solid var(--border-color);z-index:1000;flex-direction:column;width:350px;height:100vh;transition:right .3s;display:flex;position:fixed;top:0;right:-400px;box-shadow:-4px 0 20px #0000001a}.notification-sidebar.open{right:0}.notification-backdrop{z-index:999;opacity:0;pointer-events:none;background-color:#0000004d;width:100vw;height:100vh;transition:opacity .3s;position:fixed;top:0;left:0}.notification-backdrop.open{opacity:1;pointer-events:auto}.notification-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.notification-header h3{color:var(--text-primary);margin:0;font-size:1.1rem}.notification-content{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex;overflow-y:auto}.empty-notifications{text-align:center;flex-direction:column;align-items:center;display:flex}.empty-icon{color:var(--text-muted);opacity:.5;margin-bottom:1rem}.top-header{justify-content:space-between;align-items:flex-start;padding:2rem 2.5rem;display:flex}.header-left{flex-direction:column;gap:.25rem;display:flex}.page-title{color:var(--text-primary);letter-spacing:-.5px;font-size:1.8rem;font-weight:700}.page-subtitle{color:var(--text-secondary);font-size:.95rem;font-weight:400}.header-right{align-items:center;gap:1rem;display:flex}.search-bar{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-muted);position:absolute;left:1.25rem}.search-input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-primary);width:260px;padding:.6rem 1rem .6rem 2.75rem;font-size:.85rem}.search-input:focus{border-color:var(--accent-primary);outline:none}.add-task-btn{border-radius:var(--radius-md);margin-right:.5rem;padding:.6rem 1.25rem}.notification-btn{position:relative}.notification-badge{background-color:var(--danger);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px}.user-avatar{background:var(--gradient-btn);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-left:.5rem;font-size:.9rem;font-weight:600;display:flex}[data-theme=light] .search-input{background-color:var(--bg-card)}.layout-container{width:100%;min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;min-width:0;display:flex}.page-content{flex:1;padding:2rem;overflow-y:auto}.jashn-dashboard{flex-direction:column;gap:1.5rem;padding-bottom:2rem;display:flex}.jashn-dashboard-header{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.user-welcome{align-items:center;gap:1rem;display:flex}.welcome-text{color:var(--text-muted);margin:0;font-size:.8rem;font-weight:500}.user-name{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600}.signout-btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.stats-row{gap:1rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.stat-card{background:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:14px;flex-direction:column;justify-content:space-between;padding:1.25rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #00000026}.stat-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0d 0%,#fff0 100%);width:100%;height:100%;position:absolute;top:0;left:0}.stat-card:hover{border-color:#ffffff26;transform:translateY(-8px)scale(1.02);box-shadow:0 15px 30px #0006,0 0 20px #7638fa1a}.stat-card:hover .stat-icon-wrapper{transform:scale(1.1)rotate(5deg)}.stat-icon-wrapper{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:.75rem;transition:transform .3s;display:flex}.icon-glow-purple{color:#b388ff;background:#673ab726;box-shadow:0 0 15px #673ab733}.icon-glow-success{color:#69f0ae;background:#2e7d3226;box-shadow:0 0 15px #2e7d3233}.icon-glow-warning{color:#ffd180;background:#f57c0026;box-shadow:0 0 15px #f57c0033}.icon-glow-danger{color:#ff5252;background:#d32f2f26;box-shadow:0 0 15px #d32f2f33}.stat-card h3{color:var(--text-primary);letter-spacing:-.5px;margin:0 0 .25rem;font-size:1.8rem;font-weight:700}.stat-details p{color:var(--text-muted);margin:0 0 .8rem;font-size:.85rem;font-weight:500}.stat-trend{background:#ffffff08;border-radius:20px;align-items:center;gap:.4rem;width:fit-content;padding:.4rem .8rem;font-size:.85rem;font-weight:500;display:flex}.stat-trend span{color:var(--text-muted)}.stat-trend.success{color:#69f0ae;border:1px solid #69f0ae1a}.stat-trend.warning{color:#ffd180;border:1px solid #ffd1801a}.stat-trend.danger{color:#ff5252;border:1px solid #ff52521a}.stat-subtext.success{color:var(--success)}.stat-subtext.warning{color:var(--warning)}.stat-subtext.danger{color:var(--danger)}.charts-row{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.chart-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.chart-title{color:var(--text-primary);margin:0 0 1.5rem;font-size:1rem;font-weight:600}.chart-container{justify-content:center;align-items:center;display:flex}.recharts-text{fill:var(--text-muted)}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--border-color)}.recharts-default-tooltip{border-radius:8px;background-color:var(--bg-secondary)!important;border-color:var(--border-color)!important}.table-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.jashn-table{border-collapse:collapse;width:100%}.jashn-table th,.jashn-table td{text-align:left;border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:1rem 1.5rem;font-size:.9rem}.jashn-table th{color:var(--text-muted);background:#ffffff05;font-weight:600}.badge{border-radius:50px;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-block}.badge-primary{color:#90caf9;background:#90caf91a;border:1px solid #90caf933}.badge-light{border:1px solid var(--border-color);background:#ffffff0d}.priority-low{color:#81c784}.priority-medium{color:#ffb74d}.priority-high{color:#ff5252;font-weight:600}.danger-text{color:#ff5252}.dashboard-container{flex-direction:column;gap:2rem;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.stat-card{align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.stat-icon-wrapper{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.bg-info{background:linear-gradient(135deg,#0ea5e9,#38bdf8)}.bg-success{background:linear-gradient(135deg,#10b981,#34d399)}.bg-warning{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.bg-danger{background:linear-gradient(135deg,#ef4444,#f87171)}.bg-primary{background:linear-gradient(135deg, var(--accent-primary), #8b5cf6)}.stat-details{flex-direction:column;display:flex}.stat-value{color:var(--text-primary);font-size:1.8rem;font-weight:700;line-height:1.2}.stat-label{color:var(--text-secondary);font-size:.9rem}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;display:grid}.dashboard-widget{flex-direction:column;display:flex}.widget-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.widget-header h3{font-size:1.1rem;font-weight:600}.btn-link{color:var(--accent-primary);background:0 0;font-size:.9rem;font-weight:500}.btn-link:hover{text-decoration:underline}.widget-content{flex:1;padding:1.5rem}.activity-list{flex-direction:column;gap:1.5rem;display:flex}.activity-item{align-items:flex-start;gap:1rem;display:flex}.activity-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:5px}.activity-text p{color:var(--text-primary);margin-bottom:.25rem;font-size:.95rem}.activity-text .time{color:var(--text-muted);font-size:.8rem}.project-list{flex-direction:column;gap:1.5rem;display:flex}.project-item{flex-direction:column;gap:.5rem;display:flex}.project-info{justify-content:space-between;align-items:center;display:flex}.project-info h4{font-size:.95rem;font-weight:500}.project-info span{color:var(--text-secondary);font-size:.85rem}.progress-bar{background-color:var(--bg-hover);border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-fill{border-radius:4px;height:100%}.kanban-container{background:var(--bg-primary);min-height:calc(100vh - 200px);padding:1.5rem}.kanban-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.kanban-label{color:var(--text-muted);font-size:.75rem;font-weight:600}.lane-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:.85rem}.active-lane-btn{color:#fff;background:#512da8cc;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.85rem}.drag-hint{color:var(--text-muted);margin-left:auto;font-size:.8rem}.kanban-board{gap:1.5rem;padding-bottom:1rem;display:flex;overflow-x:auto}.kanban-column{background:var(--bg-secondary);border-radius:8px;flex-direction:column;width:280px;min-width:280px;display:flex}.kanban-column-header{border-bottom:2px solid var(--border-color);color:var(--text-primary);justify-content:space-between;align-items:center;padding:1rem;font-size:.95rem;display:flex}.lane-count{color:var(--text-muted);background:#ffffff0d;border-radius:12px;padding:.1rem .5rem;font-size:.75rem}.kanban-cards{flex-direction:column;gap:1rem;min-height:200px;padding:1rem;display:flex}.kanban-card{background:var(--bg-primary);border:1px solid var(--border-color);cursor:grab;border-radius:8px;padding:1rem;transition:transform .2s,box-shadow .2s}.kanban-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.card-top{margin-bottom:.5rem;font-size:.75rem}.card-title{color:var(--text-primary);margin:0 0 .75rem;font-size:.95rem;line-height:1.4}.card-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.k-badge{border-radius:4px;padding:.2rem .4rem;font-size:.65rem}.blue-badge{color:#90caf9;background:#2196f326}.card-footer{justify-content:space-between;align-items:center;display:flex}.owners{display:flex}.owner-avatar{color:#fff;border:1px solid var(--bg-primary);background:#3949ab;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-left:-5px;font-size:.6rem;display:flex}.owner-avatar:first-child{margin-left:0}.due-info{align-items:center;gap:.5rem;font-size:.75rem;display:flex}.due-status{background:#ffffff0d;border-radius:4px;padding:.1rem .3rem}.due-days{color:#81c784}.calendar-container{background:var(--bg-primary);min-height:calc(100vh - 200px);padding:1.5rem}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.cal-title-area{align-items:center;gap:1.5rem;display:flex}.cal-title-area h3{color:var(--text-primary);margin:0;font-size:1.25rem}.cal-legend{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot.red{background:#e53935}.dot.yellow{background:#ffb300}.dot.blue{background:#1e88e5}.dot.grey{background:#9e9e9e}.cal-actions{align-items:center;gap:1rem;display:flex}.cal-nav{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:.5rem;padding:.25rem .5rem;display:flex}.cal-nav button{cursor:pointer;color:var(--text-primary);background:0 0;border:none}.cal-nav span{color:var(--text-primary);padding:0 .5rem;font-size:.9rem}.calendar-layout{gap:1.5rem;display:flex}.calendar-grid-wrapper{flex:3}.calendar-grid{border-top:1px solid var(--border-color);border-left:1px solid var(--border-color);grid-template-columns:repeat(7,1fr);display:grid}.cal-day-header{text-align:left;color:var(--text-muted);border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:.5rem;font-size:.75rem;font-weight:600}.cal-cell{border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);min-height:120px;padding:.5rem;position:relative}.cal-cell.today{border:2px solid #512da8}.cal-date-num{color:var(--text-primary);font-size:.85rem;font-weight:500}.cal-cell-tasks{flex-direction:column;gap:.25rem;margin-top:.5rem;display:flex}.cal-task-pill{white-space:nowrap;text-overflow:ellipsis;border-radius:4px;align-items:center;gap:.25rem;padding:.2rem .4rem;font-size:.65rem;display:flex;overflow:hidden}.cal-task-pill.due{color:#ffb300;background:#ffb30026}.cal-task-pill.due .dot{background:#ffb300}.cal-task-pill.upcoming{color:#90caf9;background:#1e88e526}.cal-task-pill.upcoming .dot{background:#1e88e5}.calendar-sidebar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;flex:1;padding:1.5rem}.calendar-sidebar h4{color:var(--text-primary);margin:0 0 .25rem;font-size:1.1rem}.calendar-sidebar .subtext{color:var(--text-muted);margin:0 0 1.5rem;font-size:.8rem}.sidebar-group{margin-bottom:1.5rem}.sidebar-group h5{color:var(--text-muted);align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.75rem;display:flex}.sidebar-group h5 span{background:#ffffff1a;border-radius:12px;padding:.1rem .4rem}.unscheduled-task{margin-bottom:1rem}.unscheduled-task strong{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.85rem;display:flex}.unscheduled-task p{color:var(--text-muted);margin:0 0 0 1rem;font-size:.75rem}.tb-analytics-container{background:var(--bg-primary);padding:1.5rem}.section-title{color:var(--text-primary);align-items:baseline;gap:1rem;margin:0 0 1rem;font-size:1.1rem;display:flex}.subtext.right{color:var(--text-muted);font-size:.75rem;font-weight:400}.attention-cards{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem;display:grid}.attention-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.25rem;position:relative;overflow:hidden}.attention-card:before{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.highlight-left.yellow:before{background:#ffb300}.highlight-left.blue:before{background:#1976d2}.highlight-left.purple:before{background:#8e24aa}.highlight-left.cyan:before{background:#00acc1}.highlight-left.grey:before{background:#9e9e9e}.highlight-left.green:before{background:#4caf50}.attention-card h4{color:var(--text-primary);margin:0 0 .5rem;font-size:.95rem}.attention-card p{color:var(--text-muted);margin:0;font-size:.75rem}.ai-obs-section{background:#ce93d80d;border:1px solid #ce93d84d;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.ai-header{color:#ce93d8;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:600;display:flex}.btn-ai-obs{color:#121212;cursor:pointer;background:#ce93d8;border:none;border-radius:4px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;font-weight:600;display:flex}.ai-subtext{color:var(--text-primary);margin:0;font-size:.85rem}.stats-cards-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem;display:grid}.stat-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.stat-box h4{color:var(--text-muted);margin:0 0 .5rem;font-size:.75rem}.stat-box h2{color:var(--text-primary);margin:0 0 .5rem;font-size:2rem}.stat-box p{color:var(--text-muted);margin:0;font-size:.75rem}.charts-grid-2{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.chart-wrapper{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.chart-title{color:var(--text-primary);margin:0 0 1.5rem;font-size:1rem}.custom-bar-row{align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.custom-bar-row .label{width:60px;color:var(--text-primary);font-size:.85rem}.bar-track{background:#ffffff0d;border-radius:4px;flex:1;height:20px;overflow:hidden}.bar-fill{height:100%}.bar-fill.green{background:#4caf50}.bar-fill.red{background:#e53935}.bar-fill.blue{background:#1976d2}.custom-bar-row .val{text-align:right;width:30px;color:var(--text-primary);font-size:.85rem}.legend-p{color:var(--text-muted);margin-top:1.5rem;font-size:.8rem}.task-board-container{background:var(--bg-primary);flex-direction:column;min-height:100%;display:flex}.tb-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.tb-project-info{align-items:center;gap:1rem;display:flex}.tb-project-badge{background:#2e7d32;border-radius:50%;width:12px;height:12px}.tb-project-info h2{color:var(--text-primary);margin:0;font-size:1.2rem}.tb-project-info p{color:var(--text-muted);margin:0;font-size:.8rem}.tb-header-right{align-items:center;gap:1.5rem;display:flex}.tb-search-bar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;align-items:center;gap:.5rem;width:300px;padding:.5rem 1rem;display:flex}.tb-search-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%}.tb-progress-circle{align-items:center;gap:.5rem;display:flex}.circular-chart{width:40px;max-width:80%;height:40px;max-height:250px;margin:0 auto;display:block}.circle-bg{fill:none;stroke:var(--border-color);stroke-width:3.8px}.circle{fill:none;stroke-width:2.8px;stroke-linecap:round;stroke:var(--success)}.percentage{fill:var(--text-primary);text-anchor:middle;font-family:sans-serif;font-size:.5em;font-weight:700}.tb-progress-text{flex-direction:column;font-size:.8rem;display:flex}.done-label{color:var(--text-muted)}.tb-tabs{border-bottom:1px solid var(--border-color);gap:1.5rem;padding:0 1.5rem;display:flex}.tb-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:1rem 0;font-weight:500;display:flex}.tb-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.tb-filters-area{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:1.5rem}.tb-filters-grid{grid-template-columns:repeat(6,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.tb-filter-item{flex-direction:column;gap:.25rem;display:flex}.tb-filter-item label{color:var(--text-muted);text-transform:uppercase;font-size:.7rem;font-weight:600}.tb-filter-item select{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:6px;padding:.5rem;font-size:.85rem}.tb-filters-actions{justify-content:space-between;align-items:center;display:flex}.tb-left-actions{align-items:center;gap:1rem;display:flex}.tb-text-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;font-size:.85rem}.tb-add-btn{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:600}.tb-date-picker{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:.85rem;display:flex}.tb-date-picker button{cursor:pointer;color:var(--text-muted);background:0 0;border:none}.tb-status-badges{align-items:center;gap:.5rem;display:flex}.tb-status-pill{border:1px solid var(--border-color);color:var(--text-muted);background:0 0;border-radius:20px;padding:.25rem .75rem;font-size:.75rem}.tb-status-pill strong{color:var(--text-primary);margin-left:.25rem}.tb-task-count{color:var(--text-muted);margin-left:1rem;font-size:.75rem}.tb-table-wrapper{overflow-x:auto}.tb-table{border-collapse:collapse;width:100%}.tb-table th,.tb-table td{text-align:left;border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:1rem 1.5rem;font-size:.85rem}.tb-table th{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:600}.tb-id{color:var(--text-muted)}.tb-task-title{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.tb-bullet{color:var(--text-primary)}.tb-task-desc{color:var(--text-muted);margin-left:1rem;font-size:.75rem}.tb-badge{border-radius:4px;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-block}.project-badge{color:#b39ddb;background:#512da833}.package-badge{color:#ce93d8;background:#9c27b033}.tb-text-muted{color:var(--text-muted)}.tb-text-blue{color:#90caf9}.tb-text-yellow{color:#ffb74d}.tb-text-green{color:#81c784}.tb-text-cyan{color:#4dd0e1}.tb-status-indicator{color:var(--text-muted);align-items:center;gap:.5rem;display:flex}.tb-dot{background:var(--text-muted);border-radius:50%;width:8px;height:8px}.packages-container{flex-direction:column;gap:1.5rem;display:flex}.packages-header{justify-content:space-between;align-items:center;display:flex}.search-filter{align-items:center;gap:1rem;display:flex}.btn-outlined{border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-full);background:0 0;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-weight:500;display:flex}.btn-outlined:hover{background:var(--bg-hover);border-color:var(--text-muted)}.packages-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.package-card{transition:var(--transition);flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.package-card:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-primary);transform:translateY(-4px)}.package-header{justify-content:space-between;align-items:center;display:flex}.package-id{color:var(--accent-primary);border-radius:var(--radius-full);background-color:#3b82f61a;padding:.2rem .6rem;font-size:.8rem;font-weight:600}.package-project{color:var(--text-secondary);font-size:.85rem}.package-title{color:var(--text-primary);font-size:1.15rem;font-weight:600;line-height:1.4}.package-stage{border-radius:var(--radius-md);background-color:#ffffff08;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.stage-label{color:var(--text-muted);font-size:.8rem}.stage-value{color:var(--info);font-size:.95rem;font-weight:500}.package-progress{flex-direction:column;gap:.5rem;display:flex}.progress-info{color:var(--text-secondary);justify-content:space-between;font-size:.85rem;font-weight:500;display:flex}.package-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:1rem;display:flex}.vendor-info{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.btn-icon-primary{background-color:var(--bg-hover);width:36px;height:36px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-icon-primary:hover{background-color:var(--accent-primary);color:#fff}.link-btn{color:#ffb300;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.link-btn:hover{background:#ffb3001a;transform:translate(2px)}.documents-page-wrapper{flex-direction:column;gap:1.5rem;min-height:calc(100vh - 80px);padding:1.5rem 2rem;display:flex}.doc-page-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.doc-breadcrumb{color:var(--text-muted,#6b7280);align-items:center;gap:.4rem;margin-bottom:.35rem;font-size:.85rem;display:flex}.breadcrumb-link{color:var(--text-muted,#6b7280);cursor:pointer;transition:color .15s}.breadcrumb-link:hover{color:var(--accent-primary,#d97706)}.breadcrumb-sep{color:var(--text-muted,#9ca3af)}.breadcrumb-current{color:var(--text-primary,#111827);font-weight:500}.breadcrumb-muted{color:var(--text-muted,#6b7280)}.doc-page-title{color:var(--text-primary,#111827);letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:700}.doc-header-actions{align-items:center;gap:.75rem;display:flex}.btn-gold-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d97706 0%,#b45309 100%);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.15rem;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.btn-gold-primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 6px -1px #d977064d}.btn-gold-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary-outline{color:var(--text-primary,#374151);border:1px solid var(--border-color,#d1d5db);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.15rem;font-size:.9rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-secondary-outline:hover:not(:disabled){background:var(--bg-hover,#0000000a);border-color:var(--text-muted,#9ca3af)}.btn-secondary-outline:disabled{opacity:.5;cursor:not-allowed}.doc-feedback-banner{border-radius:8px;align-items:center;gap:.75rem;padding:.85rem 1.25rem;font-size:.9rem;font-weight:500;animation:.2s ease-in-out fadeIn;display:flex}.doc-feedback-banner.success{color:#059669;background:#10b9811f;border:1px solid #10b9814d}.doc-feedback-banner.error{color:#dc2626;background:#ef44441f;border:1px solid #ef44444d}.doc-create-card{background:var(--bg-secondary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000000d}.doc-form-grid{grid-template-columns:1fr 1fr;gap:2.5rem;margin-bottom:2.5rem;display:grid}@media (width<=900px){.doc-form-grid{grid-template-columns:1fr;gap:1.5rem}}.doc-form-col{flex-direction:column;gap:.5rem;display:flex}.doc-field-label{color:var(--text-primary,#374151);font-size:.9rem;font-weight:600}.doc-field-label.required:after{content:" *";color:#ef4444}.doc-text-input{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#d1d5db);width:100%;color:var(--text-primary,#111827);border-radius:8px;outline:none;padding:.75rem 1rem;font-size:.95rem;transition:all .15s}.doc-text-input:focus{border-color:#d97706;box-shadow:0 0 0 3px #d9770626}.doc-text-input::placeholder{color:var(--text-muted,#9ca3af)}.doc-file-input-hidden{display:none}.doc-dropzone{border:2px dashed var(--border-color,#d1d5db);background:var(--bg-primary,#fafafa);text-align:center;cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:140px;padding:2.2rem 1.5rem;transition:all .2s;display:flex}.doc-dropzone:hover{background:#d9770605;border-color:#d97706}.doc-dropzone.dragging{background:#d9770614;border-color:#d97706;transform:scale(1.01)}.doc-dropzone.has-file{cursor:default;border-style:solid;border-color:var(--border-color,#e5e7eb);background:var(--bg-secondary,#fff);padding:1.25rem}.dropzone-empty-state{flex-direction:column;align-items:center;gap:.6rem;display:flex}.dropzone-icon-circle{color:#d97706;background:#d977061a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.dropzone-text{color:var(--text-primary,#374151);margin:0;font-size:.95rem}.browse-highlight{color:#d97706;cursor:pointer;font-weight:600}.browse-highlight:hover{text-decoration:underline}.dropzone-selected-file{background:var(--bg-primary,#f9fafb);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;display:flex}.selected-file-details{align-items:center;gap:.85rem;display:flex;overflow:hidden}.file-type-pill{letter-spacing:.03em;border-radius:6px;flex-shrink:0;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.selected-file-meta{flex-direction:column;align-items:flex-start;display:flex;overflow:hidden}.file-name-text{color:var(--text-primary,#111827);white-space:nowrap;text-overflow:ellipsis;max-width:280px;font-size:.9rem;font-weight:600;overflow:hidden}.file-size-text{color:var(--text-muted,#6b7280);font-size:.75rem}.btn-remove-selected-file{color:var(--text-muted,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.35rem;transition:all .15s;display:flex}.btn-remove-selected-file:hover{color:#ef4444;background:#ef44441a}.dropzone-hint{color:var(--text-muted,#6b7280);margin:.45rem 0 0;font-size:.8rem;line-height:1.4}.doc-create-actions{border-top:1px solid var(--border-color,#f3f4f6);align-items:center;gap:.85rem;padding-top:1.5rem;display:flex}.doc-folder-section{margin-bottom:.25rem}.doc-folder-card{background:var(--bg-secondary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:10px;overflow:hidden}.doc-folder-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--bg-secondary,#fff);justify-content:space-between;align-items:center;padding:.9rem 1.25rem;transition:background .15s;display:flex}.doc-folder-header:hover{background:var(--bg-hover,#00000005)}.doc-folder-title-left{align-items:center;gap:.65rem;display:flex}.doc-folder-icon{color:var(--text-muted,#6b7280)}.doc-folder-label{color:var(--text-primary,#111827);font-size:.95rem;font-weight:600}.doc-folder-toggle-btn{color:var(--text-muted,#9ca3af);align-items:center;display:flex}.doc-folder-body{border-top:1px solid var(--border-color,#f3f4f6);background:var(--bg-primary,#fafafa);padding:.75rem 1.25rem .75rem 2.25rem}.doc-unfiled-row{justify-content:space-between;align-items:center;display:flex}.unfiled-left{align-items:center;gap:.5rem;display:flex}.unfiled-arrow{color:var(--text-muted,#9ca3af)}.unfiled-folder-icon{color:#d97706}.unfiled-name{color:var(--text-primary,#374151);font-size:.88rem;font-weight:500}.unfiled-stats{color:var(--text-muted,#6b7280);font-size:.82rem}.doc-controls-bar{align-items:center;gap:.75rem;display:flex}.doc-search-wrapper{flex:1;max-width:420px;position:relative}.doc-search-icon{color:var(--text-muted,#9ca3af);position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.doc-search-field{background:var(--bg-secondary,#fff);border:1px solid var(--border-color,#d1d5db);width:100%;color:var(--text-primary,#111827);border-radius:8px;outline:none;padding:.55rem 1rem .55rem 2.4rem;font-size:.9rem;transition:all .15s}.doc-search-field:focus{border-color:#d97706;box-shadow:0 0 0 3px #d977061f}.doc-filter-badge{background:var(--bg-secondary,#fff);border:1px solid var(--border-color,#d1d5db);color:var(--text-muted,#6b7280);border-radius:8px;align-items:center;gap:.35rem;padding:.55rem .85rem;font-size:.85rem;display:flex}.filter-count{font-weight:600}.doc-table-card{background:var(--bg-secondary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.doc-table-responsive{width:100%;overflow-x:auto}.doc-table{border-collapse:collapse;text-align:left;width:100%}.doc-table th{background:var(--bg-primary,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);color:var(--text-muted,#6b7280);text-transform:none;letter-spacing:normal;white-space:nowrap;padding:.9rem 1.25rem;font-size:.8rem;font-weight:600}.doc-table td{border-bottom:1px solid var(--border-color,#f3f4f6);vertical-align:middle;color:var(--text-primary,#111827);padding:1.1rem 1.25rem;font-size:.88rem}.doc-table tr:hover{background:var(--bg-hover,#00000004)}.doc-table tr:last-child td{border-bottom:none}.doc-cell-content{flex-direction:column;gap:.2rem;display:flex}.doc-title-text{color:var(--text-primary,#111827);font-size:.92rem;font-weight:600}.doc-filename-text{color:var(--text-muted,#6b7280);word-break:break-all;font-size:.8rem}.doc-filesize-text{color:var(--text-muted,#9ca3af);font-size:.75rem}.doc-type-pill{letter-spacing:.04em;text-align:center;border-radius:6px;padding:.25rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.doc-meta-cell{color:var(--text-muted,#6b7280);white-space:nowrap}.doc-date-cell{color:var(--text-primary,#374151);white-space:nowrap;font-size:.85rem}.doc-ai-badge{color:#b45309;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.ai-sparkle-icon{color:#d97706}.doc-actions-group{align-items:center;gap:.6rem;display:inline-flex}.doc-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .65rem;font-size:.82rem;font-weight:500;transition:all .15s;display:inline-flex}.doc-action-btn.download{color:var(--text-primary,#374151);background:var(--bg-primary,#f3f4f6);border:1px solid var(--border-color,#e5e7eb)}.doc-action-btn.download:hover{color:#fff;background:#d97706;border-color:#d97706}.doc-action-btn.delete{color:var(--text-muted,#9ca3af);padding:.4rem}.doc-action-btn.delete:hover{color:#dc2626;background:#ef44441a}.doc-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:4rem 2rem;display:flex}.empty-state-icon{color:#d97706;background:#d977061a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:.5rem;display:flex}.doc-empty-state h3{color:var(--text-primary,#111827);margin:0;font-size:1.15rem;font-weight:600}.doc-empty-state p{color:var(--text-muted,#6b7280);max-width:400px;margin:0;font-size:.9rem}.spin-icon{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .doc-create-card,[data-theme=dark] .doc-folder-card,[data-theme=dark] .doc-folder-header,[data-theme=dark] .doc-table-card{background:#18181b;border-color:#27272a}[data-theme=dark] .doc-folder-body,[data-theme=dark] .doc-table th,[data-theme=dark] .doc-dropzone,[data-theme=dark] .dropzone-selected-file{background:#121214}[data-theme=dark] .doc-table td{border-bottom-color:#27272a}[data-theme=dark] .doc-text-input,[data-theme=dark] .doc-search-field,[data-theme=dark] .doc-filter-badge{color:#f4f4f5;background:#18181b;border-color:#3f3f46}[data-theme=dark] .btn-secondary-outline{color:#e4e4e7;border-color:#3f3f46}[data-theme=dark] .doc-action-btn.download{color:#e4e4e7;background:#27272a;border-color:#3f3f46}.reports-container{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.reports-header{justify-content:space-between;align-items:center;display:flex}.reports-actions{gap:1rem;display:flex}.reports-actions select{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;outline:none;padding:.5rem 1rem}.reports-grid{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}.chart-card{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.chart-header{justify-content:space-between;align-items:center;display:flex}.chart-header h3{color:var(--text-primary);margin:0;font-size:1.1rem}.chart-placeholder{border-bottom:1px solid var(--border-color);flex:1;align-items:flex-end;gap:1rem;min-height:250px;padding-bottom:2rem;display:flex;position:relative}.bar{background:var(--accent-primary);border-radius:4px 4px 0 0;flex:1;min-height:10px;transition:height .3s;position:relative}.bar.success{background:var(--success)}.bar.warning{background:var(--warning)}.bar.danger{background:var(--danger)}.bar-label{color:var(--text-muted);font-size:.75rem;position:absolute;bottom:-25px;left:50%;transform:translate(-50%)}.bar-value{color:var(--text-primary);font-size:.8rem;font-weight:600;position:absolute;top:-25px;left:50%;transform:translate(-50%)}.metrics-list{flex-direction:column;gap:1rem;display:flex}.metric-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.metric-item:last-child{border-bottom:none;padding-bottom:0}.metric-info{align-items:center;gap:1rem;display:flex}.metric-icon{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.metric-info h4{color:var(--text-primary);margin:0;font-size:.95rem}.metric-info p{color:var(--text-muted);margin:0;font-size:.8rem}.metric-value{color:var(--text-primary);font-size:1.25rem;font-weight:700}.whatsapp-container{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.whatsapp-header{justify-content:space-between;align-items:center;display:flex}.whatsapp-content{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.wa-card{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.wa-card h3{color:var(--text-primary);align-items:center;gap:.5rem;margin:0;font-size:1.1rem;display:flex}.wa-setting-group{flex-direction:column;gap:1rem;display:flex}.wa-setting-item{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.wa-setting-item:last-child{border-bottom:none;padding-bottom:0}.wa-setting-info h4{color:var(--text-primary);margin:0 0 .25rem;font-size:.95rem}.wa-setting-info p{color:var(--text-muted);margin:0;font-size:.8rem}.wa-templates{flex-direction:column;gap:1rem;display:flex}.wa-template-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.wa-template-header{justify-content:space-between;margin-bottom:.5rem;display:flex}.wa-template-title{color:var(--text-primary);font-size:.9rem;font-weight:600}.wa-template-body{color:var(--text-muted);background:#0003;border-radius:4px;padding:.75rem;font-family:monospace;font-size:.85rem}.create-project-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:2rem}.cp-header{margin-bottom:2rem}.cp-breadcrumb{color:var(--text-muted);margin:0 0 .5rem;font-size:.85rem}.cp-breadcrumb span{color:var(--text-primary)}.cp-header h2{color:var(--text-primary);margin:0;font-size:1.5rem}.cp-form{flex-direction:column;gap:1.5rem;display:flex}.form-row.align-center{align-items:center}.toggle-group{flex-direction:row;align-items:center;gap:1rem;display:flex}.cp-actions{border-top:1px solid var(--border-color);gap:1rem;margin-top:1rem;padding-top:1.5rem;display:flex}.btn-outline{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:6px;padding:.75rem 1.5rem;transition:all .2s}.btn-outline:hover{border-color:var(--text-muted)}.btn-outline.cancel{border:none}.btn-outline.cancel:hover{background:#ffffff0d}.masters-container{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.masters-tabs{border-bottom:1px solid var(--border-color);gap:1rem;padding-bottom:0;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .2s}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.masters-content{flex-direction:column;gap:1.5rem;display:flex}.masters-header{justify-content:space-between;align-items:center;display:flex}.masters-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.master-card{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.master-card-header{justify-content:space-between;align-items:center;display:flex}.master-card-header h4{color:var(--text-primary);margin:0;font-size:1.1rem}.master-meta{color:var(--text-muted);gap:1rem;font-size:.85rem;display:flex}.master-meta span{align-items:center;gap:.25rem;display:flex}.user-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.user-modal-content{background:var(--bg-primary,#1e1e24);border:1px solid var(--border-color,#2d2d38);border-radius:12px;width:100%;max-width:820px;max-height:90vh;padding:2rem;overflow-y:auto;box-shadow:0 16px 36px #0006}.user-modal-header{border-bottom:1px solid var(--border-color,#2d2d38);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.user-modal-header h2{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:600}.user-modal-header .close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;display:flex}.user-modal-header .close-btn:hover{color:var(--text-primary);background:#ffffff1a}.user-form{flex-direction:column;gap:1.25rem;display:flex}.user-form .form-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=640px){.user-form .form-row{grid-template-columns:1fr}}.user-form .form-group{flex-direction:column;gap:.4rem;display:flex}.user-form label{color:var(--text-primary);font-size:.9rem;font-weight:500}.user-form .required{color:#ff5252}.field-hint{color:var(--text-muted,#8e8e93);margin:.2rem 0 0;font-size:.78rem}.input-with-button{align-items:center;gap:.5rem;display:flex}.btn-add-inline{background:var(--bg-secondary,#2a2a35);border:1px solid var(--border-color,#383846);color:var(--text-primary);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.btn-add-inline:hover{border-color:var(--accent-primary,#ffb300);color:var(--accent-primary,#ffb300)}.inline-add-box{gap:.5rem;margin-top:.5rem;display:flex}.inline-add-box .form-control-sm{background:var(--bg-secondary,#2a2a35);border:1px solid var(--border-color,#383846);color:var(--text-primary);border-radius:6px;flex:1;padding:.4rem .6rem;font-size:.85rem}.inline-add-box .btn-sm-primary{background:var(--accent-primary,#ffb300);color:#000;cursor:pointer;border:none;border-radius:6px;padding:.4rem .8rem;font-size:.85rem;font-weight:500}.toggle-field{flex-direction:column;gap:.4rem;display:flex}.toggle-switch-wrapper{margin-top:.25rem}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper .form-control{width:100%;padding-right:2.5rem}.btn-password-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;display:flex;position:absolute;right:.75rem}.btn-password-toggle:hover{color:var(--text-primary)}.users-container{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.tag-inhouse{color:#2ecc71;background:#2ecc7126;border:1px solid #2ecc714d;border-radius:4px;padding:1px 6px;font-size:.65rem;font-weight:600}.tag-head{color:#ffb300;background:#ffb30026;border:1px solid #ffb3004d;border-radius:4px;padding:1px 6px;font-size:.65rem;font-weight:600}.users-header{justify-content:space-between;align-items:center;display:flex}.users-actions{align-items:center;gap:1rem;display:flex}.users-search{position:relative}.users-search input{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;outline:none;width:250px;padding:.5rem 1rem .5rem 2.5rem}.users-search input:focus{border-color:var(--accent-primary)}.users-search-icon{color:var(--text-muted);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.users-table-card{padding:0;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table th,.users-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:1rem 1.5rem}.users-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:#0003;font-size:.8rem;font-weight:600}.users-table tr:hover{background:#ffffff05}.user-info{align-items:center;gap:1rem;display:flex}.user-avatar{background:var(--accent-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:600;display:flex}.user-details h4{color:var(--text-primary);margin:0;font-size:.95rem}.user-details p{color:var(--text-muted);margin:0;font-size:.8rem}.role-badge{color:var(--accent-primary);background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.role-badge.admin{color:var(--danger);background:#ef44441a;border-color:#ef444433}.role-badge.vendor{color:var(--warning);background:#f59e0b1a;border-color:#f59e0b33}.status-toggle{background:var(--border-color);cursor:pointer;border-radius:12px;width:44px;height:24px;transition:all .3s;position:relative}.status-toggle.active{background:var(--success)}.status-toggle:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003}.status-toggle.active:after{transform:translate(20px)}.action-btns{gap:.5rem;display:flex}.action-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem;transition:all .2s}.action-btn:hover{color:var(--text-primary);background:#ffffff1a}.settings-container{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.settings-header{justify-content:space-between;align-items:center;display:flex}.settings-grid{grid-template-columns:1fr 2fr;gap:1.5rem;display:grid}.settings-nav{flex-direction:column;gap:.5rem;display:flex}.settings-nav-btn{text-align:left;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:1rem;padding:1rem 1.5rem;font-weight:500;transition:all .2s;display:flex}.settings-nav-btn:hover{color:var(--text-primary);background:#ffffff0d}.settings-nav-btn.active{background:var(--accent-primary);color:#fff}.settings-content-card{flex-direction:column;gap:2rem;padding:2rem;display:flex}.settings-section-title{color:var(--text-primary);border-bottom:1px solid var(--border-color);margin:0;padding-bottom:1rem;font-size:1.2rem}.form-group.horizontal{justify-content:space-between;align-items:center;display:flex}.form-group.horizontal label{text-transform:none;letter-spacing:normal;color:var(--text-primary);font-size:.9rem}.profile-upload{align-items:center;gap:1.5rem;display:flex}.profile-avatar{background:var(--bg-secondary);border:2px dashed var(--border-color);width:80px;height:80px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.create-wp-container{max-width:1400px;margin:0 auto;padding:1.5rem 2rem 5rem}.create-wp-header{margin-bottom:1.5rem}.create-wp-breadcrumb{color:var(--text-muted);margin-bottom:.4rem;font-size:.85rem}.create-wp-breadcrumb span{color:var(--text-primary);font-weight:500}.create-wp-header h1{color:var(--text-primary);margin:0;font-size:1.85rem;font-weight:700}.wp-tabs-wrapper{background:var(--bg-primary);border-bottom:1px solid var(--border-color);align-items:center;margin-bottom:1.5rem;padding:.25rem 0;display:flex;position:relative}.wp-tabs-scroll-btn{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;z-index:2;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.wp-tabs-scroll-btn:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.wp-tabs-scroll{scroll-behavior:smooth;scrollbar-width:none;flex:1;gap:1.5rem;padding:.5rem 1rem;display:flex;overflow-x:auto}.wp-tabs-scroll::-webkit-scrollbar{display:none}.wp-tab-item{color:var(--text-muted);cursor:pointer;white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:.45rem;padding:.4rem .2rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.wp-tab-item:hover{color:var(--text-primary)}.wp-tab-item.active{color:var(--accent-primary,#ffb300);border-bottom-color:var(--accent-primary,#ffb300);font-weight:600}.wp-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 12px #0000000d}.wp-card-header{border-bottom:1px solid var(--border-color);align-items:flex-start;gap:.75rem;margin-bottom:1.75rem;padding-bottom:1rem;display:flex}.wp-card-header .icon-wrap{color:var(--accent-primary,#ffb300);margin-top:2px}.wp-card-header h3{color:var(--text-primary);margin:0;font-size:1.2rem;font-weight:600}.wp-card-header p{color:var(--text-muted);margin:.2rem 0 0;font-size:.82rem}.wp-form{flex-direction:column;gap:1.5rem;display:flex}.wp-grid-2{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.wp-grid-3{grid-template-columns:1fr 1fr 1fr;gap:1.5rem;display:grid}@media (width<=768px){.wp-grid-2,.wp-grid-3{grid-template-columns:1fr}}.wp-form-group{flex-direction:column;gap:.45rem;display:flex}.wp-form-group label{color:var(--text-primary);font-size:.85rem;font-weight:500}.wp-form-group .required{color:#ff5252}.wp-input-wrapper{align-items:center;display:flex;position:relative}.wp-input-icon{color:var(--text-muted);position:absolute;left:.85rem}.wp-input-wrapper.has-icon .form-control{padding-left:2.2rem}.wp-comparison-box{border:1px dashed var(--accent-primary,#ffb300);text-align:center;background:#ffb30014;border-radius:8px;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-top:1rem;padding:1.25rem;display:grid}.wp-comp-item h5{color:var(--text-muted);text-transform:uppercase;margin:0 0 .35rem;font-size:.78rem}.wp-comp-item p{color:var(--text-primary);margin:0;font-size:1.2rem;font-weight:700}.wp-comp-item.variance p{color:#2ecc71}.wp-comp-item.variance.negative p{color:#e74c3c}.wp-file-upload-box{border:2px dashed var(--border-color);text-align:center;cursor:pointer;background:var(--bg-secondary);border-radius:8px;padding:1.25rem;transition:all .2s}.wp-file-upload-box:hover{border-color:var(--accent-primary)}.wp-file-upload-box p{color:var(--text-muted);margin:.5rem 0 0;font-size:.82rem}.wp-uploaded-files-list{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.wp-file-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;justify-content:space-between;align-items:center;padding:.5rem .85rem;font-size:.85rem;display:flex}.wp-file-item a{color:var(--accent-primary);align-items:center;gap:.35rem;text-decoration:underline;display:flex}.wp-action-footer{background:var(--bg-primary);border-top:1px solid var(--border-color);z-index:10;gap:1rem;margin-top:2rem;padding:1rem 0;display:flex;position:sticky;bottom:0}.task-detail-container{background:var(--bg-primary);min-height:100vh;padding:2rem}.back-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.9rem;font-weight:600;display:flex}.td-main-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:2rem;overflow:hidden}.td-header-banner{background:#1b4b36;padding:1.5rem 2rem}.td-supertitle{color:#ffffffb3;letter-spacing:.5px;margin:0 0 .5rem;font-size:.75rem;font-weight:600}.td-header-banner h2{color:#fff;margin:0 0 1rem;font-size:1.5rem}.td-badges{gap:.5rem;display:flex}.td-badge-pill{border-radius:4px;padding:.2rem .6rem;font-size:.75rem;font-weight:500}.td-badge-pill.grey{color:#fff;background:#fff3}.td-badge-pill.outline-orange{color:#ffb300;background:#ffb30033;border:1px solid #ffb300}.td-content{padding:2rem}.td-grid-4{grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:2rem;display:grid}.td-grid-3{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.td-field{flex-direction:column;gap:.5rem;display:flex}.td-field.full{margin-bottom:2rem}.td-field label{color:var(--text-muted);text-transform:uppercase;font-size:.7rem;font-weight:600}.td-field p{color:var(--text-primary);margin:0;font-size:.9rem;line-height:1.4}.blue-text{color:#90caf9!important}.td-tags{flex-wrap:wrap;gap:.5rem;display:flex}.td-tag{border-radius:4px;padding:.2rem .6rem;font-size:.75rem}.purple-bg{color:#ce93d8;background:#ce93d826}.orange-bg{color:#ffb300;background:#ffb30026}.td-dependent-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem 2rem}.dep-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.dep-title-area{align-items:center;gap:.75rem;display:flex}.dep-title-area h3{color:var(--text-primary);margin:0;font-size:1.1rem}.count-badge{color:#000;background:#ffb300;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;display:flex}.subtext{color:var(--text-muted);font-size:.8rem}.dep-actions{align-items:center;gap:1rem;display:flex}.btn-grey{color:var(--text-primary);cursor:pointer;background:#ffffff1a;border:none;border-radius:4px;padding:.4rem 1rem}.dep-search-bar{border:1px solid var(--border-color);background:var(--bg-primary);border-radius:6px;gap:1rem;margin-bottom:1.5rem;padding:.5rem;display:flex}.dep-search-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}.dep-filters{border-left:1px solid var(--border-color);gap:.5rem;padding-left:1rem;display:flex}.dep-filters select{color:var(--text-muted);background:0 0;border:none;outline:none}.dep-empty-state{text-align:center;color:var(--text-muted);padding:2rem;font-size:.85rem}