@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Almarai:wght@300;400;700;800&display=swap";/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a))drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a)drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--sidebar-width:280px;--sidebar-collapsed-width:80px;--header-height:72px;--mobile-nav-height:72px;--puiux-black:#0a0a0a;--puiux-black-soft:#1a1a1a;--puiux-black-rich:#121212;--puiux-black-warm:#1c1917;--puiux-black-cool:#0f172a;--puiux-white:#fff;--puiux-white-soft:#f8f9fa;--google-blue:#4285f4;--google-blue-light:#669df6;--google-blue-dark:#1a73e8;--google-red:#ea4335;--google-red-light:#f28b82;--google-red-dark:#c5221f;--google-yellow:#fbbc05;--google-yellow-light:#fdd663;--google-yellow-dark:#f9a825;--google-green:#34a853;--google-green-light:#81c995;--google-green-dark:#188038;--puiux-google-blue:#4285f4;--puiux-google-red:#ea4335;--puiux-google-yellow:#fbbc05;--puiux-google-green:#34a853;--puiux-gray-50:#f9fafb;--puiux-gray-100:#f3f4f6;--puiux-gray-200:#e5e7eb;--puiux-gray-300:#d1d5db;--puiux-gray-400:#9ca3af;--puiux-gray-500:#6b7280;--puiux-gray-600:#4b5563;--puiux-gray-700:#374151;--puiux-gray-800:#1f2937;--puiux-gray-900:#111827;--primary:var(--puiux-black);--primary-light:#2d2d2d;--secondary:var(--google-blue);--accent:var(--google-blue);--success:var(--google-green);--success-light:#e6f4ea;--success-bg:#34a85314;--warning:var(--google-yellow);--warning-light:#fef7e0;--warning-bg:#fbbc0514;--danger:var(--google-red);--danger-light:#fce8e6;--danger-bg:#ea433514;--info:var(--google-blue);--info-light:#e8f0fe;--info-bg:#4285f414;--accent-light:#4285f414;--gradient-black-rich:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 25%,#2d2d2d 50%,#1a1a1a 75%,#0a0a0a 100%);--gradient-black-warm:linear-gradient(135deg,#0a0a0a 0%,#1c1917 50%,#292524 100%);--gradient-black-cool:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0f172a 100%);--gradient-black-mesh:radial-gradient(ellipse at 20% 30%,#1a1a1a 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,#2d2d2d 0%,transparent 50%),linear-gradient(135deg,#0a0a0a 0%,#141414 100%);--gradient-black-shine:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 30%,#3d3d3d 50%,#1a1a1a 70%,#0a0a0a 100%);--gradient-primary:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 40%,#2d2d2d 100%);--gradient-blue:linear-gradient(135deg,#4285f4 0%,#669df6 50%,#1a73e8 100%);--gradient-red:linear-gradient(135deg,#ea4335 0%,#f28b82 50%,#c5221f 100%);--gradient-green:linear-gradient(135deg,#34a853 0%,#81c995 50%,#188038 100%);--gradient-yellow:linear-gradient(135deg,#fbbc05 0%,#fdd663 50%,#f9a825 100%);--gradient-rainbow:linear-gradient(90deg,#ea4335 0%,#fbbc05 25%,#34a853 50%,#4285f4 75%,#ea4335 100%);--gradient-google-flow:linear-gradient(135deg,#4285f4 0%,#34a853 33%,#fbbc05 66%,#ea4335 100%);--gradient-google-subtle:linear-gradient(135deg,#4285f41a 0%,#34a8531a 33%,#fbbc051a 66%,#ea43351a 100%);--gradient-border-animate:conic-gradient(from 0deg,#4285f4,#34a853,#fbbc05,#ea4335,#4285f4);--gradient-bg:linear-gradient(180deg,#f8f9fa 0%,#fff 100%);--gradient-bg-mesh:radial-gradient(ellipse at 0% 0%,#4285f408 0%,transparent 50%),radial-gradient(ellipse at 100% 0%,#34a85308 0%,transparent 50%),radial-gradient(ellipse at 100% 100%,#fbbc0508 0%,transparent 50%),radial-gradient(ellipse at 0% 100%,#ea433508 0%,transparent 50%),linear-gradient(180deg,#f8f9fa 0%,#fff 100%);--gradient-success:var(--gradient-green);--gradient-warning:var(--gradient-yellow);--gradient-danger:var(--gradient-red);--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--bg-primary:#f8f9fa;--bg-secondary:#fff;--bg-tertiary:#f1f3f5;--bg-elevated:#fff;--bg-hover:#0000000a;--bg-active:#00000014;--glass-bg:#fffffff2;--glass-border:#00000014;--glass-shadow:0 8px 32px #00000014;--text-primary:#0a0a0a;--text-secondary:#5f6368;--text-muted:#9aa0a6;--text-placeholder:#bdc1c6;--text-inverse:#fff;--border-color:#e8eaed;--border-light:#f1f3f5;--border-dark:#dadce0;--border-focus:var(--google-blue);--sidebar-bg:#fff;--sidebar-text:#5f6368;--sidebar-text-muted:#9aa0a6;--sidebar-border:#e8eaed;--sidebar-hover:#0000000a;--sidebar-active-bg:var(--puiux-black);--sidebar-active-text:#fff;--header-bg:#fffffff2;--header-border:#e8eaed;--card-bg:#fff;--card-border:#e8eaed;--card-shadow:0 1px 3px #0000000a,0 4px 12px #0000000a;--card-shadow-hover:0 4px 16px #00000014,0 8px 32px #0000000a;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 4px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 24px #00000014;--shadow-xl:0 12px 48px #0000001f;--shadow-card:0 4px 20px #0000000f;--focus-ring:0 0 0 3px #4285f440}[data-theme=dark]{--bg-primary:#0a0a0a;--bg-secondary:#141414;--bg-tertiary:#1e1e1e;--bg-elevated:#1a1a1a;--bg-hover:#ffffff0f;--bg-active:#ffffff1a;--glass-bg:#141414f2;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px #0006;--text-primary:#f8f9fa;--text-secondary:#9aa0a6;--text-muted:#5f6368;--text-placeholder:#3c4043;--text-inverse:#0a0a0a;--border-color:#2d2d2d;--border-light:#1e1e1e;--border-dark:#3c4043;--sidebar-bg:#0a0a0a;--sidebar-text:#e8eaed;--sidebar-text-muted:#5f6368;--sidebar-border:#2d2d2d;--sidebar-hover:#ffffff0f;--sidebar-active-bg:var(--gradient-black-shine);--sidebar-active-text:#fff;--header-bg:#0a0a0af2;--header-border:#2d2d2d;--card-bg:#141414;--card-border:#2d2d2d;--card-shadow:0 1px 3px #0000004d,0 4px 12px #0003;--card-shadow-hover:0 4px 16px #0006,0 8px 32px #0000004d;--success-bg:#34a85326;--warning-bg:#fbbc0526;--danger-bg:#ea433526;--info-bg:#4285f426;--accent-light:#4285f426;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 2px 4px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 24px #0009;--shadow-xl:0 12px 48px #000000b3;--gradient-bg:linear-gradient(180deg,#0a0a0a 0%,#141414 100%);--gradient-bg-mesh:radial-gradient(ellipse at 0% 0%,#4285f40d 0%,transparent 50%),radial-gradient(ellipse at 100% 0%,#34a8530d 0%,transparent 50%),radial-gradient(ellipse at 100% 100%,#fbbc050d 0%,transparent 50%),radial-gradient(ellipse at 0% 100%,#ea43350d 0%,transparent 50%),linear-gradient(180deg,#0a0a0a 0%,#141414 100%);--gradient-primary:linear-gradient(135deg,#fff 0%,#e8eaed 100%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--gradient-bg-mesh);min-height:100vh;color:var(--text-primary);letter-spacing:-.01em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}[dir=rtl] body{font-family:Almarai,Inter,sans-serif}#root{min-height:100vh}.border-animate{z-index:1;position:relative}.border-animate:before{content:"";border-radius:inherit;background:var(--gradient-border-animate);z-index:-1;animation:4s linear infinite borderRotate;position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px}.border-animate:after{content:"";border-radius:inherit;background:var(--card-bg);z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0}@keyframes borderRotate{0%{background:conic-gradient(#4285f4,#34a853,#fbbc05,#ea4335,#4285f4)}to{background:conic-gradient(from 360deg,#4285f4,#34a853,#fbbc05,#ea4335,#4285f4)}}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;animation:2s infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.google-accent-line{background:var(--gradient-rainbow);border-radius:var(--radius-full);background-size:400% 100%;height:4px;animation:8s ease-in-out infinite googleFlow}@keyframes googleFlow{0%,to{background-position:0%}50%{background-position:100%}}.google-dot{border-radius:50%;width:8px;height:8px;animation:4s ease-in-out infinite googlePulse}@keyframes googlePulse{0%,to{background:#4285f4;box-shadow:0 0 #4285f466}25%{background:#34a853;box-shadow:0 0 0 4px #34a85333}50%{background:#fbbc05;box-shadow:0 0 #fbbc0566}75%{background:#ea4335;box-shadow:0 0 0 4px #ea433533}}.hover-google{background:var(--card-bg);transition:all .3s;position:relative}.hover-google:before{content:"";border-radius:inherit;background:var(--gradient-google-subtle);opacity:0;transition:opacity .3s;position:absolute;top:0;right:0;bottom:0;left:0}.hover-google:hover:before{opacity:1}.preloader{z-index:99999;background:var(--gradient-bg-mesh);flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s,visibility .6s;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.preloader.hidden{opacity:0;visibility:hidden;pointer-events:none}.preloader-content{flex-direction:column;align-items:center;gap:48px;display:flex}.preloader-logo{justify-content:center;align-items:center;width:120px;height:120px;animation:3s ease-in-out infinite preloaderPulse;display:flex;position:relative}.preloader-logo.ai-logo{width:140px;height:140px;animation:4s ease-in-out infinite aiLogoPulse}.preloader-svg-logo{z-index:2;width:100%;height:100%;position:relative}.preloader-logo.ai-logo:before{content:"";filter:blur(30px);opacity:.7;z-index:0;background:conic-gradient(#4285f440,#9b72cb40,#d9657040,#34a85340,#4285f440);border-radius:50%;animation:8s linear infinite aiRingRotate;position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px}.preloader-logo.ai-logo:after{content:"";background:linear-gradient(var(--bg-primary),var(--bg-primary))padding-box,conic-gradient(from 0deg,#4285f4,#9b72cb,#d96570,#34a853,#4285f4)border-box;z-index:1;border:2px solid #0000;border-radius:50%;animation:5s linear infinite reverse aiRingRotate;position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.preloader-logo img{object-fit:contain;z-index:1;width:100%;height:100%;position:relative}[data-theme=dark] .preloader-logo img{filter:invert()}@keyframes aiLogoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes aiRingRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preloader-bar{background:var(--border-color);border-radius:var(--radius-full);width:240px;height:4px;position:relative;overflow:hidden}.preloader-bar:after{content:"";background:var(--gradient-rainbow);border-radius:var(--radius-full);background-size:400% 100%;width:50%;height:100%;animation:1.5s ease-in-out infinite preloaderSlide,3s linear infinite preloaderRainbow;position:absolute;top:0;left:0}.preloader-dots{gap:8px;margin-top:-24px;display:flex}.preloader-dots span{border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite preloaderDots}.preloader-dots span:first-child{background:var(--google-blue);animation-delay:0s}.preloader-dots span:nth-child(2){background:var(--google-red);animation-delay:.2s}.preloader-dots span:nth-child(3){background:var(--google-yellow);animation-delay:.4s}.preloader-dots span:nth-child(4){background:var(--google-green);animation-delay:.6s}@keyframes preloaderPulse{0%,to{transform:scale(1)}50%{transform:scale(.95)}}@keyframes preloaderOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes preloaderSlide{0%{left:-50%}to{left:100%}}@keyframes preloaderRainbow{0%{background-position:0%}to{background-position:400%}}@keyframes preloaderDots{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.5)}}.preloader-text{color:var(--text-muted);letter-spacing:.2em;text-transform:uppercase;font-size:13px;font-weight:600}.app-container{min-height:100vh;display:flex;position:relative}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:100;flex-direction:column;height:100vh;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0}.sidebar:before{content:"";background:var(--gradient-rainbow);z-index:1;background-size:400% 100%;height:3px;animation:10s ease-in-out infinite sidebarAccent;position:absolute;top:0;left:0;right:0}@keyframes sidebarAccent{0%,to{background-position:0%}50%{background-position:100%}}[dir=rtl] .sidebar{border-right:none;border-left:1px solid var(--sidebar-border);left:auto;right:0}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{height:var(--header-height);border-bottom:1px solid var(--sidebar-border);background:linear-gradient(#ffffff05,#0000);flex-shrink:0;justify-content:space-between;align-items:center;padding:3px 24px 0;display:flex}[data-theme=dark] .sidebar-header{background:linear-gradient(#ffffff05,#0000)}.sidebar.collapsed .sidebar-header{flex-direction:column;justify-content:center;gap:8px;padding:3px 16px 0}.logo{align-items:center;gap:14px;text-decoration:none;transition:transform .2s;display:flex}.logo:hover{transform:scale(1.02)}.logo-icon{flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.logo-icon:before{content:"";background:linear-gradient(#fff,#fff)padding-box,var(--gradient-rainbow)border-box;opacity:0;background-size:400% 100%;border:2px solid #0000;border-radius:50%;transition:opacity .3s;position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.logo:hover .logo-icon:before{opacity:.6;animation:3s linear infinite logoRing}@keyframes logoRing{0%{background-position:0%}to{background-position:400%}}.logo-icon svg,.logo-icon img{object-fit:contain;z-index:1;width:100%;height:100%;position:relative}[data-theme=dark] .logo-icon img{filter:invert()}.logo-text{color:var(--text-primary);letter-spacing:-.03em;font-size:22px;font-weight:800}.sidebar.collapsed .logo-text{display:none}.collapse-btn{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-secondary);width:34px;height:34px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.collapse-btn:hover{background:var(--puiux-black);color:var(--puiux-white);border-color:var(--puiux-black);transform:scale(1.05)}[data-theme=dark] .collapse-btn:hover{background:var(--puiux-white);color:var(--puiux-black);border-color:var(--puiux-white)}.sidebar.collapsed .collapse-btn{display:none}.sidebar-nav{flex:1;padding:24px 14px;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.nav-section{margin-bottom:32px}.nav-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);align-items:center;gap:8px;margin-bottom:12px;padding:0 14px;font-size:11px;font-weight:700;display:flex}.nav-section-title:before{content:"";background:var(--google-blue);border-radius:50%;width:6px;height:6px}.nav-section:nth-child(2) .nav-section-title:before{background:var(--google-green)}.nav-section:nth-child(3) .nav-section-title:before{background:var(--google-yellow)}.nav-section:nth-child(4) .nav-section-title:before{background:var(--google-red)}.sidebar.collapsed .nav-section-title{display:none}.nav-item{border-radius:var(--radius-md);color:var(--sidebar-text);align-items:center;gap:14px;margin-bottom:6px;padding:13px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.nav-item:before{content:"";background:var(--gradient-google-subtle);opacity:0;border-radius:inherit;transition:opacity .25s;position:absolute;top:0;right:0;bottom:0;left:0}.nav-item:hover:before{opacity:.5}.nav-item:hover{color:var(--text-primary);transform:translate(4px)}[dir=rtl] .nav-item:hover{transform:translate(-4px)}.nav-item.active{background:var(--gradient-black-shine);color:var(--puiux-white);font-weight:600;box-shadow:0 4px 15px #00000026}[data-theme=dark] .nav-item.active{color:var(--puiux-black);background:linear-gradient(135deg,#fff,#e8eaed 30%,#fff,#e8eaed 70%,#fff)}.nav-item.active:before{display:none}.nav-item.active:after{content:"";background:var(--gradient-rainbow);border-radius:0 var(--radius-xs)var(--radius-xs)0;background-size:100% 400%;width:4px;height:60%;animation:4s ease-in-out infinite activeIndicator;position:absolute;top:50%;left:0;transform:translateY(-50%)}[dir=rtl] .nav-item.active:after{border-radius:var(--radius-xs)0 0 var(--radius-xs);left:auto;right:0}@keyframes activeIndicator{0%,to{background-position:50% 0}50%{background-position:50% 100%}}.nav-item-icon{z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:transform .2s;display:flex;position:relative}.nav-item:hover .nav-item-icon{transform:scale(1.1)}.nav-item-text{white-space:nowrap;text-overflow:ellipsis;z-index:1;position:relative;overflow:hidden}.sidebar.collapsed .nav-item-text{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:14px}.sidebar.collapsed .nav-item:hover{transform:scale(1.05)}.sidebar.collapsed .nav-item.active:after{display:none}.sidebar-footer{border-top:1px solid var(--sidebar-border);background:linear-gradient(#0000,#00000005);padding:16px 14px}[data-theme=dark] .sidebar-footer{background:linear-gradient(#0000,#ffffff05)}.sidebar-footer .nav-item{margin-bottom:0}.sidebar-footer .logo-icon{background:var(--bg-tertiary);border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-muted);font-size:11px;font-weight:700}.main-content{margin-left:var(--sidebar-width);background:var(--bg-primary);flex-direction:column;flex:1;min-height:100vh;transition:margin .3s cubic-bezier(.4,0,.2,1);display:flex}[dir=rtl] .main-content{margin-left:0;margin-right:var(--sidebar-width)}.main-content.collapsed{margin-left:var(--sidebar-collapsed-width)}[dir=rtl] .main-content.collapsed{margin-left:0;margin-right:var(--sidebar-collapsed-width)}.header{height:var(--header-height);background:var(--header-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--header-border);z-index:50;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:sticky;top:0}.header:after{content:"";opacity:0;background:linear-gradient(90deg,#0000,#4285f44d,#34a8534d,#fbbc054d,#ea43354d,#0000);height:1px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.header:hover:after{opacity:1}.header-left{align-items:center;gap:20px;display:flex}.header-right{align-items:center;gap:14px;display:flex}.header-title{color:var(--text-primary);letter-spacing:-.02em;font-size:18px;font-weight:700}.header-breadcrumb{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.header-breadcrumb span{color:var(--text-primary);font-weight:500}.search-box{width:360px;position:relative}.search-box input{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;height:46px;color:var(--text-primary);padding:0 18px 0 50px;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1)}[dir=rtl] .search-box input{padding:0 50px 0 18px}.search-box input:focus{border-color:var(--google-blue);background:var(--bg-elevated);outline:none;width:400px;box-shadow:0 0 0 4px #4285f426}.search-box input::placeholder{color:var(--text-placeholder)}.search-icon{color:var(--text-muted);pointer-events:none;transition:color .2s;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.search-box input:focus+.search-icon,.search-box:focus-within .search-icon{color:var(--google-blue)}[dir=rtl] .search-icon{left:auto;right:18px}.header-btn{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-secondary);width:46px;height:46px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.header-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-dark);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.notification-badge{background:var(--google-red);border:2px solid var(--bg-secondary);border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite notificationPulse;position:absolute;top:8px;right:8px}@keyframes notificationPulse{0%,to{transform:scale(1);box-shadow:0 0 #ea433566}50%{transform:scale(1.1);box-shadow:0 0 0 4px #ea433500}}.theme-toggle{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-secondary);width:46px;height:46px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.theme-toggle:before{content:"";opacity:0;background:linear-gradient(135deg,#fbbc051a,#4285f41a);transition:opacity .3s;position:absolute;top:0;right:0;bottom:0;left:0}.theme-toggle:hover{border-color:var(--google-yellow);transform:rotate(15deg)}.theme-toggle:hover:before{opacity:1}[data-theme=dark] .theme-toggle:hover{border-color:var(--google-blue)}.user-avatar{border-radius:var(--radius-md);background:var(--gradient-black-shine);width:46px;height:46px;color:var(--puiux-white);cursor:pointer;justify-content:center;align-items:center;font-size:15px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}[data-theme=dark] .user-avatar{color:var(--puiux-black);background:linear-gradient(135deg,#fff,#e8eaed 30%,#fff,#e8eaed 70%,#fff)}.user-avatar:before{content:"";border-radius:inherit;background:var(--gradient-rainbow);opacity:0;z-index:-1;background-size:400% 400%;transition:opacity .3s;position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px}.user-avatar:hover{transform:scale(1.08)}.user-avatar:hover:before{opacity:1;animation:3s linear infinite avatarRing}@keyframes avatarRing{0%{background-position:0%}to{background-position:400%}}.menu-btn{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-secondary);width:46px;height:46px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:none}.menu-btn:hover{background:var(--bg-hover);transform:translateY(-2px)}.points-display{border-radius:var(--radius-full);background:linear-gradient(135deg,#fbbc0514,#fbbc0505);border:1px solid #fbbc0533;align-items:center;gap:10px;padding:10px 18px;transition:all .25s;display:flex}.points-display:hover{border-color:var(--google-yellow);box-shadow:0 4px 15px #fbbc0526}.points-icon{color:var(--google-yellow);animation:2s ease-in-out infinite pointsGlow}@keyframes pointsGlow{0%,to{filter:drop-shadow(0 0 2px #fbbc054d)}50%{filter:drop-shadow(0 0 8px #fbbc0599)}}.points-value{color:var(--text-primary);letter-spacing:-.02em;font-size:16px;font-weight:800}.points-label{color:var(--text-muted);font-size:13px;font-weight:500}.page-content{flex:1;max-width:1600px;padding:32px}.page-header{margin-bottom:32px}.page-title{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:8px;font-size:28px;font-weight:800}.glass-card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);padding:28px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-card:before{content:"";background:var(--gradient-rainbow);transform-origin:0;background-size:400% 100%;height:3px;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.glass-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.glass-card:hover:before{animation:4s linear infinite cardAccent;transform:scaleX(1)}@keyframes cardAccent{0%{background-position:0%}to{background-position:400%}}.card-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.card-subtitle{color:var(--text-muted);margin-top:4px;font-size:13px}.stat-card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);align-items:flex-start;gap:20px;padding:26px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.stat-card.blue:after,.stat-card.green:after,.stat-card.red:after,.stat-card.yellow:after{content:"";border-radius:var(--radius-lg)0 0 var(--radius-lg);width:4px;height:100%;position:absolute;top:0;left:0}.stat-card.blue:after{background:var(--google-blue)}.stat-card.green:after{background:var(--google-green)}.stat-card.red:after{background:var(--google-red)}.stat-card.yellow:after{background:var(--google-yellow)}[dir=rtl] .stat-card.blue:after,[dir=rtl] .stat-card.green:after,[dir=rtl] .stat-card.red:after,[dir=rtl] .stat-card.yellow:after{border-radius:0 var(--radius-lg)var(--radius-lg)0;left:auto;right:0}.stat-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.stat-icon.blue{background:var(--info-bg);color:var(--google-blue)}.stat-icon.green{background:var(--success-bg);color:var(--google-green)}.stat-icon.red{background:var(--danger-bg);color:var(--google-red)}.stat-icon.yellow{background:var(--warning-bg);color:var(--google-yellow)}.stat-icon.primary{background:var(--bg-tertiary);color:var(--text-primary)}.stat-icon.success{background:var(--success-bg);color:var(--google-green)}.stat-icon.warning{background:var(--warning-bg);color:var(--google-yellow)}.stat-icon.accent{background:var(--info-bg);color:var(--google-blue)}.stat-content{flex:1;min-width:0}.stat-label{color:var(--text-secondary);margin-bottom:6px;font-size:14px}.stat-value{color:var(--text-primary);letter-spacing:-.02em;font-size:28px;font-weight:700;line-height:1.2}.stat-change{border-radius:var(--radius-full);align-items:center;gap:4px;margin-top:8px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.stat-change.positive{color:var(--google-green);background:var(--success-bg)}.stat-change.negative{color:var(--google-red);background:var(--danger-bg)}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-black-shine);color:var(--puiux-white);background-size:200% 200%;box-shadow:0 4px 15px #00000026}[data-theme=dark] .btn-primary{color:var(--puiux-black);background:linear-gradient(135deg,#fff,#e8eaed 30%,#fff,#e8eaed 70%,#fff) 0 0/200% 200%}.btn-primary:hover{background-position:100% 100%;transform:translateY(-2px);box-shadow:0 8px 25px #00000040}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-primary:hover:after{left:100%}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-dark);transform:translateY(-1px)}.btn-blue{background:var(--gradient-blue);color:#fff;box-shadow:0 4px 15px #4285f44d}.btn-blue:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4285f466}.btn-green{background:var(--gradient-green);color:#fff;box-shadow:0 4px 15px #34a8534d}.btn-green:hover{transform:translateY(-2px);box-shadow:0 8px 25px #34a85366}.btn-red{background:var(--gradient-red);color:#fff;box-shadow:0 4px 15px #ea43354d}.btn-red:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ea433566}.btn-yellow{background:var(--gradient-yellow);color:#0a0a0a;box-shadow:0 4px 15px #fbbc054d}.btn-yellow:hover{transform:translateY(-2px);box-shadow:0 8px 25px #fbbc0566}.btn-rainbow{background:var(--gradient-rainbow);color:#fff;text-shadow:0 1px 2px #0003;background-size:400% 100%;animation:8s ease-in-out infinite btnRainbowFlow}.btn-rainbow:hover{animation-play-state:paused;transform:translateY(-2px);box-shadow:0 8px 25px #0003}@keyframes btnRainbowFlow{0%,to{background-position:0%}50%{background-position:100%}}.btn-google-flow{background:var(--gradient-google-flow);color:#fff;background-size:300% 300%;animation:6s ease-in-out infinite googleBtnFlow}.btn-google-flow:hover{animation-play-state:paused;transform:translateY(-2px)}@keyframes googleBtnFlow{0%,to{background-position:0%}50%{background-position:100%}}.btn-ghost{color:var(--text-secondary);background:0 0;padding:8px 16px}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-success{background:var(--gradient-green);color:#fff}.btn-danger{background:var(--gradient-red);color:#fff}.btn-accent{background:var(--gradient-blue);color:#fff}.btn-outline{border:2px solid var(--border-color);color:var(--text-primary);z-index:1;background:0 0;position:relative}.btn-outline:before{content:"";background:var(--gradient-google-subtle);opacity:0;border-radius:inherit;z-index:-1;transition:opacity .3s;position:absolute;top:0;right:0;bottom:0;left:0}.btn-outline:hover{border-color:var(--google-blue)}.btn-outline:hover:before{opacity:1}.badge{border-radius:var(--radius-full);align-items:center;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge-primary{background:var(--bg-tertiary);color:var(--text-primary)}.badge-blue{background:var(--info-bg);color:var(--google-blue)}.badge-green{background:var(--success-bg);color:var(--google-green)}.badge-red{background:var(--danger-bg);color:var(--google-red)}.badge-yellow{background:var(--warning-bg);color:#b45309}.badge-neutral{background:var(--bg-tertiary);color:var(--text-secondary)}.badge-success{background:var(--success-bg);color:var(--google-green)}.badge-warning{background:var(--warning-bg);color:#b45309}.badge-danger{background:var(--danger-bg);color:var(--google-red)}.progress-bar{background:var(--bg-tertiary);border-radius:var(--radius-full);height:6px;overflow:hidden}.progress-fill{border-radius:var(--radius-full);height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.progress-fill.primary{background:var(--puiux-black)}[data-theme=dark] .progress-fill.primary{background:var(--puiux-white)}.progress-fill.blue{background:var(--google-blue)}.progress-fill.green{background:var(--google-green)}.progress-fill.red{background:var(--google-red)}.progress-fill.yellow{background:var(--google-yellow)}.progress-fill.success{background:var(--google-green)}.progress-fill.warning{background:var(--google-yellow)}.progress-fill.accent{background:var(--google-blue)}.progress-fill.rainbow{background:var(--gradient-rainbow);background-size:200% 100%;animation:3s linear infinite rainbowFlow}@keyframes rainbowFlow{0%{background-position:0%}to{background-position:200%}}.table-container{border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);padding:14px 20px;font-size:12px;font-weight:600}[dir=rtl] th{text-align:right}td{border-bottom:1px solid var(--border-light);color:var(--text-primary);padding:16px 20px;font-size:14px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-hover)}.mobile-nav{height:var(--mobile-nav-height);background:var(--bg-secondary);border-top:1px solid var(--border-color);z-index:100;padding-bottom:env(safe-area-inset-bottom);display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav-inner{justify-content:space-around;align-items:center;height:100%;display:flex}.mobile-nav-item{border-radius:var(--radius-md);color:var(--text-muted);flex-direction:column;align-items:center;gap:4px;padding:8px 16px;text-decoration:none;transition:all .2s;display:flex}.mobile-nav-item.active{color:var(--text-primary)}.mobile-nav-item span{font-size:11px;font-weight:500}.sidebar-overlay{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:none;position:fixed;top:0;right:0;bottom:0;left:0}.sidebar-overlay.visible{display:block}@media(max-width:1024px){.sidebar{transform:translate(-100%)}[dir=rtl] .sidebar{transform:translate(100%)}.sidebar.open{transform:translate(0)}.main-content,.main-content.collapsed{margin-left:0!important;margin-right:0!important}.menu-btn{display:flex}.search-box{width:240px}.page-content{padding:24px}}@media(max-width:768px){.header{padding:0 16px}.search-box{display:none}.page-content{padding:16px;padding-bottom:calc(var(--mobile-nav-height) + 24px)}.mobile-nav{display:block}.points-display .points-label{display:none}}::-webkit-scrollbar{width:8px;height:8px}::-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)}input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;color:var(--text-primary);padding:14px 18px;font-family:inherit;font-size:14px;transition:all .2s}input:focus,textarea:focus,select:focus{border-color:var(--border-focus);box-shadow:var(--focus-ring);outline:none}input::placeholder,textarea::placeholder{color:var(--text-placeholder)}.page-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:8px;font-size:32px;font-weight:700;line-height:1.2}.page-subtitle{color:var(--text-secondary);font-size:16px;line-height:1.5}.card-title{color:var(--text-primary);letter-spacing:-.01em;font-size:18px;font-weight:600}.link-text{color:var(--text-secondary);align-items:center;gap:4px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.link-text:hover{color:var(--text-primary)}.project-name{color:var(--text-primary);font-weight:600}.loading-spinner{justify-content:center;align-items:center;min-height:60vh;display:flex}.loading-spinner svg{color:var(--text-primary);animation:.8s linear infinite spin}.spinner{border:3px solid var(--border-color);border-top-color:var(--text-primary);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.spinner-rainbow{background:linear-gradient(var(--bg-secondary),var(--bg-secondary))padding-box,var(--gradient-rainbow)border-box;background-size:100% 100%,400% 100%;border:3px solid #0000;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin,3s linear infinite rainbowFlow}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{50%{opacity:.5}}.animate-fade-in{animation:.4s fadeIn}.animate-slide-in{animation:.4s slideIn}.animate-scale-in{animation:.3s scaleIn}.animate-pulse{animation:2s infinite pulse}.animate-spin{animation:1s linear infinite spin}.login-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-bg{pointer-events:none;z-index:0;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.login-blob{filter:blur(100px);opacity:.4;border-radius:50%;animation:20s ease-in-out infinite blobFloat;position:absolute}.login-blob-1{background:var(--google-blue);width:600px;height:600px;top:-20%;right:-10%}.login-blob-2{background:var(--google-red);width:700px;height:700px;animation-delay:-5s;bottom:-20%;left:-10%}.login-blob-3{background:var(--google-green);width:500px;height:500px;animation-delay:-10s;top:40%;left:30%}@keyframes blobFloat{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-30px)scale(1.05)}50%{transform:translate(-20px,20px)scale(.95)}75%{transform:translate(20px,10px)scale(1.02)}}[data-theme=dark] .login-blob{opacity:.2}.login-top-controls{z-index:100;align-items:center;gap:12px;display:flex;position:fixed;top:24px;right:24px}[dir=rtl] .login-top-controls{left:24px;right:auto}.login-theme-toggle,.login-lang-toggle{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);font-family:inherit;transition:all .2s}.login-theme-toggle{justify-content:center;align-items:center;width:44px;height:44px;display:flex}.login-lang-toggle{align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;display:flex}.login-theme-toggle:hover,.login-lang-toggle:hover{background:var(--bg-hover);color:var(--text-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.login-card-container{z-index:10;width:100%;max-width:440px;position:relative}.login-card{background:var(--card-bg);border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-xl);padding:48px 40px}.login-logo-section{text-align:center;margin-bottom:32px}.login-brand-logo{width:auto;height:48px}[data-theme=dark] .login-brand-logo{filter:invert()}.login-header{text-align:center;margin-bottom:32px}.login-header h1{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:8px;font-size:28px;font-weight:700}.login-header p{color:var(--text-secondary);font-size:15px}.login-tabs{background:var(--bg-tertiary);border-radius:var(--radius-md);gap:8px;margin-bottom:28px;padding:6px;display:flex}.login-tab{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:flex}.login-tab:hover{color:var(--text-primary)}.login-tab.active{background:var(--card-bg);color:var(--text-primary);box-shadow:var(--shadow-sm)}.login-alert{border-radius:var(--radius-md);align-items:center;gap:12px;margin-bottom:24px;padding:14px 18px;font-size:14px;font-weight:500;display:flex}.login-alert-error{background:var(--danger-bg);color:var(--danger);border:1px solid #ea433533}.login-alert-success{background:var(--success-bg);color:var(--success);border:1px solid #34a85333}.login-form{flex-direction:column;display:flex}.login-field{margin-bottom:24px}.login-field label{color:var(--text-primary);margin-bottom:10px;font-size:14px;font-weight:600;display:block}.login-input-box{align-items:center;display:flex;position:relative}.login-input-box input{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);width:100%;height:54px;color:var(--text-primary);padding:0 52px;font-family:inherit;font-size:15px;transition:all .2s}.login-input-box input:focus{border-color:var(--border-focus);box-shadow:var(--focus-ring);background:var(--bg-elevated);outline:none}.login-input-icon{color:var(--text-muted);z-index:1;justify-content:center;align-items:center;transition:color .2s;display:flex;position:absolute}.login-input-icon-start{left:18px}[dir=rtl] .login-input-icon-start{left:auto;right:18px}.login-input-icon-end{right:18px}[dir=rtl] .login-input-icon-end{left:18px;right:auto}.login-toggle-password{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;padding:6px;transition:color .2s}.login-toggle-password:hover{color:var(--text-primary);background:var(--bg-hover)}.login-forgot{color:var(--google-blue);margin-top:12px;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-block}.login-forgot:hover{color:#1a73e8;text-decoration:underline}.login-magic-info{color:var(--text-secondary);text-align:center;background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:12px;padding:18px;font-size:14px;line-height:1.7}.login-btn{background:var(--puiux-black);width:100%;height:56px;color:var(--puiux-white);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;margin-top:8px;font-family:inherit;font-size:16px;font-weight:600;transition:all .2s;display:flex}[data-theme=dark] .login-btn{background:var(--puiux-white);color:var(--puiux-black)}.login-btn:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-help{text-align:center;color:var(--text-secondary);justify-content:center;align-items:center;gap:6px;margin-top:28px;font-size:14px;display:flex}.login-help a{color:var(--google-blue);font-weight:600;text-decoration:none}.login-help a:hover{text-decoration:underline}.login-powered{text-align:center;color:var(--text-muted);justify-content:center;align-items:center;gap:12px;margin-top:32px;font-size:13px;display:flex}.login-powered img{opacity:.6;height:22px;transition:all .2s}.login-powered:hover img{opacity:1}[data-theme=dark] .login-powered img{filter:invert()}@media(max-width:480px){.login-page{padding:16px}.login-card{padding:32px 24px}.login-top-controls{top:16px;right:16px}}.not-found-page{text-align:center;background:var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.not-found-page h1{background:var(--gradient-rainbow);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:120px;font-weight:800;line-height:1;animation:3s linear infinite rainbowFlow}.not-found-page p{color:var(--text-secondary);margin-bottom:32px;font-size:20px}.modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto}.modal-content{max-height:90vh;margin:auto;animation:.3s scaleIn;position:relative;overflow-y:auto}.modal-close-btn{border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}[dir=rtl] .modal-close-btn{left:16px;right:auto}.modal-close-btn:hover{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.invoices-stats{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stat-box{text-align:center;padding:16px}.invoices-table-wrapper{padding:0;overflow:hidden}.invoices-cards{flex-direction:column;gap:12px;display:none}.invoice-card{padding:16px}.invoice-card-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding-bottom:12px;display:flex}.invoice-card-body{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.invoice-card-row{justify-content:space-between;align-items:center;font-size:14px;display:flex}.invoice-card-actions{gap:8px;display:flex}.action-btn{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-secondary);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.action-btn.primary{color:var(--google-blue)}@media(max-width:768px){.invoices-stats{grid-template-columns:1fr}.invoices-table-wrapper{display:none}.invoices-cards{display:flex}}@media(min-width:500px)and (max-width:768px){.invoices-stats{grid-template-columns:repeat(3,1fr)}}.chart-container{width:100%;height:280px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.w-full{width:100%}.h-full{height:100%}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.transition{transition:all .2s}input[type=checkbox]{width:18px;height:18px;accent-color:var(--puiux-black);cursor:pointer}[data-theme=dark] input[type=checkbox]{accent-color:var(--puiux-white)}.chat-page{flex-direction:column;height:calc(100vh - 80px);display:flex}.chat-container{background:var(--puiux-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);flex:1;min-height:0;display:flex;overflow:hidden}.chat-loading{justify-content:center;align-items:center;height:calc(100vh - 80px);display:flex}.chat-loading-content{text-align:center;color:var(--text-secondary)}.chat-loading-spinner{color:var(--puiux-google-blue);margin-bottom:1rem}.chat-sidebar{border-right:1px solid var(--border-color);background:var(--bg-secondary);flex-direction:column;width:340px;display:flex}.chat-sidebar-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;display:flex}.chat-sidebar-title{align-items:center;gap:.75rem;display:flex}.chat-sidebar-title h2{margin:0;font-size:1.125rem;font-weight:600}.chat-sidebar-subtitle{color:var(--text-muted);font-size:.75rem;display:block}.chat-sidebar-icon{color:var(--puiux-google-blue)}.chat-new-btn{border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--puiux-google-blue)0%,#1a73e8 100%);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex;box-shadow:0 3px 10px #4285f459}.chat-new-btn:hover{background:linear-gradient(135deg,#1a73e8,#1557b0);transform:scale(1.08);box-shadow:0 5px 15px #4285f473}.chat-new-btn svg{color:#fff;stroke:#fff}.chat-search{padding:.75rem 1rem;position:relative}.chat-search input{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--puiux-white);width:100%;padding:.625rem .875rem .625rem 2.5rem;font-size:.875rem}.chat-search-icon{color:var(--text-muted);position:absolute;top:50%;left:1.75rem;transform:translateY(-50%)}[dir=rtl] .chat-search-icon{left:auto;right:1.75rem}[dir=rtl] .chat-search input{padding:.625rem 2.5rem .625rem .875rem}.chat-conversations-list{flex:1;padding:.5rem;overflow-y:auto}.chat-conversation-item{border-radius:var(--radius-lg);cursor:pointer;border:1px solid #0000;align-items:center;gap:.875rem;margin-bottom:.375rem;padding:1rem;transition:all .15s;display:flex}.chat-conversation-item:hover{background:#4285f40f;border-color:#4285f41a}.chat-conversation-item.active{background:linear-gradient(135deg,#4285f41f,#4285f414);border-color:#4285f433}.chat-conversation-item.unread{border-left:3px solid var(--puiux-google-blue);background:#4285f40a}[dir=rtl] .chat-conversation-item.unread{border-left:none;border-right:3px solid var(--puiux-google-blue)}.chat-conversation-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.chat-conversation-info{flex:1;min-width:0}.chat-conversation-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.chat-conversation-title{white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:500;overflow:hidden}.chat-conversation-time{color:var(--text-muted);flex-shrink:0;font-size:.75rem}.chat-conversation-preview{align-items:center;gap:.5rem;display:flex}.chat-conversation-message{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:.8125rem;overflow:hidden}.chat-unread-badge{background:var(--puiux-google-blue);color:#fff;border-radius:10px;flex-shrink:0;padding:.125rem .5rem;font-size:.6875rem;font-weight:600}.chat-empty-state{text-align:center;color:var(--text-secondary);padding:2rem}.chat-empty-icon{background:var(--bg-tertiary);width:80px;height:80px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.chat-empty-state h3{margin-bottom:.5rem;font-size:1rem}.chat-empty-state p{margin-bottom:1rem;font-size:.875rem}.chat-main{background:var(--puiux-white);flex-direction:column;flex:1;min-width:0;display:flex}.chat-header{border-bottom:1px solid var(--border-color);background:var(--puiux-white);align-items:center;gap:.875rem;padding:1rem 1.25rem;display:flex}.chat-back-btn{background:var(--bg-secondary);border-radius:var(--radius-lg);cursor:pointer;width:38px;height:38px;color:var(--text-secondary);transition:var(--transition-fast);border:none;justify-content:center;align-items:center;display:none}.chat-back-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.chat-header-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 2px 6px #0000001a}.chat-header-info{flex:1;min-width:0}.chat-header-info h3{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);margin:0 0 .25rem;font-size:1.0625rem;font-weight:600;overflow:hidden}.chat-header-status{color:var(--puiux-google-green);align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;display:flex}.chat-online-dot{background:var(--puiux-google-green);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-green}@keyframes pulse-green{0%,to{box-shadow:0 0 #34a85366}50%{box-shadow:0 0 0 4px #34a85300}}.chat-online-dot.offline{background:#9aa0a6;animation:none}.chat-header-status.offline{color:#9aa0a6}.chat-header-status.online{color:var(--puiux-google-green)}.chat-admin-name{color:var(--text-primary);font-weight:500}.chat-header-status.offline .chat-admin-name{color:var(--text-secondary)}.chat-header-actions{align-items:center;gap:.5rem;display:flex}.chat-header-btn{background:var(--bg-secondary);border-radius:var(--radius-lg);cursor:pointer;width:38px;height:38px;color:var(--text-secondary);transition:var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.chat-header-btn:hover{color:var(--puiux-google-blue);background:#4285f41a}.chat-header-btn:nth-child(2):hover{color:var(--puiux-google-green);background:#34a8531a}.chat-header-btn:nth-child(3):hover{color:var(--puiux-google-red);background:#ea43351a}.chat-message-search{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.chat-message-search input{background:0 0;border:none;outline:none;flex:1;font-size:.875rem}.chat-search-results{color:var(--text-muted);font-size:.75rem}.chat-message-search button{cursor:pointer;color:var(--text-secondary);background:0 0;border:none}.chat-messages{flex-direction:column;flex:1;gap:.75rem;padding:1rem 1.25rem;display:flex;position:relative;overflow-y:auto}.chat-messages.dragging{background:#4285f40d}.chat-messages-loading,.chat-messages-empty{color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.chat-messages-empty-icon{background:var(--bg-secondary);width:100px;height:100px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.chat-messages-empty h3{margin-bottom:.5rem}.chat-date-separator{text-align:center;padding:.5rem 0}.chat-date-separator span{background:var(--bg-secondary);border-radius:var(--radius-full);color:var(--text-muted);padding:.375rem .875rem;font-size:.75rem}.chat-message{gap:.625rem;max-width:75%;margin-bottom:.25rem;display:flex}.chat-message.own{flex-direction:row-reverse;margin-left:auto}[dir=rtl] .chat-message.own{margin-left:0;margin-right:auto}.chat-message-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8125rem;font-weight:600;display:flex;box-shadow:0 2px 6px #0000001a}.chat-bubble{color:var(--puiux-gray-900);background:#f1f3f4;border-radius:4px 18px 18px;padding:.75rem 1rem;position:relative;box-shadow:0 1px 2px #00000014}[dir=rtl] .chat-bubble{border-top-left-radius:18px;border-top-right-radius:4px}.chat-message.own .chat-bubble{color:#fff;background:linear-gradient(135deg,#4285f4,#1a73e8);border-top-left-radius:18px;border-top-right-radius:4px;box-shadow:0 2px 8px #4285f44d}[dir=rtl] .chat-message.own .chat-bubble{border-top-left-radius:4px;border-top-right-radius:18px}.chat-bubble-sender{color:var(--puiux-google-blue);margin-bottom:.375rem;font-size:.75rem;font-weight:600;display:block}.chat-message.own .chat-bubble-sender{color:#ffffffe6}.chat-text-message{word-break:break-word;color:inherit;margin:0;font-size:.9375rem;line-height:1.5}.chat-message-meta{justify-content:flex-end;align-items:center;gap:.375rem;margin-top:.5rem;display:flex}.chat-message-time{color:#5f6368;font-size:.6875rem}.chat-message.own .chat-message-time{color:#fffc}.chat-message-read{color:#34a853}.chat-message.own .chat-message-read{color:#ffffffe6}.chat-message-sent{color:#fff9}.chat-voice-message{align-items:center;gap:.75rem;min-width:220px;padding:.25rem 0;display:flex}.chat-voice-play{background:var(--puiux-google-blue);color:#fff;cursor:pointer;width:40px;height:40px;transition:var(--transition-fast);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-voice-play:hover{transform:scale(1.05)}.chat-message.own .chat-voice-play{color:var(--puiux-google-blue);background:#fffffff2}.chat-message.own .chat-voice-play svg{color:var(--puiux-google-blue);stroke:var(--puiux-google-blue)}.chat-voice-play svg{color:#fff;stroke:#fff}.chat-voice-progress{cursor:pointer;flex:1;padding:.5rem 0}.chat-voice-track{background:#00000026;border-radius:3px;height:5px;overflow:hidden}.chat-message.own .chat-voice-track{background:#ffffff59}.chat-voice-fill{background:var(--puiux-google-blue);border-radius:3px;height:100%;transition:width .1s linear}.chat-message.own .chat-voice-fill{background:#fff}.chat-voice-info{align-items:center;gap:.5rem;display:flex}.chat-voice-duration{color:#5f6368;min-width:40px;font-size:.8125rem;font-weight:500}.chat-message.own .chat-voice-duration{color:#ffffffe6}.chat-voice-mute{cursor:pointer;color:#5f6368;transition:var(--transition-fast);background:0 0;border:none;padding:.25rem;display:flex}.chat-voice-mute:hover{color:var(--puiux-google-blue)}.chat-message.own .chat-voice-mute{color:#fffc}.chat-message.own .chat-voice-mute:hover{color:#fff}.chat-voice-mute svg{color:inherit;stroke:currentColor}.chat-image-message{cursor:pointer;max-width:280px;position:relative}.chat-image-message img{border-radius:var(--radius-md);max-width:100%;display:block}.chat-image-zoom{color:#fff;border-radius:var(--radius-sm);opacity:0;transition:var(--transition-fast);background:#00000080;padding:.375rem;position:absolute;bottom:.5rem;right:.5rem}.chat-image-message:hover .chat-image-zoom{opacity:1}.chat-image-error{text-align:center;color:var(--text-muted);background:var(--bg-tertiary);border-radius:var(--radius-md);padding:2rem}.chat-file-message{color:inherit;align-items:center;gap:.75rem;min-width:200px;text-decoration:none;display:flex}.chat-file-icon{background:var(--bg-tertiary);border-radius:var(--radius-md);width:40px;height:40px;color:var(--puiux-google-blue);justify-content:center;align-items:center;display:flex}.chat-message.own .chat-file-icon{color:#fff;background:#fff3}.chat-file-info{flex:1;min-width:0}.chat-file-name{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;display:block;overflow:hidden}.chat-file-action{opacity:.7;font-size:.75rem;display:block}.chat-typing-indicator{background:var(--bg-secondary);border-radius:var(--radius-lg);gap:.25rem;width:fit-content;padding:.75rem 1rem;display:flex}.chat-typing-indicator span{background:var(--text-muted);border-radius:50%;width:8px;height:8px;animation:1.4s infinite typing}.chat-typing-indicator span:nth-child(2){animation-delay:.2s}.chat-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.chat-drag-overlay{border:2px dashed var(--puiux-google-blue);border-radius:var(--radius-lg);color:var(--puiux-google-blue);z-index:10;background:#4285f41a;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.chat-pending-image{border-top:1px solid var(--border-color);background:var(--bg-secondary);align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.chat-pending-image-preview{position:relative}.chat-pending-image-preview img{object-fit:cover;border-radius:var(--radius-md);width:60px;height:60px}.chat-pending-image-remove{background:var(--puiux-google-red);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:-8px;right:-8px}.chat-pending-image-info{flex:1;justify-content:space-between;align-items:center;display:flex}.chat-pending-image-info span{color:var(--text-secondary);font-size:.875rem}.chat-reply-preview{border-top:1px solid var(--border-color);background:var(--bg-secondary);align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.chat-reply-content{border-left:3px solid var(--puiux-google-blue);flex:1;align-items:flex-start;gap:.5rem;padding-left:.5rem;display:flex}[dir=rtl] .chat-reply-content{border-left:none;border-right:3px solid var(--puiux-google-blue);padding-left:0;padding-right:.5rem}.chat-reply-name{color:var(--puiux-google-blue);font-size:.75rem;font-weight:500}.chat-reply-content p{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.8125rem;overflow:hidden}.chat-reply-preview button{cursor:pointer;color:var(--text-secondary);background:0 0;border:none}.chat-closed-notice{border-top:1px solid var(--border-color);color:var(--text-muted);background:var(--bg-secondary);justify-content:center;align-items:center;gap:.5rem;padding:1rem;display:flex}.chat-input-container{border-top:1px solid var(--border-color);background:var(--puiux-white);align-items:center;gap:.625rem;padding:1rem 1.25rem;display:flex}.chat-input-actions{align-items:center;gap:.375rem;display:flex}.chat-input-btn{background:var(--bg-secondary);border-radius:var(--radius-lg);cursor:pointer;color:#5f6368;border:none;justify-content:center;align-items:center;width:38px;height:38px;transition:all .15s;display:flex}.chat-input-btn:hover:not(:disabled){color:var(--puiux-google-blue);background:#4285f41f;transform:scale(1.05)}.chat-input-btn:nth-child(2):hover:not(:disabled){color:var(--puiux-google-green);background:#34a8531f}.chat-input-btn:nth-child(3):hover:not(:disabled){color:var(--puiux-google-red);background:#ea43351f}.chat-emoji-container .chat-input-btn:hover:not(:disabled){color:#f9a825;background:#fbbc051f}.chat-input-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.chat-input-btn svg{color:inherit;stroke:currentColor}.chat-emoji-container{position:relative}.chat-input-wrapper{flex:1}.chat-input-wrapper input{border:2px solid var(--border-color);border-radius:var(--radius-xl);background:var(--bg-secondary);width:100%;color:var(--text-primary);padding:.75rem 1rem;font-size:.9375rem;transition:all .2s}.chat-input-wrapper input::placeholder{color:#9aa0a6}.chat-input-wrapper input:focus{border-color:var(--puiux-google-blue);background:var(--puiux-white);outline:none;box-shadow:0 0 0 3px #4285f426}.chat-send-btn{background:linear-gradient(135deg,var(--puiux-google-blue)0%,#1a73e8 100%);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;box-shadow:0 3px 10px #4285f459}.chat-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#1a73e8,#1557b0);transform:scale(1.08);box-shadow:0 5px 15px #4285f473}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-send-btn svg{color:#fff;stroke:#fff;fill:none}.chat-recording{border-radius:var(--radius-xl);background:linear-gradient(135deg,#ea433514,#ea43351f);border:1px solid #ea433533;flex:1;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.chat-recording-indicator{align-items:center;gap:.875rem;display:flex}.chat-recording-dot{background:var(--puiux-google-red);border-radius:50%;width:14px;height:14px;animation:1s infinite pulse-record;box-shadow:0 0 0 3px #ea433533}@keyframes pulse-record{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.chat-recording-time{color:var(--puiux-google-red);font-family:monospace;font-size:1rem;font-weight:700}.chat-recording-text{color:#5f6368;font-size:.875rem;font-weight:500}.chat-recording-actions{gap:.625rem;display:flex}.chat-recording-cancel,.chat-recording-send{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:flex}.chat-recording-cancel{color:#5f6368;background:#f1f3f4}.chat-recording-cancel:hover{background:#e8eaed;transform:scale(1.05)}.chat-recording-send{background:linear-gradient(135deg,var(--puiux-google-red)0%,#d93025 100%);color:#fff;box-shadow:0 3px 10px #ea433559}.chat-recording-send:hover{transform:scale(1.08);box-shadow:0 5px 15px #ea433573}.chat-recording-cancel svg{color:#5f6368;stroke:#5f6368}.chat-recording-send svg{color:#fff;stroke:#fff}.chat-emoji-picker{background:var(--puiux-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100;width:280px;max-height:300px;margin-bottom:.5rem;padding:.75rem;position:absolute;bottom:100%;left:0;overflow-y:auto}[dir=rtl] .chat-emoji-picker{left:auto;right:0}.chat-emoji-category{margin-bottom:.75rem}.chat-emoji-category:last-child{margin-bottom:0}.chat-emoji-category-name{color:var(--text-muted);margin-bottom:.5rem;font-size:.75rem;font-weight:500;display:block}.chat-emoji-grid{grid-template-columns:repeat(8,1fr);gap:.125rem;display:grid}.chat-emoji-btn{border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.125rem;display:flex}.chat-emoji-btn:hover{background:var(--bg-secondary)}.chat-no-selection{background:var(--bg-secondary);flex:1;justify-content:center;align-items:center;display:flex}.chat-no-selection-content{text-align:center;padding:2rem}.chat-no-selection-icon{background:var(--puiux-white);width:120px;height:120px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.chat-no-selection h2{margin-bottom:.5rem;font-size:1.25rem}.chat-no-selection p{color:var(--text-secondary);margin-bottom:1.5rem}.chat-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.chat-modal{background:var(--puiux-white);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-xl)}.chat-modal-header{border-bottom:1px solid var(--border-color);align-items:flex-start;gap:1rem;padding:1.25rem;display:flex}.chat-modal-icon{border-radius:var(--radius-lg);width:48px;height:48px;color:var(--puiux-google-blue);background:#4285f41a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-modal-header h2{margin:0 0 .25rem;font-size:1.125rem}.chat-modal-header p{color:var(--text-secondary);margin:0;font-size:.875rem}.chat-modal-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;margin-left:auto;padding:.25rem}[dir=rtl] .chat-modal-close{margin-left:0;margin-right:auto}.chat-modal-body{padding:1.25rem}.chat-modal-field{margin-bottom:1rem}.chat-modal-field label{margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.chat-modal-field input{border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;padding:.75rem;font-size:.9375rem}.chat-modal-field input:focus{border-color:var(--puiux-google-blue);outline:none}.chat-modal-suggestions{padding-top:.5rem}.chat-modal-suggestions>span{color:var(--text-muted);margin-bottom:.5rem;font-size:.75rem;display:block}.chat-modal-suggestion-tags{flex-wrap:wrap;gap:.5rem;display:flex}.chat-suggestion-tag{border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-secondary);cursor:pointer;transition:var(--transition-fast);padding:.375rem .75rem;font-size:.8125rem}.chat-suggestion-tag:hover{border-color:var(--puiux-google-blue);color:var(--puiux-google-blue)}.chat-modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;display:flex}.chat-image-modal{z-index:1000;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.chat-image-modal img{object-fit:contain;max-width:90vw;max-height:90vh}.chat-image-modal-controls{border-radius:var(--radius-lg);background:#00000080;gap:.5rem;padding:.5rem;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.chat-image-modal-controls button{color:#fff;border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.chat-image-modal-controls button:hover{background:#fff3}.chat-image-modal-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:fixed;top:1rem;right:1rem}@media(max-width:768px){.chat-page{height:calc(100vh - 60px)}.chat-sidebar{z-index:10;width:100%;transition:transform .3s;position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%)}[dir=rtl] .chat-sidebar{transform:translate(100%)}.chat-sidebar.mobile-visible{transform:translate(0)}.chat-back-btn{display:flex}.chat-message{max-width:85%}}[data-theme=dark] .chat-container{background:var(--puiux-gray-900)}[data-theme=dark] .chat-sidebar{background:var(--puiux-gray-800);border-color:var(--border-color)}[data-theme=dark] .chat-main{background:var(--puiux-gray-900)}[data-theme=dark] .chat-header{background:var(--puiux-gray-900);border-color:var(--border-color)}[data-theme=dark] .chat-header-btn,[data-theme=dark] .chat-bubble{background:var(--puiux-gray-700);color:#e8eaed}[data-theme=dark] .chat-bubble-sender{color:#8ab4f8}[data-theme=dark] .chat-message-time{color:#9aa0a6}[data-theme=dark] .chat-voice-duration{color:#e8eaed}[data-theme=dark] .chat-voice-track{background:#ffffff26}[data-theme=dark] .chat-input-container{background:var(--puiux-gray-900);border-color:var(--border-color)}[data-theme=dark] .chat-input-btn{background:var(--puiux-gray-700);color:#e8eaed}[data-theme=dark] .chat-input-wrapper input{background:var(--puiux-gray-800);border-color:var(--puiux-gray-600);color:#e8eaed}[data-theme=dark] .chat-input-wrapper input::placeholder{color:#9aa0a6}[data-theme=dark] .chat-recording{background:linear-gradient(135deg,#ea433526,#ea433533);border-color:#ea43354d}[data-theme=dark] .chat-recording-text{color:#e8eaed}[data-theme=dark] .chat-recording-cancel{background:var(--puiux-gray-700);color:#e8eaed}[data-theme=dark] .chat-conversation-item:hover{background:#4285f41f}[data-theme=dark] .chat-conversation-item.active{background:linear-gradient(135deg,#4285f433,#4285f426)}[data-theme=dark] .chat-modal{background:var(--puiux-gray-800)}[data-theme=dark] .chat-modal-field input,[data-theme=dark] .chat-suggestion-tag{background:var(--puiux-gray-700);border-color:var(--puiux-gray-600);color:#e8eaed}[data-theme=dark] .chat-emoji-picker{background:var(--puiux-gray-800);border-color:var(--border-color)}[data-theme=dark] .chat-emoji-btn:hover{background:var(--puiux-gray-700)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}