:root{--color-primary: 94 92 230;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--bg-core: 0 0 0;--bg-card: 28 28 30;--bg-surface: 44 44 46;--text-main: 255 255 255;--text-muted: 142 142 147;--bento-gap: 1.25rem;--bento-radius: 2rem;--bento-padding: 1.5rem}body.light-mode{--bg-core: 242 242 247;--bg-card: 255 255 255;--bg-surface: 229 229 234;--text-main: 0 0 0;--text-muted: 100 100 105}html,body{height:100%;width:100%;overflow-x:hidden;overflow-y:auto}body{background-color:rgb(var(--bg-core));color:rgb(var(--text-main));font-feature-settings:"cv11","ss01";-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;transition:background-color .3s ease,color .3s ease}.bg-noise{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.012;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='8.5' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}::-webkit-scrollbar{width:0px;background:transparent}body.theme-indigo{--color-primary: 94 92 230}body.theme-emerald{--color-primary: 48 209 88}body.theme-rose{--color-primary: 255 69 58}body.theme-amber{--color-primary: 255 159 10}body.theme-blue{--color-primary: 10 132 255}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.glass{background:linear-gradient(135deg,#ffffff0d,#ffffff03);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border-top:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 1px #ffffff1a,0 10px 30px #0000004d}body.light-mode .glass{background:linear-gradient(135deg,#fff6,#fff3);border-top:1px solid rgba(255,255,255,.8)}.liquid-glass{background:linear-gradient(135deg,#ffffff14,#ffffff08);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 1px 2px #fff3,inset 0 -1px 1px #0003,0 25px 50px -12px #0009;position:relative}.liquid-glass:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.03) 0%,transparent 40%);pointer-events:none;z-index:0}body.light-mode .liquid-glass{background:linear-gradient(160deg,#ffffff80,#fff3);border:1px solid rgba(255,255,255,.9)}.glass-card{background:linear-gradient(135deg,#ffffff0f,#ffffff05);backdrop-filter:blur(30px) saturate(160%);-webkit-backdrop-filter:blur(30px) saturate(160%);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 1px #ffffff1a,0 4px 15px #0003}body.light-mode .glass-card{background:#ffffff80;border:1px solid rgba(255,255,255,.9)}.bento-grid{display:grid;gap:var(--bento-gap);width:100%}.bento-card{border-radius:var(--bento-radius);padding:var(--bento-padding);height:100%;display:flex;flex-direction:column}input,select,textarea{font-size:16px!important}.pt-safe{padding-top:env(safe-area-inset-top,20px)}.pb-safe{padding-bottom:env(safe-area-inset-bottom,20px)}.mb-safe{margin-bottom:env(safe-area-inset-bottom,20px)}.safe-area{padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right);box-sizing:border-box;min-height:100vh}.fade-enter{opacity:0;transform:scale(.98)}.fade-enter-active{opacity:1;transform:scale(1);transition:opacity .3s cubic-bezier(.2,.8,.2,1),transform .3s cubic-bezier(.2,.8,.2,1)}.fade-exit{opacity:1;transform:scale(1)}.fade-exit-active{opacity:0;transform:scale(.98);transition:opacity .2s ease-out,transform .2s ease-out}.view-transition{animation:viewFadeIn .5s cubic-bezier(.32,.72,0,1)}@keyframes viewFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.glass-empty{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px dashed rgba(255,255,255,.1);border-radius:var(--bento-radius);display:flex;flex-direction:column;align-items:center;justify-center:center;padding:3rem;text-align:center}.hover-glow:hover{box-shadow:0 0 20px rgba(var(--primary-rgb),.15);border-color:rgba(var(--primary-rgb),.3)}@keyframes scan{0%{transform:translateY(-100%);opacity:0}50%{opacity:.5}to{transform:translateY(100%);opacity:0}}.animate-scan{animation:scan 4s linear infinite}:root{--global-bg-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.15'/%3E%3C/svg%3E");--global-bg-gradient: radial-gradient(circle at 50% 0%, #1f1f2e 0%, #050505 100%)}body.desktop-ui{background-color:#050505!important;background-image:var(--global-bg-noise),var(--global-bg-gradient)!important;background-size:200px 200px,cover!important;background-position:0 0,center!important;background-attachment:fixed!important;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.liquid-glass-card{position:relative;width:400px;height:300px;border-radius:28px;isolation:isolate;box-shadow:0 0 21px -8px #ffffff4d;cursor:pointer;transition:transform .3s ease}.liquid-glass-card:hover{transform:translateY(-5px)}.liquid-glass-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:28px;box-shadow:inset 0 0 6px -1px #fff3,inset 0 1px 1px #ffffff40;background-color:#ffffff08;pointer-events:none}.liquid-glass-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:28px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);filter:url(#glass-distortion);-webkit-filter:url(#glass-distortion);isolation:isolate;pointer-events:none}.liquid-glass,.liquid-glass-card,.card-content{color:#fff}.liquid-glass{background-color:#ffffff08;border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px}.card-content{position:relative;z-index:10;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:24px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4);box-sizing:border-box}.card-header{display:flex;justify-content:space-between;align-items:flex-start}.user-info{display:flex;align-items:center;gap:12px}.avatar{width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:2px solid #3b82f6;display:flex;align-items:center;justify-content:center}.avatar-icon{width:20px;height:20px;color:#3b82f6}.user-details{display:flex;flex-direction:column}.user-name{font-weight:600;margin:0}.user-role{font-size:12px;opacity:.9;margin:0}.notification-icon{width:20px;height:20px;opacity:.8}.card-body{text-align:center;margin-top:8px}.card-title{font-size:18px;font-weight:700;margin:0 0 4px}.card-description{font-size:14px;opacity:.9;margin:0 0 16px}.glass-button{width:100%;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 6px #0000001a;transition:all .2s ease;font-family:inherit;text-shadow:0 1px 2px rgba(0,0,0,.3)}.glass-button:hover{background:#ffffff40}.glass-button:focus{outline:none;box-shadow:0 0 0 2px #3b82f699}.card-tip{font-size:12px;text-align:center;color:#e0e6ed;margin:16px 0 0}.no-scrollbar::-webkit-scrollbar{display:none}body.desktop-ui [class*=bg-surface],body.desktop-ui [class*=bg-dark],body.desktop-ui [class*=liquid-glass],body.desktop-ui [class*=glass],body.desktop-ui .liquid-glass-card{background-color:#ffffff08!important;border:1px solid rgba(255,255,255,.06)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}body.light-mode.desktop-ui [class*=bg-surface],body.light-mode.desktop-ui [class*=bg-dark],body.light-mode.desktop-ui [class*=liquid-glass],body.light-mode.desktop-ui [class*=glass]{background-color:#fff9!important;border:1px solid rgba(0,0,0,.06)!important;color:#111!important}.field-help{display:inline-block;position:relative;margin-left:8px;vertical-align:middle;z-index:50}.field-help__btn{width:18px;height:18px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;line-height:1;padding:0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.1)}.field-help__btn:focus{outline:none;box-shadow:0 0 0 3px #5e5ce626}.field-help__tooltip{position:absolute;left:50%;transform:translate(-50%) translateY(8px);bottom:100%;width:160px;background:#0f0f14fa;color:#fff;padding:10px 12px;border-radius:12px;font-size:10px;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:100;box-shadow:0 8px 24px #00000080;border:1px solid rgba(255,255,255,.1);line-height:1.4;white-space:normal}.field-help:hover .field-help__tooltip,.field-help:focus-within .field-help__tooltip,.field-help--active .field-help__tooltip{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}@media(max-width:1023px){.field-help__tooltip{left:auto;right:-20px;transform:translateY(8px)}.field-help:hover .field-help__tooltip,.field-help:focus-within .field-help__tooltip,.field-help--active .field-help__tooltip{transform:translateY(0)}}