@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.03)}to{opacity:1;transform:none}}@keyframes bubbleIn{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:none}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes subtleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #386bed14}50%{box-shadow:0 0 32px #386bed29}}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:none}}:root{--primary:#386bed;--primary-rgb:56, 107, 237;--primary-light:#eef3ff;--primary-dark:#2952c4;--primary-gradient:linear-gradient(135deg, #386bed 0%, #5b8af5 100%);--bg:#f7f8fb;--bg-card:#fff;--bg-card-rgb:255, 255, 255;--bg-elevated:#fff;--bg-glass:#ffffffc7;--bg-sidebar:#fafbfd;--card-bg:#fff;--bg-secondary:#386bed0f;--text:#0f172a;--text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--accent:#386bed;--border:#e8ecf4;--border-light:#f1f4f9;--success:#10b981;--success-light:#ecfdf5;--warning:#f59e0b;--warning-light:#fffbeb;--error:#ef4444;--error-light:#fef2f2;--shadow-sm:0 1px 2px #0f172a0a;--shadow:0 1px 3px #0f172a0a, 0 1px 2px #0f172a08;--shadow-md:0 4px 16px #0f172a0f, 0 1px 3px #0f172a0a;--shadow-lg:0 12px 40px #0f172a14, 0 4px 12px #0f172a0a;--shadow-glow:0 0 24px #386bed1f;--shadow-card:0 1px 3px #0f172a08, 0 1px 2px #0f172a05;--shadow-card-hover:0 8px 30px #0f172a14, 0 2px 8px #0f172a0a;--radius:16px;--radius-sm:12px;--radius-xs:8px;--radius-full:9999px;--radius-bento:20px;--sidebar-width:260px;--sidebar-collapsed:72px;--header-height:72px;--safe-bottom:env(safe-area-inset-bottom,0px);--nav-height:68px;--backdrop-blur:blur(20px);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.22, 1, .36, 1);color:var(--text);background:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.6}.dark{--primary:#6b93f7;--primary-rgb:107, 147, 247;--primary-light:#6b93f71a;--primary-dark:#5b8af5;--primary-gradient:linear-gradient(135deg, #5b8af5 0%, #8babff 100%);--bg:#0a0f1e;--bg-card:#111827;--bg-card-rgb:17, 24, 39;--bg-elevated:#1a2236;--bg-glass:#111827d1;--bg-sidebar:#0d1225;--card-bg:#111827;--bg-secondary:#ffffff08;--text:#f1f5f9;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#6b93f7;--border:#1e293b;--border-light:#151d2e;--success:#34d399;--success-light:#34d39914;--warning:#fbbf24;--warning-light:#fbbf2414;--error:#f87171;--error-light:#f8717114;--shadow-sm:0 1px 2px #0000004d;--shadow:0 1px 3px #0006, 0 1px 2px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 12px 40px #00000080;--shadow-glow:0 0 24px #6b93f726;--shadow-card:0 1px 3px #0003, 0 0 0 1px #ffffff05;--shadow-card-hover:0 8px 30px #0000004d, 0 0 0 1px #ffffff0a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;transition:background var(--transition);margin:0}input,button,textarea{font:inherit}a{color:var(--primary);text-decoration:none}#root{flex-direction:column;max-width:100%;min-height:100dvh;display:flex}.app{min-height:100dvh;display:flex}.app__content{position:relative}.app__bg{z-index:0;pointer-events:none;background:radial-gradient(at 50% 40%,#1a1a2e 0%,#121216 40%,#000 100%);position:fixed;inset:0;overflow:hidden}.app__bg-overlay{z-index:1;pointer-events:none;background:#000000bf;position:fixed;inset:0}.app__content>.header,.app__content>.main{z-index:2;position:relative}.app__bg-orbs{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.app__bg-orb{filter:blur(60px);will-change:transform;border-radius:50%;position:absolute}.app__bg-orb--1{opacity:.4;background:#386bed;width:550px;height:550px;animation:20s ease-in-out infinite orb-float-1;top:-15%;left:-5%}.app__bg-orb--2{opacity:.35;background:#6b93f7;width:450px;height:450px;animation:25s ease-in-out infinite orb-float-2;top:35%;right:-5%}.app__bg-orb--3{opacity:.3;background:#a78bfa;width:400px;height:400px;animation:22s ease-in-out infinite orb-float-3;bottom:-10%;left:20%}@keyframes orb-float-1{0%,to{transform:translate(0)scale(1)}25%{transform:translate(100px,80px)scale(1.1)}50%{transform:translate(50px,150px)scale(.9)}75%{transform:translate(-40px,70px)scale(1.05)}}@keyframes orb-float-2{0%,to{transform:translate(0)scale(1)}25%{transform:translate(-90px,-50px)scale(.92)}50%{transform:translate(-40px,-100px)scale(1.08)}75%{transform:translate(50px,-40px)scale(.95)}}@keyframes orb-float-3{0%,to{transform:translate(0)scale(1)}33%{transform:translate(80px,-50px)scale(1.1)}66%{transform:translate(-50px,-90px)scale(.9)}}.dark .app__bg-orb--1{opacity:.35;background:#6b93f7}.dark .app__bg-orb--2{opacity:.3;background:#386bed}.dark .app__bg-orb--3{opacity:.28;background:#818cf8}@media (prefers-reduced-motion:reduce){.app__bg-orb{animation:none!important}}:root .app__bg{background:radial-gradient(at 50% 35%,#386bed0a 0%,#f7f8fb4d 42%,#f7f8fb66 100%)}:root .app__bg-overlay{background:0 0}.dark .app__bg{background:radial-gradient(at 50% 40%,#0d1b2a 0%,#0a0f1e 50%,#000 100%)}.dark .app__bg-overlay{background:#0000004d}.dark .app__content .header{-webkit-backdrop-filter:blur(16px);background:#0006;border-bottom-color:#ffffff0f}.dark .app__content .header__title,.dark .app__content .header__user,.dark .app__content .main{color:#f1f5f9}.dark .app__content .card,.dark .app__content .home-metrics-card,.dark .app__content .bento-card{-webkit-backdrop-filter:blur(10px);color:#f1f5f9;background:#111827d1;border-color:#ffffff14}.dark .app__content .bento-card__title,.dark .app__content .card__title,.dark .app__content .dashboard-greeting__name{color:#fff}.dark .app__content .bento-card__subtitle,.dark .app__content .card__subtitle,.dark .app__content .text-muted,.dark .app__content .text-sm.text-muted,.dark .app__content .dashboard-greeting__subtitle,.dark .app__content .home-metric-gauge__label,.dark .app__content .home-metric-header__name{color:#94a3b8}.dark .app__content .bento-card__arrow{color:#64748b}.dark .app__content .bento-card:hover{background:#111827a6;border-color:#6b93f733}.dark .app__content .bento-card:hover .bento-card__arrow,.dark .app__content .home-metrics-card__header,.dark .app__content .home-metric-header__value{color:#f1f5f9}.dark .app__content .input{color:#f1f5f9;background:#111827cc;border-color:#ffffff1a}.dark .app__content .input::placeholder{color:#64748b}.dark .app__content .input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .15)}.dark .app__content .btn--secondary{color:#f1f5f9;background:#ffffff0f;border-color:#ffffff1a}.dark .app__content .btn--secondary:hover{background:#ffffff1f}.dark .app__content .home-metrics-ib{background:#111827b3}.dark .app__content .home-metrics-card__detail-btn{color:var(--primary)}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border);z-index:100;transition:background var(--transition), border-color var(--transition), width var(--transition);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar__brand{height:var(--header-height);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:0 24px;display:flex}.sidebar__logo{background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;padding:3px;display:flex}.dark .sidebar__logo{background:#fffffff2}.sidebar__logo svg{color:#1a1a1a;width:32px;height:32px}.sidebar__brand-text{flex-direction:column;min-width:0;display:flex}.sidebar__brand-name{color:var(--text);letter-spacing:-.3px;white-space:nowrap;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:700}.sidebar__brand-sub{color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:500}.sidebar__scroll-area{flex:1;min-height:0;overflow-y:auto}.sidebar__nav{flex-direction:column;gap:2px;padding:16px 12px;display:flex}.sidebar__bottom{flex-shrink:0}.sidebar__section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;padding:16px 12px 8px;font-size:11px;font-weight:600}.sidebar__item{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);-webkit-tap-highlight-color:transparent;text-align:left;white-space:nowrap;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:14px;font-weight:500;display:flex;position:relative}.sidebar__item:hover{background:var(--primary-light);color:var(--text)}.sidebar__item--active{background:var(--primary-light);color:var(--primary);font-weight:600}.sidebar__item--active:before{content:"";background:var(--primary-gradient);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar__item-icon{opacity:.7;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar__item--active .sidebar__item-icon{opacity:1}.sidebar__item-icon svg{width:20px;height:20px}.sidebar__support{border-top:1px solid var(--border);padding:0 12px 8px}.sidebar__footer{border-top:1px solid var(--border);padding:16px}.sidebar__user{border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);align-items:center;gap:12px;padding:10px 12px;display:flex}.sidebar__user:hover{background:var(--primary-light)}.sidebar__user-avatar{background:var(--primary-gradient);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.sidebar__user-info{flex:1;min-width:0}.sidebar__user-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sidebar__user-role{color:var(--text-muted);font-size:11px;font-weight:500}.sidebar__theme-toggle{flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex}.header{z-index:90;background:var(--bg-glass);-webkit-backdrop-filter:var(--backdrop-blur);color:var(--text);height:var(--header-height);border-bottom:1px solid var(--border);transition:background var(--transition), border-color var(--transition);align-items:center;padding:0 32px;display:flex;position:sticky;top:0}.header__title{letter-spacing:-.3px;color:var(--text);flex:1;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:700}.header__right{align-items:center;gap:16px;display:flex}.header__user{color:var(--text-secondary);font-size:13px;font-weight:500;display:none}.theme-toggle{border-radius:var(--radius-full);border:1.5px solid var(--border);background:var(--bg);cursor:pointer;width:44px;height:24px;transition:all var(--transition);flex-shrink:0;align-items:center;padding:0 3px;display:flex;position:relative}.theme-toggle:hover{border-color:var(--primary)}.theme-toggle__knob{background:var(--primary-gradient);width:16px;height:16px;transition:transform var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:10px;line-height:1;display:flex}.dark .theme-toggle__knob{transform:translate(20px)}.main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:32px}.page-enter{animation:.35s ease-out both fadeIn}.bottom-nav{z-index:100;background:var(--bg-glass);-webkit-backdrop-filter:var(--backdrop-blur);border-top:1px solid var(--border);height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);transition:background var(--transition), border-color var(--transition);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item{color:var(--text-muted);cursor:pointer;transition:color var(--transition), transform var(--transition-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;min-width:56px;padding:8px 12px;font-size:11px;font-weight:500;display:flex;position:relative}.bottom-nav__item--active{color:var(--primary)}.bottom-nav__item--active:before{content:"";background:var(--primary-gradient);border-radius:0 0 4px 4px;width:24px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.bottom-nav__item:active{transform:scale(.92)}.bottom-nav__icon{width:22px;height:22px;transition:transform var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex}.bottom-nav__icon svg{width:100%;height:100%}.bottom-nav__item--active .bottom-nav__icon{transform:scale(1.1)}.nav-badge{color:#fff;background:#ef4444;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:-6px;right:-8px}.dashboard-greeting{margin-bottom:32px;animation:.4s ease-out both fadeIn}.dashboard-greeting__hello{color:var(--text-muted);letter-spacing:.3px;margin-bottom:4px;font-size:14px;font-weight:500}.dashboard-greeting__name{color:var(--text);letter-spacing:-.5px;font-family:Plus Jakarta Sans,sans-serif;font-size:28px;font-weight:800;line-height:1.2}.dashboard-greeting__subtitle{color:var(--text-secondary);margin-top:6px;font-size:15px;font-weight:400}.bento-grid{grid-template-rows:auto;grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.bento-grid .bento-card:first-child{grid-area:span 1/span 2}.bento-grid .bento-card:nth-child(2){grid-area:span 2/span 1}.bento-grid .bento-card:nth-child(3),.bento-grid .bento-card:nth-child(4),.bento-grid .bento-card:nth-child(5){grid-area:span 1/span 1}.bento-grid .bento-card:nth-child(6){grid-area:span 1/span 2}.bento-card{background:rgba(var(--bg-card-rgb), .82);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-bento);box-shadow:var(--shadow-card);border:1px solid var(--border-light);cursor:pointer;transition:all var(--transition);-webkit-tap-highlight-color:transparent;flex-direction:column;padding:28px;animation:.4s ease-out both fadeInScale;display:flex;position:relative;overflow:hidden}.bento-card:first-child{animation-delay:0s}.bento-card:nth-child(2){animation-delay:60ms}.bento-card:nth-child(3){animation-delay:.12s}.bento-card:nth-child(4){animation-delay:.18s}.bento-card:nth-child(5){animation-delay:.24s}.bento-card:nth-child(6){animation-delay:.3s}.bento-card:nth-child(7){animation-delay:.36s}.bento-card:nth-child(8){animation-delay:.42s}.bento-card:hover{box-shadow:var(--shadow-card-hover);border-color:rgba(var(--primary-rgb), .15);transform:translateY(-3px)}.bento-card:active{box-shadow:var(--shadow-card);transform:scale(.98)translateY(0)}.bento-card:after{content:"";background:var(--primary-gradient);opacity:0;height:3px;transition:opacity var(--transition);position:absolute;top:0;left:0;right:0}.bento-card:hover:after{opacity:1}.bento-card__icon-wrap{width:48px;height:48px;transition:transform var(--transition);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.bento-card:hover .bento-card__icon-wrap{transform:scale(1.08)}.bento-card__icon-wrap svg{width:24px;height:24px}.bento-card__icon-wrap--blue{color:#386bed;background:#eef3ff}.dark .bento-card__icon-wrap--blue{color:#6b93f7;background:#386bed1f}.bento-card__icon-wrap--violet{color:#7c3aed;background:#f3eeff}.dark .bento-card__icon-wrap--violet{color:#a78bfa;background:#7c3aed1f}.bento-card__icon-wrap--emerald{color:#10b981;background:#ecfdf5}.dark .bento-card__icon-wrap--emerald{color:#34d399;background:#10b9811f}.bento-card__icon-wrap--amber{color:#d97706;background:#fffbeb}.dark .bento-card__icon-wrap--amber{color:#fbbf24;background:#d977061f}.bento-card__icon-wrap--rose{color:#e11d48;background:#fff1f2}.dark .bento-card__icon-wrap--rose{color:#fb7185;background:#e11d481f}.bento-card__icon-wrap--cyan{color:#0891b2;background:#ecfeff}.dark .bento-card__icon-wrap--cyan{color:#22d3ee;background:#0891b21f}.bento-card__icon-wrap--teal{color:#0d9488;background:#f0fdfa}.dark .bento-card__icon-wrap--teal{color:#2dd4bf;background:#0d94881f}.bento-card__icon-wrap--indigo{color:#4f46e5;background:#eef2ff}.dark .bento-card__icon-wrap--indigo{color:#818cf8;background:#4f46e51f}.bento-card__content{flex-direction:column;flex:1;display:flex}.bento-card__title{color:var(--text);letter-spacing:-.2px;margin-bottom:6px;font-family:Plus Jakarta Sans,sans-serif;font-size:17px;font-weight:700}.bento-card__subtitle{color:var(--text-secondary);font-size:13px;font-weight:400;line-height:1.5}.bento-card__arrow{background:var(--bg);border:1px solid var(--border);width:28px;height:28px;color:var(--text-muted);transition:all var(--transition);border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;bottom:24px;right:24px}.bento-card:hover .bento-card__arrow{background:var(--primary);border-color:var(--primary);color:#fff;transform:translate(2px)}.bento-card__arrow svg{width:14px;height:14px}.menu-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.menu-grid .card{text-align:center;margin-bottom:0;padding:24px 12px}.card{background:rgba(var(--bg-card-rgb), .82);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius);box-shadow:var(--shadow-card);border:1px solid var(--border-light);transition:background var(--transition), border-color var(--transition), box-shadow var(--transition), transform var(--transition-fast);margin-bottom:12px;padding:16px;animation:.3s ease-out both fadeIn}.card:nth-child(2){animation-delay:50ms}.card:nth-child(3){animation-delay:.1s}.card:nth-child(4){animation-delay:.15s}.card:nth-child(5){animation-delay:.2s}.card:nth-child(6){animation-delay:.25s}.card--clickable{cursor:pointer;-webkit-tap-highlight-color:transparent}.card--clickable:hover{box-shadow:var(--shadow-card-hover);border-color:rgba(var(--primary-rgb), .15);transform:translateY(-2px)}.card--clickable:active{box-shadow:var(--shadow-sm);transform:scale(.97)translateY(0)}.card--glass{background:var(--bg-glass);-webkit-backdrop-filter:var(--backdrop-blur)}.card--accent{border-left:4px solid var(--primary)}.card__title{letter-spacing:-.2px;margin-bottom:4px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:600}.card__subtitle{color:var(--text-secondary);font-size:14px;line-height:1.4}.card__icon{transition:transform var(--transition);margin-bottom:10px;font-size:32px}.card--clickable:hover .card__icon{transform:scale(1.15)}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);-webkit-tap-highlight-color:transparent;letter-spacing:-.1px;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";transition:background var(--transition-fast);background:#fff0;position:absolute;inset:0}.btn:active:after{background:#0000000f}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 14px rgba(var(--primary-rgb), .25)}.btn--primary:hover:not(:disabled){box-shadow:0 6px 22px rgba(var(--primary-rgb), .35);transform:translateY(-1px)}.btn--outline{background:rgba(var(--bg-card-rgb), .9);color:var(--primary);border:1.5px solid rgba(var(--primary-rgb), .25)}.btn--outline:hover:not(:disabled){border-color:var(--primary);background:var(--primary-light)}.btn--ghost{background:var(--primary-light);color:var(--primary)}.btn--ghost:hover:not(:disabled){background:rgba(var(--primary-rgb), .12)}.btn--danger{color:var(--error);background:0 0;border:1.5px solid #ef444440}.btn--danger:hover:not(:disabled){border-color:var(--error);background:var(--error-light)}.input{border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;transition:border-color var(--transition), background var(--transition), box-shadow var(--transition);background:var(--bg-card);color:var(--text);outline:none;padding:12px 16px;font-size:max(16px,1em)}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .08)}.input-group{margin-bottom:16px}.input-group label{color:var(--text-secondary);letter-spacing:.1px;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.chat{height:calc(100dvh - var(--header-height) - var(--nav-height) - var(--safe-bottom));flex-direction:column;display:flex}.chat__messages{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat__bubble{word-wrap:break-word;max-width:85%;transition:background var(--transition);border-radius:18px;padding:12px 16px;font-size:14px;line-height:1.5;animation:.3s ease-out both bubbleIn}.chat__bubble--user{background:var(--primary-gradient);color:#fff;border-bottom-right-radius:6px;align-self:flex-end}.chat__bubble--bot{background:var(--bg-card);box-shadow:var(--shadow);border:1px solid var(--border-light);border-bottom-left-radius:6px;align-self:flex-start}.chat__input-area{background:var(--bg-glass);-webkit-backdrop-filter:var(--backdrop-blur);border-top:1px solid var(--border);transition:background var(--transition), border-color var(--transition);align-items:flex-end;gap:8px;padding:12px 16px;display:flex}.chat__input{border:1.5px solid var(--border);resize:none;background:var(--bg-card);max-height:120px;color:var(--text);transition:border-color var(--transition), background var(--transition);border-radius:24px;outline:none;flex:1;padding:12px 16px;font-size:max(16px,1em)}.chat__input::placeholder{color:var(--text-muted)}.chat__input:focus{border-color:var(--primary)}.chat__send{background:var(--primary-gradient);color:#fff;cursor:pointer;width:44px;height:44px;transition:transform var(--transition-fast), opacity var(--transition);box-shadow:0 2px 8px rgba(var(--primary-rgb), .25);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.chat__send:active{transform:scale(.9)}.chat__send:disabled{opacity:.4;box-shadow:none}.chat-md{flex-direction:column;gap:8px;display:flex}.chat-md>:first-child{margin-top:0}.chat-md>:last-child{margin-bottom:0}.chat-md__p{white-space:pre-wrap;margin:0;line-height:1.55}.chat-md__ul,.chat-md__ol{flex-direction:column;gap:6px;margin:2px 0;padding-left:22px;display:flex}.chat-md__ul{list-style:outside}.chat-md__ol{list-style:decimal}.chat-md__ul li,.chat-md__ol li{padding-left:2px;line-height:1.5}.chat-md__ul li::marker{color:var(--primary)}.chat-md__ol li::marker{color:var(--primary)}.chat-md a{color:var(--primary);text-decoration:underline}.chat-md strong{font-weight:600}.activity-chat__text.chat-md{gap:6px}.activity-chat__text .chat-md__ul,.activity-chat__text .chat-md__ol{gap:4px;padding-left:20px}.contact-item{border-bottom:1px solid var(--border-light);transition:border-color var(--transition);align-items:center;gap:12px;padding:12px 0;display:flex}.contact-item:last-child{border-bottom:none}.contact-item__avatar{background:var(--primary-light);width:44px;height:44px;color:var(--primary);transition:background var(--transition), color var(--transition);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.contact-item__info{flex:1;min-width:0}.contact-item__name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.contact-item__role{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.contact-item__phones{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.contact-item__phone{color:var(--primary);white-space:nowrap;font-size:13px;font-weight:500;text-decoration:none}.search-bar{margin-bottom:16px;position:relative}.search-bar__icon{color:var(--text-muted);font-size:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-bar .input{padding-left:42px}.chips{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding-bottom:12px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border-radius:var(--radius-full);border:1.5px solid var(--border);background:var(--bg-card);color:var(--text-secondary);white-space:nowrap;cursor:pointer;transition:all var(--transition);-webkit-tap-highlight-color:transparent;padding:8px 16px;font-size:13px;font-weight:500}.chip:hover{border-color:rgba(var(--primary-rgb), .3)}.chip:active{transform:scale(.95)}.chip--active{background:var(--primary-gradient);color:#fff;box-shadow:0 2px 8px rgba(var(--primary-rgb), .25);border-color:#0000}.chip--sm{padding:5px 12px;font-size:12px}.loading{color:var(--text-muted);justify-content:center;align-items:center;padding:40px;animation:.3s ease-out fadeIn;display:flex}.spinner{border:2.5px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:22px;height:22px;margin-right:8px;animation:.7s linear infinite spin}.skeleton{background:linear-gradient(90deg, var(--border-light) 25%, var(--border) 50%, var(--border-light) 75%);border-radius:var(--radius-xs);background-size:200% 100%;animation:1.5s infinite shimmer}.auth-page{text-align:center;background:var(--bg);min-height:100dvh;transition:background var(--transition);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";background:radial-gradient(circle at 30% 40%, rgba(var(--primary-rgb), .06) 0%, transparent 50%), radial-gradient(circle at 70% 60%, #7c3aed0a 0%, transparent 50%);pointer-events:none;background-size:200% 200%;width:200%;height:200%;animation:15s ease-in-out infinite gradientShift;position:absolute;top:-50%;left:-50%}.auth-page>*{z-index:1;position:relative}.auth-page__logo{background:var(--primary-gradient);width:72px;height:72px;box-shadow:0 8px 32px rgba(var(--primary-rgb), .25);border-radius:18px;justify-content:center;align-items:center;margin-bottom:20px;animation:.6s ease-out both popIn;display:flex}.auth-page__logo svg{color:#fff;width:36px;height:36px}.auth-page__title{letter-spacing:-.5px;color:var(--text);margin-bottom:6px;font-family:Plus Jakarta Sans,sans-serif;font-size:28px;font-weight:800;animation:.5s ease-out .1s both fadeIn}.auth-page__subtitle{color:var(--text-secondary);margin-bottom:36px;font-size:15px;font-weight:400;animation:.5s ease-out .2s both fadeIn}.auth-page__form{width:100%;max-width:380px;animation:.5s ease-out .3s both slideUp}.pick-list{margin-top:16px}.pick-item{border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);-webkit-tap-highlight-color:transparent;background:var(--bg-card);color:var(--text);margin-bottom:8px;padding:14px 16px;animation:.25s ease-out both fadeIn}.pick-item:first-child{animation-delay:30ms}.pick-item:nth-child(2){animation-delay:60ms}.pick-item:nth-child(3){animation-delay:90ms}.pick-item:nth-child(4){animation-delay:.12s}.pick-item:nth-child(5){animation-delay:.15s}.pick-item:nth-child(6){animation-delay:.18s}.pick-item:active{transform:scale(.97)}.pick-item:hover{border-color:rgba(var(--primary-rgb), .35);box-shadow:var(--shadow-md);transform:translateY(-1px)}.pick-item--selected{border-color:var(--primary);background:var(--primary-light);box-shadow:var(--shadow-glow)}.pick-item__name{font-size:14px;font-weight:600}.pick-item__steps{color:var(--text-secondary);margin:6px 0 2px;padding-left:20px;font-size:12.5px;line-height:1.5}.pick-item__steps li{margin-bottom:2px}.pick-item__dept{color:var(--text-secondary);margin-top:2px;font-size:12px}.activity-chat{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);flex-direction:column;gap:8px;max-height:600px;padding:12px;display:flex;overflow-y:auto}.activity-chat__msg{display:flex}.activity-chat__msg--user{justify-content:flex-end}.activity-chat__msg--assistant{justify-content:flex-start}.activity-chat__bubble{word-break:break-word;border-radius:14px;max-width:75%;padding:10px 14px;font-size:13px;line-height:1.5}.activity-chat__msg--user .activity-chat__bubble{background:var(--primary);color:#fff;border-bottom-right-radius:4px}.activity-chat__msg--assistant .activity-chat__bubble{background:var(--bg-hover);color:var(--text);border-bottom-left-radius:4px}.activity-chat__time{opacity:.6;margin-top:4px;font-size:10px}.activity-chat__msg--user .activity-chat__time{text-align:right}.profile-card{text-align:center;padding:28px 16px}.profile-card__avatar{background:var(--primary-gradient);color:#fff;width:80px;height:80px;box-shadow:0 6px 20px rgba(var(--primary-rgb), .25);border-radius:20px;justify-content:center;align-items:center;margin:0 auto 14px;font-size:26px;font-weight:700;animation:.5s ease-out both popIn;display:flex}.profile-card__name{letter-spacing:-.3px;margin-bottom:4px;font-family:Plus Jakarta Sans,sans-serif;font-size:22px;font-weight:700}.profile-card__dept{color:var(--text-secondary);font-size:14px;font-weight:400}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px;animation:.4s ease-out fadeIn}.empty-state__icon{margin-bottom:12px;font-size:48px;animation:.5s ease-out popIn}.empty-state__text{font-size:14px;font-weight:500}.calc-list .card{align-items:center;gap:12px;display:flex}.calc-list .card__icon{margin-bottom:0;font-size:32px}.calc-list .card__content{flex:1}.badge{border-radius:var(--radius-full);letter-spacing:.2px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge--success{background:var(--success-light);color:var(--success)}.badge--warning{background:var(--warning-light);color:var(--warning)}.badge--error{background:var(--error-light);color:var(--error)}.progress{background:var(--border-light);border-radius:var(--radius-full);height:5px;overflow:hidden}.progress__fill{background:var(--primary-gradient);border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.alert{border-radius:var(--radius-sm);margin-bottom:12px;padding:12px 16px;font-size:13px;font-weight:500;animation:.3s ease-out both slideDown}.alert--error{background:var(--error-light);color:var(--error);border:1px solid #ef444426}.alert--success{background:var(--success-light);color:var(--success);border:1px solid #10b98126}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mt-16{margin-top:16px}.text-center{text-align:center}.text-sm{font-size:13px}.text-muted{color:var(--text-secondary)}@media (width<=767px){.sidebar{display:none}.app{flex-direction:column}.app__content{margin-left:0}.main{padding:20px 16px;padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 20px);max-width:600px}.header{height:60px;padding:0 16px}.header__title{font-size:16px}.dashboard-greeting__name{font-size:22px}.bento-grid{grid-template-columns:1fr 1fr;gap:12px}.bento-grid .bento-card:first-child{grid-column:span 2}.bento-grid .bento-card:nth-child(2){grid-area:span 1/span 1}.bento-grid .bento-card:nth-child(6){grid-column:span 2}.bento-card{padding:20px}.bento-card__arrow{display:none}.chat{height:calc(100dvh - 60px - var(--nav-height) - var(--safe-bottom))}}@media (width>=768px){.bottom-nav{display:none}.app{flex-direction:row}.app__content{margin-left:var(--sidebar-width);min-height:100dvh;transition:margin-left var(--transition);flex-direction:column;flex:1;display:flex}.main{max-width:1100px;padding:32px}.header__user{display:inline}.chat{height:calc(100dvh - var(--header-height))}}@media (width>=1200px){.main{padding:40px 48px}.bento-grid{gap:20px}.bento-card{padding:32px}.dashboard-greeting__name{font-size:32px}}.admin-stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;display:grid}.admin-stat{border-radius:var(--radius-xs);background:var(--bg);transition:background var(--transition);flex-direction:column;align-items:center;gap:4px;padding:8px 4px;display:flex}.admin-stat__value{letter-spacing:-.5px;font-size:20px;font-weight:700}.admin-stat__value--primary{color:var(--primary)}.admin-stat__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;text-align:center;font-size:11px;font-weight:600}.admin-chart{align-items:flex-end;gap:2px;height:120px;padding-top:12px;display:flex}.admin-chart__bar-wrap{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex}.admin-chart__bar{background:var(--primary-gradient);width:100%;max-width:20px;min-height:2px;transition:height var(--transition-slow);border-radius:3px 3px 0 0}.admin-chart__label{color:var(--text-muted);margin-top:4px;font-size:10px}.admin-list-item{border-bottom:1px solid var(--border-light);align-items:center;gap:8px;padding:10px 0;display:flex}.admin-list-item:last-child{border-bottom:none}.admin-list-item__rank{color:var(--primary);text-align:center;width:28px;font-size:13px;font-weight:700}.admin-list-item__name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;font-weight:500;overflow:hidden}.admin-list-item__value{color:var(--primary);font-size:14px;font-weight:700}.admin-user-details{border-top:1px solid var(--border-light);margin-top:12px;padding-top:12px;animation:.2s ease-out fadeIn}.admin-detail-row{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:flex-start;gap:8px;padding:6px 0;font-size:13px;display:flex}.admin-detail-row:last-child{border-bottom:none}.admin-detail-row>span:first-child{color:var(--text-muted);white-space:nowrap;font-weight:500}.admin-detail-row>span:last-child{text-align:right;word-break:break-word}.admin-ipr-action{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}.admin-ipr-action:last-child{border-bottom:none}.admin-ipr-action__title{flex:1;min-width:0;font-size:13px}.admin-feature-chart{flex-direction:column;gap:10px;margin-top:12px;display:flex}.admin-feature-row__label{justify-content:space-between;margin-bottom:4px;font-size:13px;font-weight:500;display:flex}.metrics-list{flex-direction:column;gap:0;display:flex}.metric-row{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.metric-row:last-child{border-bottom:none}.metric-row__left{align-items:center;gap:10px;display:flex}.metric-row__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.metric-row__dash{border-radius:2px;flex-shrink:0;width:20px;height:4px}.metric-row__label{color:var(--text);font-size:14px;font-weight:600}.metric-row__score{font-size:14px;font-weight:700}.metric-row__score-label{color:var(--text-secondary);font-size:13px}.metric-row__value{color:var(--text);font-size:14px;font-weight:700}.metric-row__percent{color:var(--text);white-space:nowrap;font-size:14px;font-weight:700}.home-metrics-card{background:rgba(var(--bg-card-rgb), .82);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;margin-bottom:24px;padding:24px;animation:.4s both fadeInUp}.home-metrics-card--loading{justify-content:center;padding:40px;display:flex}.home-metrics-card__header{color:var(--text);align-items:center;gap:8px;margin-bottom:20px;font-size:16px;font-weight:700;display:flex}.home-metrics-card__header svg{color:var(--accent,#6366f1)}.home-metrics-card__month{color:var(--text-secondary,#94a3b8);background:var(--surface-2,#94a3b81f);border-radius:6px;margin-left:4px;padding:2px 8px;font-size:12px;font-weight:500}.home-metrics-headers{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px;display:grid}.home-metric-header{background:var(--bg-secondary,#6366f10f);border:1px solid var(--border-light);border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.dark .home-metric-header{background:#6366f114}.home-metric-header__label-row{align-items:center;gap:8px;display:flex}.home-metric-header__abbr{color:var(--accent,#6366f1);min-width:22px;font-size:14px;font-weight:800}.home-metric-header__name{color:var(--text-secondary);font-size:12px}.home-metric-header__value{color:var(--text);font-size:16px;font-weight:800}.home-metrics-gauges{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.home-metric-gauge{background:rgba(var(--bg-card-rgb), .4);border:1px solid var(--border-light);border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px 8px 12px;transition:transform .2s,box-shadow .2s;display:flex}.dark .home-metric-gauge{background:#ffffff08}.home-metric-gauge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.home-metric-gauge__ring-wrap{width:56px;height:56px;position:relative}.home-metric-gauge__ring{width:100%;height:100%;transform:rotate(-90deg)}.home-metric-gauge__score{justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex;position:absolute;inset:0}.home-metric-gauge__info{flex-direction:column;align-items:center;gap:2px;display:flex}.home-metric-gauge__label{color:var(--text);font-size:13px;font-weight:700}.home-metric-gauge__percent{color:var(--text-secondary);font-size:12px;font-weight:600}.home-metrics-ib{background:var(--bg-secondary,#00000005);border:1px solid;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;display:flex}.dark .home-metrics-ib{background:#ffffff08}.home-metrics-ib__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.home-metrics-ib__label{color:var(--text);font-size:14px;font-weight:700}.home-metrics-ib__status{margin-left:auto;font-size:13px;font-weight:600}.home-metrics-card__detail-btn{width:100%;color:var(--accent,#6366f1);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.home-metrics-card__detail-btn:hover{background:#6366f114}.home-metric-gauge__detail{color:var(--accent,#6366f1);cursor:pointer;opacity:.85;background:0 0;border:none;border-radius:6px;margin-top:2px;padding:2px 6px;font-size:11px;font-weight:600;transition:background .15s,opacity .15s}.home-metric-gauge__detail:hover{opacity:1;background:#6366f11a}.metric-detail-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;padding:16px;animation:.15s metric-fade-in;display:flex;position:fixed;inset:0}@keyframes metric-fade-in{0%{opacity:0}to{opacity:1}}.metric-detail-modal{background:var(--bg-card,#fff);border:1px solid var(--border-light);border-radius:16px;width:100%;max-width:420px;max-height:85vh;padding:22px;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.dark .metric-detail-modal{background:var(--bg-secondary,#111827)}.metric-detail-modal__close{color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px;transition:background .15s;display:flex;position:absolute;top:14px;right:14px}.metric-detail-modal__close:hover{background:#7f7f7f1f}.metric-detail-modal__head{align-items:center;gap:12px;margin-bottom:14px;padding-right:28px;display:flex}.metric-detail-modal__badge{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:800;display:flex}.metric-detail-modal__title{color:var(--text);font-size:16px;font-weight:700}.metric-detail-modal__sub{text-transform:capitalize;font-size:13px;font-weight:600}.metric-detail-modal__summary{color:var(--text-secondary);margin:0 0 16px;font-size:13.5px;line-height:1.5}.metric-detail-modal__levels{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.metric-detail-level{border:1px solid var(--border-light);opacity:.6;border-radius:9px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.metric-detail-level--active{opacity:1;border-color:var(--accent,#6366f1);background:#6366f112}.metric-detail-level__score{width:20px;height:20px;color:var(--text);background:#7f7f7f26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.metric-detail-level__label{color:var(--text);text-transform:capitalize;font-weight:600}.metric-detail-level__range{color:var(--text-muted,#64748b);margin-left:auto;font-weight:500}.metric-detail-modal__submetrics{margin-bottom:4px}.metric-detail-modal__submetrics-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted,#64748b);margin-bottom:8px;font-size:12px;font-weight:700}.metric-detail-sub{border-bottom:1px solid var(--border-light);align-items:center;gap:8px;padding:7px 4px;font-size:13px;display:flex}.metric-detail-sub:last-child{border-bottom:none}.metric-detail-sub__dot{background:var(--text-muted,#94a3b8);border-radius:50%;flex-shrink:0;width:8px;height:8px}.metric-detail-sub--weak .metric-detail-sub__dot{background:#ef4444}.metric-detail-sub--ok .metric-detail-sub__dot{background:#10b981}.metric-detail-sub--unknown .metric-detail-sub__dot{background:#94a3b8}.metric-detail-sub__label{color:var(--text);font-weight:600}.metric-detail-sub__note{color:var(--text-muted,#64748b);font-size:11.5px}.metric-detail-sub__value{color:var(--text-secondary);margin-left:auto;font-weight:700}.metric-detail-sub--weak .metric-detail-sub__value{color:#ef4444}.metric-detail-modal__hint{color:var(--text-muted,#64748b);margin:4px 0 0;font-size:12.5px}@media (width<=600px){.home-metrics-gauges{grid-template-columns:repeat(2,1fr)}.home-metrics-headers{grid-template-columns:1fr}.home-metrics-card{padding:16px}}@media (display-mode:standalone){.sidebar{display:none!important}.bottom-nav{display:flex!important}.app{flex-direction:column!important}.app__content{padding-bottom:calc(var(--nav-height) + var(--safe-bottom))!important;margin-left:0!important}.main{padding:16px!important;padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 16px)!important}.chat{height:calc(100dvh - 60px - var(--nav-height) - var(--safe-bottom))!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}