@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-app: linear-gradient(-45deg, #e0c3fc, #8ec5fc, #a1c4fd, #c2e9fb);--bg-size: 400% 400%;--bg-main: #FBFBFC;--sidebar-bg: rgba(242, 242, 242, .8);--bg-card: rgba(242, 242, 242, .98);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .12);--glass-border-subtle: rgba(0, 0, 0, .06);--glass-blur: 25px;--text-main: #1D1D1F;--text-muted: #86868B;--separator-color: rgba(0, 0, 0, .08);--segmented-bg: rgba(0, 0, 0, .04);--brand-primary: #007AFF;--active-menu-bg: rgba(0, 0, 0, .06);--shadow-glass: 0 12px 40px -8px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(255, 255, 255, .5);--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;--status-draft-text: #475569;--status-action-text: #e11d48;--status-review-text: #4f46e5;--status-approved-text: #059669;--status-finalized-text: #9333ea;--radius-card: 20px;--radius-inner: 12px;--workspace-surface: rgba(251, 251, 252, .28);--header-frost: rgba(255, 255, 255, .58);--header-frost-highlight: rgba(255, 255, 255, .62);--column-header-frost: rgba(250, 250, 252, .68)}[data-flowb-background=ocean]{--bg-app: radial-gradient(circle at 18% 18%, #78d7f4 0, transparent 38%), radial-gradient(circle at 82% 72%, #2357b8 0, transparent 42%), linear-gradient(135deg, #073b66, #62c8cf) !important}[data-flowb-background=sunset]{--bg-app: radial-gradient(circle at 20% 20%, #ffd28b 0, transparent 34%), radial-gradient(circle at 78% 66%, #d9467d 0, transparent 42%), linear-gradient(135deg, #ff8a5b, #7036a0) !important}[data-flowb-background=forest]{--bg-app: radial-gradient(circle at 24% 18%, #8dd9a6 0, transparent 32%), radial-gradient(circle at 78% 74%, #0d5c54 0, transparent 45%), linear-gradient(135deg, #163f35, #75a85b) !important}[data-flowb-background=graphite]{--bg-app: radial-gradient(circle at 25% 10%, #657087 0, transparent 34%), radial-gradient(circle at 80% 75%, #111827 0, transparent 46%), linear-gradient(135deg, #303643, #090b10) !important}[data-flowb-background=custom]{--bg-app: var(--flowb-custom-background), linear-gradient(135deg, #334155, #0f172a) !important}[data-flowb-background=custom] body{background-position:center;background-size:cover}[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%)}}@keyframes pulse-subtle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.animate-pulse-subtle{animation:pulse-subtle 2s cubic-bezier(.4,0,.6,1) infinite}[data-theme=midnight]{--bg-app: #1E1E1E;--bg-main: #1E1E1E;--sidebar-bg: rgba(38, 38, 38, .75);--bg-card: rgba(45, 45, 45, .9);--glass-bg: rgba(45, 45, 45, .7);--glass-border: rgba(255, 255, 255, .1);--glass-border-subtle: rgba(255, 255, 255, .05);--glass-blur: 25px;--text-main: #F5F5F7;--text-muted: #A1A1A6;--separator-color: rgba(255, 255, 255, .08);--segmented-bg: rgba(255, 255, 255, .06);--brand-primary: #0A84FF;--active-menu-bg: rgba(255, 255, 255, .1);--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, .02);--scrollbar-hover: rgba(255, 255, 255, .08);--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;--status-draft-text: #94a3b8;--status-action-text: #fb7185;--status-review-text: #818cf8;--status-approved-text: #34d399;--status-finalized-text: #c084fc;--workspace-surface: rgba(18, 18, 20, .38);--header-frost: rgba(25, 25, 28, .58);--header-frost-highlight: rgba(255, 255, 255, .1);--column-header-frost: rgba(30, 30, 34, .68)}@keyframes login-rise{0%{opacity:0;transform:translateY(34px) scale(.94) rotateX(8deg);filter:blur(10px)}65%{opacity:1;transform:translateY(-4px) scale(1.01) rotateX(-1deg);filter:blur(0)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0);filter:blur(0)}}@keyframes login-orbit{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(22px,-18px,0) scale(1.08)}}.login-stage{--login-light-x: 50%;--login-light-y: 50%;background:radial-gradient(circle at 18% 15%,rgba(124,190,255,.85),transparent 34%),radial-gradient(circle at 82% 78%,rgba(139,92,246,.42),transparent 38%),linear-gradient(145deg,#dcefff,#bccdf5 48%,#d9c8ff)}.login-grid{background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 74%);mask-image:radial-gradient(circle at center,black,transparent 74%)}.login-pointer-light{background:radial-gradient(360px circle at var(--login-light-x) var(--login-light-y),rgba(255,255,255,.16),transparent 68%)}.login-brand-reveal{-webkit-mask-image:radial-gradient(circle 210px at var(--login-light-x) var(--login-light-y),#000 0%,rgba(0,0,0,.92) 48%,transparent 76%);mask-image:radial-gradient(circle 210px at var(--login-light-x) var(--login-light-y),#000 0%,rgba(0,0,0,.92) 48%,transparent 76%)}.login-background-logo{color:#ffffff75;letter-spacing:-.075em;text-shadow:0 2px 0 rgba(255,255,255,.38),0 34px 80px rgba(46,70,150,.24);transform:translateZ(-80px) rotate(-4deg) scale(1.05);filter:blur(.2px);-webkit-user-select:none;user-select:none}.login-background-logo span{color:#4f46e59e}.login-orb{width:360px;height:360px;border-radius:999px;filter:blur(24px);animation:login-orbit 9s ease-in-out infinite}.login-orb-one{left:-110px;top:8%;background:#38bdf852}.login-orb-two{right:-90px;bottom:-80px;background:#6366f147;animation-delay:-4s}.login-entrance{animation:login-rise .9s cubic-bezier(.16,1,.3,1) both;transform-style:preserve-3d}.login-card-3d{transform-style:preserve-3d;transition:transform .18s ease-out,box-shadow .3s ease;will-change:transform}.login-logo-depth{transform:translateZ(28px)}@media(prefers-reduced-motion:reduce){.login-entrance,.login-orb{animation:none}.login-card-3d{transition:none}.login-brand-reveal{-webkit-mask-image:radial-gradient(circle 260px at 50% 50%,#000,transparent 78%);mask-image:radial-gradient(circle 260px at 50% 50%,#000,transparent 78%)}}.flowb-frosted-header{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,var(--header-frost-highlight),transparent 42%),var(--header-frost);-webkit-backdrop-filter:blur(42px) saturate(175%);backdrop-filter:blur(42px) saturate(175%);box-shadow:0 14px 42px #00000029,inset 0 1px #ffffff6b,inset 0 -1px #ffffff14}.flowb-frosted-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 18% -30%,rgba(255,255,255,.42),transparent 42%),linear-gradient(105deg,rgba(255,255,255,.12),transparent 38%,rgba(255,255,255,.08));opacity:.8}.flowb-frosted-column-header{background:var(--column-header-frost)!important;-webkit-backdrop-filter:blur(32px) saturate(155%);backdrop-filter:blur(32px) saturate(155%);box-shadow:inset 0 1px #ffffff4d,0 8px 22px #00000014}.flowb-frosted-column-header.flowb-column-today{background:linear-gradient(#6366f124,#6366f114),var(--column-header-frost)!important}.flowb-frosted-column-header.flowb-column-rose{background:linear-gradient(#f43f5e1f,#f43f5e0f),var(--column-header-frost)!important}.flowb-frosted-column-header.flowb-column-amber{background:linear-gradient(#f59e0b21,#f59e0b0f),var(--column-header-frost)!important}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:2px;height:2px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:20px;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:var(--brand-primary);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;filter:brightness(1.1)}.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}
