@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-app: linear-gradient(-45deg, #e0c3fc, #8ec5fc, #a1c4fd, #c2e9fb);--bg-size: 400% 400%;--bg-card: rgba(255, 255, 255, .7);--glass-bg: rgba(255, 255, 255, .4);--glass-border: rgba(255, 255, 255, .45);--glass-border-subtle: rgba(0, 0, 0, .08);--glass-blur: 25px;--text-main: #1d1d1f;--text-muted: #334155;--separator-color: rgba(255, 255, 255, .2);--segmented-bg: rgba(255, 255, 255, .15);--shadow-glass: 0 8px 32px -4px rgba(31, 38, 135, .15);--shadow-glow: 0 0 20px rgba(255, 255, 255, .3);--scrollbar-thumb: rgba(255, 255, 255, .4);--scrollbar-hover: rgba(255, 255, 255, .6);--input-bg: rgba(255, 255, 255, .2);--input-border: rgba(0, 0, 0, .1);--input-focus: rgba(0, 0, 0, .2);--checkbox-gradient: linear-gradient(135deg, #f472b6 0%, #db2777 100%);--sticky-bg: rgba(255, 255, 255, .8);--avatar-bg: #ffffff;--avatar-border: #ffffff}[data-theme=aura]{background:var(--bg-app);background-size:var(--bg-size);animation:aura-gradient 15s ease infinite}@keyframes aura-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes scan{0%{top:0}to{top:100%}}@keyframes shimmer{to{transform:translate(100%)}}[data-theme=midnight]{--bg-app: #030303;--bg-card: rgba(20, 20, 22, .85);--glass-bg: rgba(10, 10, 12, .65);--glass-border: rgba(255, 255, 255, .12);--glass-border-subtle: rgba(255, 255, 255, .08);--glass-blur: 25px;--text-main: #f5f5f7;--text-muted: #a1a1a6;--separator-color: rgba(255, 255, 255, .08);--segmented-bg: rgba(255, 255, 255, .05);--shadow-glass: 0 8px 32px -8px rgba(0, 0, 0, .8);--shadow-glow: 0 0 15px rgba(255, 255, 255, .03);--scrollbar-thumb: rgba(255, 255, 255, .2);--scrollbar-hover: rgba(255, 255, 255, .4);--input-bg: rgba(255, 255, 255, .05);--input-border: rgba(255, 255, 255, .1);--input-focus: rgba(255, 255, 255, .1);--checkbox-gradient: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--sticky-bg: rgba(3, 3, 3, .9);--avatar-bg: #1a1a1c;--avatar-border: #141416}body{background:var(--bg-app);background-size:var(--bg-size, auto);background-attachment:fixed;color:var(--text-main);transition:background .6s cubic-bezier(.23,1,.32,1),color .4s ease,backdrop-filter .6s cubic-bezier(.23,1,.32,1);animation:aura-gradient 15s ease infinite}[data-theme=midnight] body{animation:none;background:var(--bg-app)}.glass-surface,[class*=backdrop-blur]{transition:background-color .5s cubic-bezier(.23,1,.32,1),backdrop-filter .5s cubic-bezier(.23,1,.32,1),border-color .5s cubic-bezier(.23,1,.32,1),box-shadow .5s cubic-bezier(.23,1,.32,1),transform .4s cubic-bezier(.23,1,.32,1)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:20px;border:3px solid transparent;background-clip:content-box;transition:background-color .3s}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-hover)}[data-theme=aura] .aura-danger-glow{position:relative}[data-theme=aura] .aura-danger-glow:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;background:#ef44444d;filter:blur(40px);z-index:-1;border-radius:50%;pointer-events:none;animation:pulse-glow 4s infinite alternate}@keyframes pulse-glow{0%{opacity:.5;transform:translate(-50%,-50%) scale(.9)}to{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.btn-aura-save{background:#1d1d1f;color:#fff;border-radius:1rem;font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.15em;padding:.75rem 2rem;transition:all .3s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;box-shadow:0 10px 20px -5px #0000004d;display:flex;align-items:center;justify-content:center;gap:10px;border:none;cursor:pointer;white-space:nowrap;line-height:1}.btn-aura-save:hover{transform:translateY(-2px);box-shadow:0 15px 30px -10px #0006;background:#2d2d2f}.btn-aura-save:active{transform:scale(.95)}.btn-aura-save:disabled{opacity:.3;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-aura-save:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:aura-shimmer 3s infinite}@keyframes aura-shimmer{0%{left:-100%}50%{left:100%}to{left:100%}}[data-density=compact]{--glass-blur: 15px}[data-density=compact] :not(.Sidebar).p-6{padding:.75rem!important}[data-density=compact] :not(.Sidebar).py-10{padding-top:1.5rem!important;padding-bottom:1.5rem!important}[data-density=compact] :not(.Sidebar).space-y-10>:not([hidden])~:not([hidden]){margin-top:1.5rem!important}[data-density=compact] :not(.Sidebar).gap-6{gap:.75rem!important}[data-density=compact] :not(.Sidebar).gap-10{gap:1.5rem!important}[data-density=compact] :not(.Sidebar).rounded-2xl{border-radius:1rem!important}[data-density=compact] :not(.Sidebar).rounded-\[2rem\]{border-radius:1.25rem!important}[data-density=compact] :not(.Sidebar).space-y-4>:not([hidden])~:not([hidden]){margin-top:.5rem!important}[data-density=compact] :not(.Sidebar).space-y-3>:not([hidden])~:not([hidden]){margin-top:.4rem!important}[data-density=compact] :not(.Sidebar).mb-6{margin-bottom:.75rem!important}[data-density=compact] .LiquidCard.p-4{padding:.75rem!important}[data-density=compact] :not(.Sidebar).gap-2{gap:.35rem!important}[data-density=compact] :not(.Sidebar).mt-4{margin-top:.75rem!important}[data-density=compact] :not(.Sidebar).mb-4{margin-bottom:.75rem!important}[data-density=compact] :not(.Sidebar).mb-2{margin-bottom:.4rem!important}[data-density=compact] :not(.Sidebar).pt-3{padding-top:.5rem!important}[data-density=compact] .text-\[13px\]{font-size:12px!important}[data-density=compact] .text-\[11px\]{font-size:10px!important}[data-density=compact] .KanbanColumn{padding:.5rem!important;gap:.5rem!important}[data-density=compact] .KanbanColumn h3{margin-bottom:.5rem!important;font-size:11px!important}[data-density=compact] .ProjectHeader{padding:1rem!important}[data-density=compact] .TaskRow{padding:.5rem .75rem!important;margin-bottom:.25rem!important}[data-density=compact] .ProjectCard{padding:1rem!important;border-radius:1rem!important}[data-density=compact] .ProjectCard .space-y-6>:not([hidden])~:not([hidden]){margin-top:.75rem!important}[data-density=compact] .ProjectCard .w-12.h-12{width:2.25rem!important;height:2.25rem!important}[data-density=compact] .ProjectCard .text-lg{font-size:14px!important}[data-density=compact] .ProjectCard .grid{gap:.4rem!important}[data-density=compact] .ProjectCard .p-3{padding:.4rem!important;border-radius:.75rem!important}[data-density=compact] .ProjectListRow{padding:.5rem 1rem!important;border-radius:.75rem!important}[data-density=compact] .HomeView .gap-6{gap:1rem!important}[data-density=compact] .HomeView .space-y-4>:not([hidden])~:not([hidden]){margin-top:.5rem!important}[data-density=compact] .HomeView .pt-2{padding-top:.25rem!important}[data-density=compact] .HomeView .pb-1{padding-bottom:.1rem!important}[data-density=compact] .KPICard{padding:.75rem 1.25rem!important}[data-density=compact] .KPICard .text-3xl{font-size:1.5rem!important}[data-density=compact] .KPICard .text-xs{font-size:10px!important}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}
