:root{--bg-primary:#faf8f5;--bg-secondary:#f0ede8;--bg-card:#fff;--bg-card-hover:#f7f5f2;--surface-glass:#ffffffb8;--text-primary:#1a1a2e;--text-secondary:#555570;--text-muted:#8e8ea0;--accent-primary:#4338ca;--accent-secondary:#0d9488;--accent-tertiary:#7c3aed;--accent-warm:#ea580c;--gradient-primary:linear-gradient(135deg, #4338ca 0%, #7c3aed 100%);--gradient-secondary:linear-gradient(135deg, #0d9488 0%, #06b6d4 100%);--gradient-warm:linear-gradient(135deg, #ea580c 0%, #f59e0b 100%);--gradient-success:linear-gradient(135deg, #10b981 0%, #34d399 100%);--gradient-error:linear-gradient(135deg, #ef4444 0%, #fb7185 100%);--shadow-sm:0 1px 3px #0000000a, 0 1px 2px #0000000f;--shadow-md:0 4px 12px #0000000f, 0 2px 4px #0000000a;--shadow-lg:0 12px 40px #00000014;--shadow-card:0 2px 8px #0000000a, 0 0 0 1px #0000000a;--glow-primary:none;--glow-accent:none;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--transition-fast:0s;--transition-normal:0s;--transition-slow:50ms cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-primary:#0f0f17;--bg-secondary:#16161f;--bg-card:#1c1c28;--bg-card-hover:#24243a;--surface-glass:#1c1c28c7;--text-primary:#e8e8f0;--text-secondary:#9898b0;--text-muted:#606078;--accent-primary:#818cf8;--accent-secondary:#5eead4;--accent-tertiary:#a78bfa;--gradient-primary:linear-gradient(135deg, #818cf8 0%, #a78bfa 100%);--gradient-secondary:linear-gradient(135deg, #5eead4 0%, #67e8f9 100%);--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 12px 40px #00000080;--shadow-card:0 2px 8px #0000004d, 0 0 0 1px #ffffff0d;--glow-primary:0 0 24px #818cf81f;--glow-accent:0 0 24px #5eead41f}body{background:var(--bg-primary);color:var(--text-primary);transition:background var(--transition-normal), color var(--transition-normal)}.v-application,.v-main{transition:background var(--transition-normal);background:var(--bg-primary)!important}.display-heading{letter-spacing:-.02em;font-weight:700;line-height:1.2}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.bento-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:12px;display:grid}.bento-card--wide{grid-column:span 2}.bento-card--tall{grid-row:span 2}@media (width<=400px){.bento-grid{grid-template-columns:1fr}.bento-card--wide{grid-column:span 1}}.bento-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform var(--transition-normal), box-shadow var(--transition-normal), background var(--transition-normal);border:1px solid #0000000a;position:relative;overflow:hidden}.bento-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}[data-theme=dark] .bento-card{background:var(--surface-glass);border:1px solid #ffffff0f}[data-theme=dark] .bento-card:hover{box-shadow:var(--glow-primary);border-color:#ffffff1a}.accent-bar{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;height:3px}.accent-bar--indigo{background:var(--gradient-primary)}.accent-bar--teal{background:var(--gradient-secondary)}.accent-bar--warm{background:var(--gradient-warm)}.accent-bar--success{background:var(--gradient-success)}.accent-bar--error{background:var(--gradient-error)}.icon-circle{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.icon-circle--primary{background:var(--gradient-primary)}.icon-circle--secondary{background:var(--gradient-secondary)}.icon-circle--warm{background:var(--gradient-warm)}.icon-circle--success{background:var(--gradient-success)}.icon-circle--error{background:var(--gradient-error)}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.status-dot--pending{background:#f59e0b;animation:2s ease-in-out infinite pulse-dot}.status-dot--done{background:#3b82f6}.status-dot--accepted{background:#10b981}.status-dot--rejected{background:#ef4444}.status-dot--active{background:#10b981}.status-dot--inactive{background:#8e8ea0}.btn-gradient{transition:box-shadow var(--transition-normal), transform var(--transition-normal);box-shadow:0 4px 14px #4338ca4d;background:var(--gradient-primary)!important;color:#fff!important;border:none!important}.btn-gradient:hover{transform:translateY(-1px);box-shadow:0 6px 20px #4338ca66}[data-theme=dark] .btn-gradient{box-shadow:0 4px 14px #818cf840}.glass{background:var(--surface-glass)}.composer-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:background var(--transition-normal), border-color var(--transition-normal);border:1px solid #0000000f;padding:12px}[data-theme=dark] .composer-card{background:var(--surface-glass);border:1px solid #ffffff0f}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.page-fade-enter-active{animation:ease-out fade-up}.page-fade-leave-active{animation:ease-in reverse fade-up}.skeleton-block{background:linear-gradient(270deg, var(--bg-secondary) 25%, var(--bg-card-hover) 50%, var(--bg-secondary) 75%);border-radius:var(--radius-md);background-size:400% 100%;animation:1s ease-in-out infinite skeleton-shimmer}.task-card--pending{border-inline-start:3px solid #f59e0b}.task-card--done{border-inline-start:3px solid #3b82f6}.task-card--accepted{border-inline-start:3px solid #10b981}.task-card--rejected{border-inline-start:3px solid #ef4444}.filter-section{background:linear-gradient(135deg, var(--bg-card) 0%, var(--bg-secondary) 100%);padding:16px}.diff-block{border-radius:var(--radius-sm);padding:10px;font-size:.8rem;overflow-x:auto}.diff-block--old{background:#ef44440f;border-inline-start:3px solid #ef4444}.diff-block--new{background:#10b9810f;border-inline-start:3px solid #10b981}[data-theme=dark] .diff-block--old{background:#fb718514}[data-theme=dark] .diff-block--new{background:#34d39914}.gradient-0{background:linear-gradient(135deg,#4338ca,#7c3aed)!important}.gradient-1{background:linear-gradient(135deg,#0d9488,#06b6d4)!important}.gradient-2{background:linear-gradient(135deg,#ea580c,#f59e0b)!important}.gradient-3{background:linear-gradient(135deg,#db2777,#f472b6)!important}.gradient-4{background:linear-gradient(135deg,#059669,#34d399)!important}.fab-gradient{bottom:24px!important;z-index:1000!important;box-shadow:none!important;background:0 0!important;position:fixed!important;inset-inline-end:24px!important}.fab-gradient .v-btn{background:var(--gradient-primary)!important;color:#fff!important;box-shadow:0 6px 20px #4338ca59!important}.fab-gradient .v-btn .v-icon{color:#fff!important}.bottom-nav-custom .v-btn .v-btn__overlay{opacity:0!important}.bottom-nav-custom .v-btn{color:var(--text-secondary)!important}.bottom-nav-custom .v-btn--active{color:var(--accent-primary)!important}.hover-reveal{opacity:0;transition:opacity var(--transition-fast)}.bento-card:hover .hover-reveal,.update-card:hover .hover-reveal{opacity:1}.img-hover-scale{transition:transform var(--transition-normal);border-radius:var(--radius-md);overflow:hidden}.img-hover-scale:hover{transform:scale(1.03)}.filter-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:background var(--transition-normal);border:1px solid #0000000a;padding:10px 14px}[data-theme=dark] .filter-card{background:var(--surface-glass);border:1px solid #ffffff0f}.filter-card__row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-card__field{flex:100%;min-width:0}.filter-card__btn{flex-shrink:0}@media (width>=600px){.filter-card__field--select{flex:1 1 var(--filter-field-min,140px);min-width:var(--filter-field-min,140px)}.filter-card__field--date{flex:0 200px}}.v-dialog>.v-overlay__content>.v-card{overflow:hidden}.v-dialog>.v-overlay__content>.v-card>.v-card-text{flex:auto;min-height:0;overflow-y:auto}.v-dialog>.v-overlay__content>.v-card>.v-card-actions{flex:none}.policy-back{min-height:24px;color:var(--brand-indigo,#4338ca);align-items:center;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.policy-back:hover{text-decoration:underline}.project-card__name,.project-nav-header__name,.task-title,.task-card__title{overflow-wrap:anywhere}