.global-confirm-host[data-v-386a812a]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2200;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:radial-gradient(circle at top,color-mix(in srgb,var(--color-white) 12%,transparent),transparent 46%),var(--color-overlay-45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.global-confirm-card[data-v-386a812a]{position:relative;width:min(460px,100%);padding:1.5rem;border:1px solid color-mix(in srgb,var(--color-gray-200) 88%,var(--color-white));border-radius:20px;background:linear-gradient(180deg,var(--color-white),var(--color-gray-25));box-shadow:0 26px 64px var(--color-black-18)}.global-confirm-close[data-v-386a812a]{position:absolute;top:.85rem;right:.9rem;width:2rem;height:2rem;border:none;border-radius:999px;background:transparent;color:var(--color-gray-610);font-size:1.3rem;line-height:1;cursor:pointer}.global-confirm-close[data-v-386a812a]:hover,.global-confirm-close[data-v-386a812a]:focus-visible{background:var(--color-gray-90)}.global-confirm-header[data-v-386a812a]{display:flex;flex-direction:column;gap:.7rem;padding-right:2.2rem}.global-confirm-header.align-center[data-v-386a812a]{align-items:center;padding-right:0;text-align:center}.global-confirm-chip[data-v-386a812a]{display:inline-flex;width:fit-content;align-items:center;justify-content:center;min-height:1.9rem;padding:.2rem .8rem;border-radius:999px;font-size:.83rem;font-weight:700;letter-spacing:.04em}.global-confirm-chip.tone-primary[data-v-386a812a]{background:color-mix(in srgb,var(--color-emerald-500) 14%,var(--color-white));color:var(--color-emerald-700)}.global-confirm-chip.tone-danger[data-v-386a812a]{background:color-mix(in srgb,var(--color-red-600) 12%,var(--color-white));color:var(--color-red-700)}.global-confirm-header h3[data-v-386a812a]{margin:0;color:var(--color-ink-900);font-size:1.12rem;line-height:1.3}.global-confirm-header.align-center h3[data-v-386a812a]{width:100%;padding-inline:1.5rem}.global-confirm-body[data-v-386a812a]{margin-top:1rem;color:var(--color-gray-840);font-size:.96rem;line-height:1.7;white-space:pre-wrap}.global-confirm-actions[data-v-386a812a]{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.4rem;flex-wrap:wrap}.global-confirm-actions .btn[data-v-386a812a]{min-width:7.25rem;min-height:2.6rem;border-radius:999px;font-weight:700;letter-spacing:.02em;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.global-confirm-confirm[data-v-386a812a]{border:none;color:var(--color-white);box-shadow:0 12px 28px color-mix(in srgb,var(--color-black-18) 72%,transparent)}.global-confirm-confirm.tone-primary[data-v-386a812a]{background:linear-gradient(135deg,var(--color-emerald-500),var(--color-emerald-700))}.global-confirm-confirm.tone-primary[data-v-386a812a]:hover,.global-confirm-confirm.tone-primary[data-v-386a812a]:focus-visible{background:linear-gradient(135deg,var(--color-emerald-600),var(--color-emerald-800));transform:translateY(-1px);box-shadow:0 16px 32px color-mix(in srgb,var(--color-black-18) 78%,transparent)}.global-confirm-confirm.tone-danger[data-v-386a812a]{background:linear-gradient(135deg,var(--color-red-600),var(--color-red-700))}.global-confirm-confirm.tone-danger[data-v-386a812a]:hover,.global-confirm-confirm.tone-danger[data-v-386a812a]:focus-visible{background:linear-gradient(135deg,color-mix(in srgb,var(--color-red-600) 92%,var(--color-black)),var(--color-red-700));transform:translateY(-1px);box-shadow:0 16px 32px color-mix(in srgb,var(--color-black-18) 78%,transparent)}@media (max-width: 640px){.global-confirm-host[data-v-386a812a]{padding:1rem}.global-confirm-card[data-v-386a812a]{padding:1.2rem;border-radius:16px}.global-confirm-actions[data-v-386a812a]{flex-direction:column-reverse}.global-confirm-actions .btn[data-v-386a812a]{width:100%}}.global-toast-host[data-v-a74bbe1c]{position:fixed;top:16px;right:16px;z-index:2400;pointer-events:none}.global-toast-list[data-v-a74bbe1c]{display:flex;flex-direction:column;gap:10px}.global-toast[data-v-a74bbe1c]{width:min(360px,88vw);display:flex;align-items:flex-start;gap:10px;pointer-events:auto;background:var(--color-white);border:1px solid var(--color-gray-300);border-left-width:4px;border-radius:10px;box-shadow:0 8px 20px var(--color-black-15);padding:10px 12px}.global-toast.tone-info[data-v-a74bbe1c]{border-left-color:var(--color-cyan-500)}.global-toast.tone-success[data-v-a74bbe1c]{border-left-color:var(--color-green-500)}.global-toast.tone-warning[data-v-a74bbe1c]{border-left-color:var(--color-yellow-500)}.global-toast.tone-error[data-v-a74bbe1c]{border-left-color:var(--color-red-500)}.global-toast-body[data-v-a74bbe1c]{flex:1;min-width:0}.global-toast-message[data-v-a74bbe1c]{color:var(--color-gray-900);font-size:.92rem;line-height:1.35;word-break:break-word}.global-toast-detail[data-v-a74bbe1c]{color:var(--color-gray-600);font-size:.8rem;margin-top:4px;line-height:1.3;word-break:break-all}.global-toast-close[data-v-a74bbe1c]{border:none;background:var(--color-transparent);color:var(--color-gray-600);cursor:pointer;width:24px;height:24px;border-radius:6px;line-height:1;font-size:1rem}.global-toast-close[data-v-a74bbe1c]:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.toast-slide-enter-active[data-v-a74bbe1c],.toast-slide-leave-active[data-v-a74bbe1c]{transition:all .25s ease}.toast-slide-enter-from[data-v-a74bbe1c],.toast-slide-leave-to[data-v-a74bbe1c]{opacity:0;transform:translate(24px)}@media (max-width: 768px){.global-toast-host[data-v-a74bbe1c]{top:12px;right:12px;left:12px}.global-toast[data-v-a74bbe1c]{width:100%}}:root{--color-white: #ffffff;--color-white-92: rgba(255, 255, 255, .92);--color-white-90: rgba(255, 255, 255, .9);--color-white-80: rgba(255, 255, 255, .8);--color-white-70: rgba(255, 255, 255, .7);--color-white-60: rgba(255, 255, 255, .6);--color-white-30: rgba(255, 255, 255, .3);--color-white-20: rgba(255, 255, 255, .2);--color-white-16: rgba(255, 255, 255, .16);--color-white-12: rgba(255, 255, 255, .12);--color-white-10: rgba(255, 255, 255, .1);--color-white-98: rgba(255, 255, 255, .98);--color-white-96: rgba(255, 255, 255, .96);--color-white-88: rgba(255, 255, 255, .88);--color-white-82: rgba(255, 255, 255, .82);--color-white-78: rgba(255, 255, 255, .78);--color-white-76: rgba(255, 255, 255, .76);--color-white-72: rgba(255, 255, 255, .72);--color-white-54: rgba(255, 255, 255, .54);--color-white-0: rgba(255, 255, 255, 0);--color-transparent: transparent;--color-black: #000000;--color-black-90: rgba(0, 0, 0, .9);--color-black-70: rgba(0, 0, 0, .7);--color-black-50: rgba(0, 0, 0, .5);--color-black-40: rgba(0, 0, 0, .4);--color-black-30: rgba(0, 0, 0, .3);--color-black-20: rgba(0, 0, 0, .2);--color-black-18: rgba(0, 0, 0, .18);--color-black-15: rgba(0, 0, 0, .15);--color-black-12: rgba(0, 0, 0, .12);--color-black-10: rgba(0, 0, 0, .1);--color-black-08: rgba(0, 0, 0, .08);--color-black-06: rgba(0, 0, 0, .06);--color-black-05: rgba(0, 0, 0, .05);--color-black-0: rgba(0, 0, 0, 0);--color-gray-25: #fcfcfd;--color-gray-50: #f9fafb;--color-gray-75: #f8f9fa;--color-gray-80: #f6f7fb;--color-gray-88: #f7f8fa;--color-gray-90: #f5f7fa;--color-gray-90a90: rgba(245, 247, 250, .9);--color-gray-95: #f4f5f7;--color-gray-96: #f5f5f5;--color-gray-97: #f1f2f1;--color-gray-98: #f0f4f2;--color-gray-92: #eceff2;--color-gray-91: #eef1f6;--color-gray-93: #e9eef5;--color-gray-200: #e4e7ec;--color-gray-250: #e5e7eb;--color-gray-300: #e0e0e0;--color-gray-330: #cccccc;--color-gray-350: #d9d9d9;--color-gray-360: #c9ccd1;--color-gray-400: #b8bcc2;--color-gray-450: #9aa2a1;--color-gray-500: #7b828a;--color-gray-560: #4b5563;--color-gray-580: #666666;--color-gray-600: #6c757d;--color-gray-610: #6b7272;--color-gray-620: #667085;--color-gray-630: #5a6268;--color-gray-700: #5c6a67;--color-gray-720: #53615e;--color-gray-750: #3c4a47;--color-gray-800: #3b3f45;--color-gray-820: #343a40;--color-gray-840: #374151;--color-gray-900: #1a1a2e;--color-ink-900: #1a2f2a;--color-ink-950: #1d2433;--color-slate-950: #0f1014;--color-gray-100: #f0f0f0;--color-emerald-400: #19c6a0;--color-emerald-450: #0ea97c;--color-emerald-500: #10a37f;--color-emerald-550: #1f8f6a;--color-emerald-600: #0d8c6c;--color-emerald-650: #127b60;--color-emerald-700: #0b7a5f;--color-emerald-750: #13634a;--color-emerald-500a05: rgba(16, 163, 127, .05);--color-emerald-500a08: rgba(16, 163, 127, .08);--color-emerald-500a10: rgba(16, 163, 127, .1);--color-emerald-500a12: rgba(16, 163, 127, .12);--color-emerald-500a15: rgba(16, 163, 127, .15);--color-emerald-500a20: rgba(16, 163, 127, .2);--color-emerald-500a25: rgba(16, 163, 127, .25);--color-emerald-500a30: rgba(16, 163, 127, .3);--color-emerald-500a35: rgba(16, 163, 127, .35);--color-emerald-500a40: rgba(16, 163, 127, .4);--color-emerald-500a60: rgba(16, 163, 127, .6);--color-emerald-500a70: rgba(16, 163, 127, .7);--color-emerald-500a80: rgba(16, 163, 127, .8);--color-emerald-500a90: rgba(16, 163, 127, .9);--color-emerald-550a08: rgba(31, 143, 106, .08);--color-emerald-550a12: rgba(31, 143, 106, .12);--color-emerald-550a20: rgba(31, 143, 106, .2);--color-emerald-550a35: rgba(31, 143, 106, .35);--color-green-500: #28a745;--color-green-600: #2ecc71;--color-green-600a90: rgba(46, 204, 113, .9);--color-green-500a15: rgba(39, 174, 96, .15);--color-green-400a70: rgba(76, 175, 80, .7);--color-cyan-500: #17a2b8;--color-cyan-700: #0c5460;--color-cyan-100: #bee5eb;--color-cyan-150: #d1ecf1;--color-blue-700: #2a4a7c;--color-blue-600: #3a5a8c;--color-blue-500: #4a6fa5;--color-blue-500a30: rgba(74, 111, 165, .3);--color-blue-500a40: rgba(74, 111, 165, .4);--color-blue-400a12: rgba(52, 152, 219, .12);--color-blue-400a32: rgba(52, 152, 219, .32);--color-blue-500a12: rgba(38, 132, 255, .12);--color-blue-500a14: rgba(90, 176, 255, .14);--color-blue-500a16: rgba(90, 176, 255, .16);--color-blue-500a48: rgba(90, 176, 255, .48);--color-blue-500a72: rgba(90, 176, 255, .72);--color-blue-500a88: rgba(90, 176, 255, .88);--color-blue-500a92: rgba(90, 176, 255, .92);--color-teal-500: #2f9fa8;--color-teal-500a12: rgba(47, 159, 168, .12);--color-red-500: #e74c3c;--color-red-600: #dc3545;--color-red-700: #c0392b;--color-red-900: #721c24;--color-red-100: #f8d7da;--color-red-150: #f5c6cb;--color-red-500a10: rgba(231, 76, 60, .1);--color-red-500a90: rgba(231, 76, 60, .9);--color-red-600a80: rgba(220, 53, 69, .8);--color-red-400a70: rgba(244, 67, 54, .7);--color-yellow-500: #ffc107;--color-gold-500: #f4b740;--color-gold-700: #8a5b13;--color-orange-100: #fff3e0;--color-orange-200: #ffd8a8;--color-orange-700: #b25e00;--color-orange-720: #b26a00;--color-yellow-500a80: rgba(255, 193, 7, .8);--color-orange-500a70: rgba(255, 152, 0, .7);--color-gold-500a12: rgba(244, 183, 64, .12);--color-gold-500a30: rgba(244, 183, 64, .3);--color-surface-night-overlay: rgba(0, 0, 0, .72);--color-surface-night-shadow: rgba(0, 0, 0, .36);--color-surface-night-shadow-soft: rgba(0, 0, 0, .28);--color-surface-night-start: #08121f;--color-surface-night-end: #132333;--color-surface-night-border: rgba(255, 255, 255, .1);--color-surface-night-border-soft: rgba(255, 255, 255, .08);--color-surface-night-chip-weakest: rgba(255, 255, 255, .04);--color-surface-night-chip-weak: rgba(255, 255, 255, .05);--color-surface-night-chip: rgba(255, 255, 255, .08);--color-surface-night-chip-border: rgba(255, 255, 255, .12);--color-surface-night-text-muted: rgba(255, 255, 255, .68);--color-surface-night-text-weak: rgba(255, 255, 255, .58);--color-surface-night-track: rgba(255, 255, 255, .28);--color-surface-night-track-soft: rgba(255, 255, 255, .24);--color-surface-night-thumb-shadow: rgba(0, 0, 0, .28);--color-surface-night-blue: rgba(90, 176, 255, .14);--color-surface-night-blue-border: rgba(90, 176, 255, .48);--color-surface-night-blue-border-hover: rgba(90, 176, 255, .72);--color-surface-night-blue-border-hover-strong: rgba(93, 178, 255, .7);--color-surface-night-blue-soft: rgba(93, 178, 255, .12);--color-surface-night-blue-soft-strong: rgba(93, 178, 255, .88);--color-surface-night-blue-active-border: rgba(93, 178, 255, .9);--color-surface-night-blue-active-bg: rgba(93, 178, 255, .16);--color-surface-night-blue-active-shadow: rgba(8, 18, 31, .28);--color-surface-night-blue-slider-border: rgba(93, 178, 255, .28);--color-surface-night-blue-slider-bg: rgba(93, 178, 255, .08);--color-surface-night-blue-slider-thumb: rgba(93, 178, 255, .92);--color-surface-night-sheen: rgba(255, 255, 255, .18);--color-surface-night-fallback-start: rgba(14, 27, 42, .96);--color-surface-night-fallback-end: rgba(6, 13, 24, .98);--color-surface-night-fallback-overlay: rgba(6, 13, 24, .26);--color-dashboard-surface-88: rgba(247, 250, 255, .88);--color-dashboard-surface-soft-start: rgba(246, 250, 255, .98);--color-dashboard-surface-soft-end: rgba(255, 255, 255, .92);--color-dashboard-surface-panel-start: rgba(255, 255, 255, .98);--color-dashboard-surface-panel-end: rgba(244, 248, 255, .96);--color-dashboard-surface-slate: rgba(241, 245, 249, .92);--color-dashboard-backdrop: rgba(6, 16, 30, .56);--color-dashboard-blue-10: rgba(34, 139, 230, .1);--color-dashboard-blue-12: rgba(47, 117, 255, .12);--color-dashboard-blue-14: rgba(56, 189, 248, .14);--color-dashboard-blue-35: rgba(59, 130, 246, .35);--color-dashboard-blue-58: rgba(56, 189, 248, .58);--color-dashboard-blue-80: rgba(59, 130, 246, .8);--color-dashboard-green-10: rgba(16, 185, 129, .1);--color-dashboard-green-54: rgba(16, 185, 129, .54);--color-mint-50: #f6fbf8;--color-overlay-45: rgba(15, 35, 32, .45);--color-slate-900a04: rgba(15, 23, 42, .04);--color-slate-900a08: rgba(15, 23, 42, .08);--color-slate-900a10: rgba(15, 23, 42, .1);--color-slate-900a12: rgba(15, 23, 42, .12);--color-slate-900a25: rgba(15, 23, 42, .25);--color-slate-900a35: rgba(15, 23, 42, .35);--color-slate-900a50: rgba(15, 23, 42, .5);--color-slate-800a12: rgba(44, 62, 80, .12);--color-primary: var(--color-emerald-500);--color-primary-dark: var(--color-emerald-600);--color-primary-light: var(--color-emerald-500a10);--color-bg-page: var(--color-gray-90);--color-bg-panel: var(--color-white);--color-bg-card: var(--color-gray-75);--color-text-main: var(--color-gray-900);--color-text-muted: var(--color-gray-600);--color-border: var(--color-gray-300);--color-success: var(--color-green-600);--color-error: var(--color-red-500);--color-disabled: var(--color-gray-400);--hover-bg: var(--color-emerald-500a05);--active-bg: var(--color-emerald-500a15);--color-shadow-05: var(--color-black-05);--color-shadow-08: var(--color-black-08);--color-shadow-12: var(--color-black-12);--spacing-unit: 8px;--spacing-xs: calc(var(--spacing-unit) * .5);--spacing-sm: calc(var(--spacing-unit) * 1);--spacing-md: calc(var(--spacing-unit) * 2);--spacing-lg: calc(var(--spacing-unit) * 3);--spacing-xl: calc(var(--spacing-unit) * 4);--size-icon-sm: 16px;--size-icon-md: 24px;--size-icon-lg: 32px;--size-button-min-height: 44px;--font-family-base: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--line-height-base: 1.5;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-1: 0 2px 4px var(--color-black-05);--shadow-2: 0 4px 12px var(--color-black-08);--shadow-3: 0 8px 24px var(--color-black-12);--motion-fast: .2s;--motion-normal: .3s;--motion-slow: .5s;--easing-default: cubic-bezier(.4, 0, .2, 1);--z-dropdown: 10;--z-sticky: 20;--z-modal-backdrop: 900;--z-modal: 1000;--z-popover: 1100;--z-tooltip: 1200;--staff-watermark-login-opacity: .024;--admin-watermark-opacity: .052;--admin-watermark-login-opacity: .068}*{box-sizing:border-box}body{margin:0;font-family:var(--font-family-base, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif);background:var(--color-bg-page, var(--color-gray-90));color:var(--color-text-main, var(--color-gray-900));font-size:var(--font-size-md, 16px);line-height:var(--line-height-base, 1.5)}.auth-only{min-height:100vh;display:flex;align-items:center;justify-content:center}a{color:inherit;text-decoration:none}button{font-family:inherit}img{max-width:100%;display:block}.app-root{min-height:100vh}.app-shell{display:flex;min-height:100vh}.app-sidebar{width:calc(var(--spacing-unit, 8px) * 30);background:var(--color-bg-panel);box-shadow:var(--shadow-1, 0 2px 4px var(--color-black-05));padding:var(--spacing-lg, 24px) var(--spacing-md, 16px)}.app-content{flex:1;padding:var(--spacing-lg, 24px)}.page-header{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px);margin-bottom:var(--spacing-lg, 24px)}.page-title{font-size:var(--font-size-xl, 20px)}.section-grid,.card-grid{display:grid;gap:var(--spacing-md, 16px)}.stack{display:flex;flex-direction:column;gap:var(--spacing-md, 16px)}.inline{display:flex;gap:var(--spacing-sm, 8px);align-items:center;flex-wrap:wrap}.tag{padding:var(--spacing-xs, 4px) var(--spacing-sm, 8px);border-radius:var(--radius-sm, 4px);background:var(--color-bg-panel);font-size:var(--font-size-sm, 14px)}.surface{background:var(--color-bg-panel);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-1, 0 2px 4px var(--color-black-05));padding:var(--spacing-lg, 24px);border:1px solid var(--color-border, var(--color-gray-300))}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs, 4px);min-height:var(--size-button-min-height, 44px);padding:var(--spacing-xs, 4px) var(--spacing-sm, 8px);border-radius:var(--radius-sm, 4px);background:var(--color-primary-light, var(--color-emerald-500a10));color:var(--color-primary-dark, var(--color-emerald-600));font-size:var(--font-size-sm, 14px)}.muted{color:var(--color-text-muted, var(--color-gray-600))}.separator{height:1px;background:var(--color-border, var(--color-gray-300));border:none}@media (hover: none) and (pointer: coarse){.app-shell{flex-direction:column}.app-sidebar{width:100%}.app-content{padding:var(--spacing-md, 16px)}.card-grid{grid-template-columns:1fr}}@media (hover: hover) and (pointer: fine){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.app-content{max-width:calc(var(--spacing-unit, 8px) * 125);margin:0 auto;padding:var(--spacing-lg, 24px)}}:root{--primary: var(--color-emerald-500);--primary-dark: var(--color-emerald-600);--primary-light: var(--color-emerald-500a10);--secondary: var(--color-gray-600);--success: var(--color-green-500);--warning: var(--color-yellow-500);--danger: var(--color-red-600);--info: var(--color-cyan-500);--light: var(--color-gray-75);--dark: var(--color-gray-820);--bg-light: var(--color-white);--bg-card: var(--color-gray-75);--border: var(--color-gray-300);--shadow: 0 2px 10px var(--color-black-10);--shadow-lg: 0 10px 30px var(--color-black-15);--radius: 8px;--transition: all .3s ease;--sidebar-width: 280px;--header-height: 70px}body{background:linear-gradient(135deg,var(--color-gray-90) 0%,var(--color-gray-200) 100%);color:var(--dark);min-height:100vh;overflow-x:hidden}.profile-container{min-height:100vh;display:flex;flex-direction:column}.profile-header{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--color-white);padding:0 2rem;box-shadow:var(--shadow);position:sticky;top:0;z-index:100;height:var(--header-height)}.header-content{display:flex;align-items:center;gap:1rem;max-width:1400px;margin:0 auto;height:100%}.sidebar-toggle{display:none;background:none;border:none;color:var(--color-white);font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:var(--radius);transition:var(--transition)}.sidebar-toggle:hover{background:var(--color-white-10)}.back-button{display:flex;align-items:center;gap:.5rem;color:var(--color-white);text-decoration:none;padding:.5rem 1rem;border-radius:var(--radius);transition:var(--transition);background:var(--color-white-10)}.back-button:hover{background:var(--color-white-20)}.page-title{font-size:1.5rem;font-weight:600;margin-right:auto}.user-welcome{font-size:.9rem;opacity:.9}.profile-content{display:flex;flex:1;max-width:1400px;margin:0 auto;width:100%;padding:1.5rem;gap:1.5rem;min-height:calc(100vh - var(--header-height));position:relative;align-items:flex-start}.profile-sidebar{flex:0 0 var(--sidebar-width);background:var(--bg-light);border-radius:var(--radius);box-shadow:var(--shadow);height:fit-content;position:sticky;top:calc(var(--header-height) + 1.5rem);max-height:calc(100vh - var(--header-height) - 3rem);overflow-y:auto;transition:var(--transition);z-index:90;scrollbar-width:none;-ms-overflow-style:none}.profile-sidebar::-webkit-scrollbar{display:none}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.25rem .75rem;border-bottom:1px solid var(--border)}.sidebar-header h3{color:var(--dark);font-size:1.1rem;transition:var(--transition)}.sidebar-close{display:none;background:none;border:none;color:var(--secondary);cursor:pointer;padding:.25rem;border-radius:var(--radius);transition:var(--transition)}.sidebar-close:hover{background:var(--primary-light);color:var(--primary)}.sidebar-menu{padding:.75rem 0}.menu-item{display:flex;align-items:center;gap:1rem;width:100%;padding:.875rem 1.25rem;border:none;background:var(--color-transparent);color:var(--secondary);cursor:pointer;transition:var(--transition);border-left:4px solid var(--color-transparent);text-align:left;font-size:.95rem}.menu-item:hover{background:var(--primary-light);color:var(--primary)}.menu-item.active{background:var(--primary-light);color:var(--primary);border-left-color:var(--primary);font-weight:500}.menu-item i{width:20px;text-align:center;font-size:1.1rem;flex-shrink:0}.menu-text{transition:var(--transition);white-space:nowrap;overflow:hidden}.profile-main{flex:1;background:var(--bg-light);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;min-height:auto;transition:var(--transition);max-height:calc(100vh - var(--header-height) - 3rem);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.profile-main::-webkit-scrollbar{display:none}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-black-50);z-index:80}.tab-content{display:none;padding:1.5rem;height:auto;overflow-y:visible}.tab-content.active{display:block;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-header{margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.tab-header h2{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;margin-bottom:.5rem;color:var(--dark)}.tab-header p{color:var(--secondary);font-size:.9rem}.profile-form{max-width:100%}.form-section{margin-bottom:1.5rem;padding:1.25rem;background:var(--bg-card);border-radius:var(--radius);width:100%}.form-section h3{margin-bottom:.875rem;color:var(--dark);font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.form-group{margin-bottom:1.25rem;position:relative;width:100%}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--dark)}.required{color:var(--danger)}.form-group input{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius);font-size:1rem;transition:var(--transition)}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--color-emerald-500a20)}.form-group input:read-only{background-color:var(--light);color:var(--secondary);cursor:not-allowed}.form-group small{display:none}.toggle-password{position:absolute;right:12px;top:38px;background:none;border:none;color:var(--secondary);cursor:pointer;padding:4px;border-radius:4px;transition:var(--transition)}.toggle-password:hover{background:var(--color-black-05)}.status-info{display:flex;flex-direction:column;gap:.75rem}.status-item{display:flex;align-items:center;gap:1rem}.status-label{font-weight:500;color:var(--dark);min-width:100px}.status-value{color:var(--secondary)}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.status-badge.active{background:var(--success);color:var(--color-white)}.status-badge.inactive{background:var(--danger);color:var(--color-white)}.password-strength{margin:1rem 0;padding:1rem;background:var(--bg-card);border-radius:var(--radius)}.strength-meter{height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin-bottom:.5rem}.strength-bar{height:100%;width:0%;background:var(--danger);border-radius:3px;transition:var(--transition)}.strength-text{font-size:.9rem;color:var(--secondary)}.balance-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:1.5rem}.balance-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-card);border-radius:var(--radius);border-left:4px solid var(--primary);transition:var(--transition)}.balance-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.balance-card.total{border-left-color:var(--primary)}.balance-card.recharge{border-left-color:var(--success)}.balance-card.gift{border-left-color:var(--info)}.balance-icon{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--color-white);flex-shrink:0}.balance-card.total .balance-icon{background:var(--primary)}.balance-card.recharge .balance-icon{background:var(--success)}.balance-card.gift .balance-icon{background:var(--info)}.balance-label{font-size:.9rem;color:var(--secondary);margin-bottom:.25rem}.balance-amount{font-size:1.4rem;font-weight:600;color:var(--dark)}.security-settings{display:flex;flex-direction:column;gap:1.25rem}.security-item{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;background:var(--bg-card);border-radius:var(--radius);border-left:4px solid var(--primary);width:100%}.security-info h4{margin-bottom:.25rem;color:var(--dark)}.security-info p{color:var(--secondary);font-size:.9rem}.switch{position:relative;display:inline-block;width:50px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-gray-330);transition:var(--transition);border-radius:24px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:var(--color-white);transition:var(--transition);border-radius:50%}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translate(26px)}.balance-actions{display:flex;gap:1rem;margin-bottom:1.5rem}.recharge-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center}.recharge-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-black-40)}.recharge-modal-panel{position:relative;width:min(420px,90vw);background:var(--color-white);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:.8rem}.recharge-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:.4rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border:none;border-radius:var(--radius);font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem}.btn-primary{background:var(--primary);color:var(--color-white)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-secondary{background:var(--light);color:var(--secondary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.recharge-history,.login-history-list{margin-top:1.5rem}.recharge-history h3,.login-history-list h3{margin-bottom:1rem;color:var(--dark)}.history-list{background:var(--bg-card);border-radius:var(--radius);min-height:150px;width:100%}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem;color:var(--secondary);text-align:center}.empty-state i{font-size:2.5rem;margin-bottom:1rem;opacity:.5}.message-toast{position:fixed;top:20px;right:20px;padding:1rem 1.5rem;border-radius:var(--radius);color:var(--color-white);font-weight:500;z-index:1000;transform:translate(150%);transition:var(--transition);max-width:300px;box-shadow:var(--shadow-lg)}.message-toast.show{transform:translate(0)}.message-toast.success{background:var(--success)}.message-toast.error{background:var(--danger)}.message-toast.warning{background:var(--warning);color:var(--dark)}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-black-50);display:none;align-items:center;justify-content:center;z-index:2000}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--color-white);font-size:1.1rem}.loading-spinner i{font-size:2rem}@media (hover: none) and (pointer: coarse){.profile-content{max-width:95%;padding:1.25rem;gap:1.25rem}.profile-sidebar{flex:0 0 240px}.balance-cards{grid-template-columns:repeat(2,1fr)}.tab-content{padding:1.25rem}}@media (hover: none) and (pointer: coarse){.profile-header{padding:0 1rem}.header-content{gap:.5rem}.sidebar-toggle{display:block}.page-title{font-size:1.3rem}.user-welcome{display:none}.profile-content{padding:1rem;gap:0;flex-direction:column}.profile-sidebar{position:fixed;top:0;left:-100%;height:100vh;max-height:100vh;z-index:100;border-radius:0;transition:left .3s ease;flex:none;width:280px}.profile-sidebar.mobile-open{left:0}.sidebar-header{padding:1rem 1rem .5rem}.sidebar-close{display:block}.profile-main{flex:1;margin-left:0!important;max-height:none;height:auto;width:100%}.sidebar-overlay.mobile-open{display:block}.tab-content{padding:1rem;width:100%}.form-section{padding:1rem;margin-bottom:1rem}.balance-cards{grid-template-columns:1fr;gap:1rem}.balance-card{padding:1rem}.form-actions,.balance-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}.profile-form,.form-section,.form-group,.security-item,.history-list{width:100%}}@media (hover: none) and (pointer: coarse) and (orientation: portrait){.profile-header{padding:0 .8rem}.page-title{font-size:1.2rem}.profile-content{padding:.8rem}.profile-sidebar{width:260px}.tab-content{padding:.8rem}.tab-header h2{font-size:1.3rem}.form-group input{padding:.7rem .9rem;font-size:.9rem}.toggle-password{top:36px;right:10px}.balance-card{flex-direction:column;text-align:center;gap:.8rem}.balance-icon{width:45px;height:45px;font-size:1.1rem}.balance-amount{font-size:1.3rem}.status-item{flex-direction:column;align-items:flex-start;gap:.3rem}.status-label{min-width:auto}.security-item{flex-direction:column;align-items:flex-start;gap:1rem}.security-item .btn-secondary{width:100%;justify-content:center}}@media (hover: none) and (pointer: coarse) and (orientation: portrait){.profile-sidebar{width:240px}.menu-item{padding:.8rem 1rem;font-size:.9rem}.tab-header h2{font-size:1.2rem}.form-section h3{font-size:1rem}.btn-primary,.btn-secondary{padding:.7rem 1rem;font-size:.9rem}}@media (orientation: landscape) and (pointer: coarse){.profile-container{min-height:auto}.profile-header{padding:.5rem 1rem;height:60px}.profile-content{padding:.5rem;min-height:auto}.profile-sidebar{top:60px;max-height:calc(100vh - 60px)}}@media (hover: none) and (pointer: coarse){.menu-item,.btn-primary,.btn-secondary,.toggle-password,.sidebar-toggle,.sidebar-close{min-height:44px}.form-group input{font-size:16px}.profile-sidebar{-webkit-overflow-scrolling:touch}}@media (hover: hover) and (pointer: fine){.profile-content{padding:1rem;gap:1rem}.profile-sidebar{position:sticky;top:calc(var(--header-height) + 1rem);max-height:calc(100vh - var(--header-height) - 2rem)}.profile-main{max-height:calc(100vh - var(--header-height) - 2rem)}.tab-content{padding:1.25rem}.form-section{margin-bottom:1rem;padding:1rem}.balance-cards{gap:1rem;margin-bottom:1rem}.security-settings{gap:1rem}}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}:root{--primary: var(--color-emerald-500);--primary-dark: var(--color-emerald-600);--bg-light: var(--color-white);--bg-card: var(--color-gray-75);--text-dark: var(--color-gray-900);--text-muted: var(--color-gray-600);--border: var(--color-gray-300);--user-msg: var(--color-emerald-500);--ai-msg: var(--color-white);--shadow: 0 2px 10px var(--color-black-10)}body{background:linear-gradient(135deg,var(--color-gray-90) 0%,var(--color-gray-200) 100%);color:var(--text-dark);min-height:100vh;overflow:hidden}.main-container{display:flex;height:100vh;position:relative;background:linear-gradient(135deg,var(--color-gray-90) 0%,var(--color-gray-200) 100%)}.mobile-ai-nav-spacer{display:none}.sidebar{width:20%;min-width:260px;max-width:320px;background-color:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:transform .3s ease,width .3s ease;box-shadow:var(--shadow);z-index:100;position:relative}.sidebar.collapsed{transform:translate(-100%);width:0;min-width:0;max-width:0;overflow:hidden}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:10px}.sidebar-logo{display:flex;align-items:center;gap:10px;flex:1}.sidebar-logo-text{font-size:1.5rem;font-weight:700;color:var(--text-dark)}.sidebar-close{background:none;border:none;color:var(--text-dark);font-size:1.2rem;cursor:pointer;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.sidebar-close:hover{background-color:var(--color-black-05)}.sidebar .history-section{flex:1;min-height:0;padding:1rem;overflow:hidden;display:flex;flex-direction:column;gap:.35rem}.history-section h3{font-size:.9rem;margin-bottom:1rem;color:var(--text-muted);display:flex;align-items:center;gap:8px;padding:0 .5rem}.history-list{display:flex;flex-direction:column;gap:.5rem}.sidebar .history-list{min-height:0;background:transparent;border-radius:0}.sidebar .history-list.action-list{flex:0 0 auto;margin-bottom:0;padding-bottom:.25rem;border-bottom:1px solid var(--border);border-radius:0}.sidebar .history-list.action-list.desktop-only{gap:.25rem}.sidebar .history-list.action-list.desktop-only .history-item{margin:0;padding:.52rem .85rem;border-radius:10px;height:auto}.sidebar .history-list.action-list.desktop-only .history-item.new-chat-entry,.sidebar .history-list.action-list.desktop-only .history-item.search-entry{margin:0}.sidebar .history-list.action-list.desktop-only .history-icon{width:22px;height:22px;margin-top:0}.sidebar .history-list.action-list.desktop-only .history-content{gap:0}.sidebar .history-list.action-list.desktop-only .history-preview{margin-bottom:0;line-height:1.2}.sidebar .recent-history-list{padding-right:.15rem;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--color-emerald-500a40) var(--color-transparent)}.sidebar .recent-history-section{flex:1;min-height:0;display:flex;flex-direction:column;gap:.45rem}.sidebar .recent-history-heading{flex:0 0 auto;font-size:.9rem;margin:0;color:var(--text-muted);display:flex;align-items:center;gap:8px;padding:0 .5rem;line-height:1.2}.sidebar .recent-history-section .recent-history-list{flex:1;min-height:0}.sidebar .recent-history-list::-webkit-scrollbar{width:8px}.sidebar .recent-history-list::-webkit-scrollbar-track{background:transparent;border-radius:999px}.sidebar .recent-history-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-emerald-500a25),var(--color-emerald-500a40));border-radius:999px;border:2px solid transparent;background-clip:padding-box}.sidebar .recent-history-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--color-emerald-500a40),var(--color-emerald-500a60));background-clip:padding-box}.history-item{background-color:var(--color-white-80);padding:.8rem;border-radius:8px;cursor:pointer;transition:all .3s;display:flex;align-items:flex-start;gap:10px;border:1px solid var(--border);position:relative}.history-item:hover{background-color:var(--color-white);box-shadow:var(--shadow)}.history-item.active{background-color:var(--color-emerald-500a10);border-color:var(--primary)}.history-icon{width:24px;height:24px;border-radius:4px;background-color:var(--color-emerald-500a20);display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0;margin-top:2px;color:var(--primary)}.history-content{flex:1;min-width:0;display:flex;flex-direction:column}.history-preview{font-size:.9rem;font-weight:500;margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-dark);line-height:1.3}.history-title{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-actions{position:relative;display:flex;align-items:center}.history-menu-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:0;visibility:hidden}.history-item:hover .history-menu-btn{opacity:1;visibility:visible}.history-menu-btn:hover{background-color:var(--color-black-08);color:var(--text-dark)}.history-menu{position:absolute;top:100%;right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.5rem;min-width:150px;box-shadow:var(--shadow);display:none;flex-direction:column;z-index:1000;margin-top:5px}.history-menu.show{display:flex}.menu-item{padding:.6rem .8rem;border-radius:6px;cursor:pointer;transition:background-color .3s;display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-dark)}.menu-item:hover{background-color:var(--color-black-05)}.menu-item.rename-item:hover{color:var(--primary)}.menu-item.delete-item:hover{color:var(--color-red-500)}.menu-item i{width:16px;text-align:center;font-size:.8rem}.sidebar-footer{padding:1rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.user-profile{display:flex;align-items:center;gap:10px;cursor:pointer;padding:.5rem;border-radius:8px;transition:background-color .3s;flex:1}.user-profile:hover{background-color:var(--color-black-05)}.user-avatar{width:36px;height:36px;border-radius:50%;background-color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--color-white)}.user-name{font-size:.9rem;font-weight:500;color:var(--text-dark)}.settings-btn{background:none;border:none;color:var(--text-dark);font-size:1.2rem;cursor:pointer;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.settings-btn:hover{background-color:var(--color-black-05)}.settings-container{position:relative;display:flex;align-items:center}.settings-menu{position:absolute;bottom:70px;right:15px;background-color:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.8rem;width:180px;box-shadow:var(--shadow);display:none;flex-direction:column;gap:.5rem;z-index:1000}.settings-menu.show{display:flex}.settings-option{padding:.6rem 2rem .6rem .6rem;border-radius:6px;cursor:pointer;transition:background-color .3s;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.9rem;color:var(--text-dark)}.settings-icon{width:20px;text-align:center;font-size:1rem;flex-shrink:0}.settings-option:hover{background-color:var(--color-black-05)}.settings-option.has-submenu{position:relative}.settings-option.has-submenu:after{content:"";position:absolute;top:-6px;bottom:-6px;right:-16px;width:32px}.submenu{position:absolute;top:auto;bottom:0;left:100%;margin-left:8px;background-color:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.6rem;min-width:180px;box-shadow:var(--shadow);display:none;flex-direction:column;gap:.4rem;z-index:1100}.settings-option.has-submenu:hover .submenu{display:flex}.submenu-item{padding:.5rem .6rem;border-radius:6px;cursor:pointer;transition:background-color .2s;font-size:.88rem;color:var(--text-dark);white-space:nowrap}.submenu-item:hover{background-color:var(--color-black-05)}.content-area{flex:1;display:flex;flex-direction:column;position:relative;width:80%;transition:width .3s ease}.sidebar.collapsed+.content-area{width:100%}.content-icons{position:absolute;top:1rem;left:1rem;display:flex;gap:8px;z-index:50;transition:opacity .3s ease}.sidebar:not(.collapsed)+.content-area .content-icons{opacity:0;pointer-events:none}.logo-btn{display:flex;align-items:center;gap:8px;padding:.5rem .8rem;background:var(--color-black-0);border:0 solid var(--border);border-radius:8px;cursor:default;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo-text{font-size:1rem;font-weight:600;color:var(--text-dark)}.icon-btn{background:var(--color-white-90);border:1px solid var(--border);color:var(--text-dark);font-size:1rem;cursor:pointer;width:46px;height:46px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.icon-btn:hover{background:var(--color-white);box-shadow:var(--shadow)}.top-right-buttons{position:absolute;top:1rem;right:1rem;display:flex;gap:8px;z-index:50}.share-btn{background:var(--color-white-90);border:1px solid var(--border);color:var(--text-dark);font-size:1.2rem;cursor:pointer;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.share-btn:hover{background:var(--color-white);box-shadow:var(--shadow)}.mobile-history-btn{display:none;position:absolute;top:1rem;left:1rem;background:var(--color-white-90);border:1px solid var(--border);color:var(--text-dark);font-size:1.2rem;cursor:pointer;width:40px;height:40px;border-radius:8px;align-items:center;justify-content:center;transition:all .3s;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-history-btn:hover{background:var(--color-white);box-shadow:var(--shadow)}.mobile-new-chat-btn{display:none;background:var(--color-white-90);border:1px solid var(--border);color:var(--text-dark);font-size:1.2rem;cursor:pointer;width:40px;height:40px;border-radius:8px;align-items:center;justify-content:center;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-new-chat-btn:hover{background:var(--color-white);box-shadow:var(--shadow)}.chat-area{flex:1;display:flex;flex-direction:column;background:var(--color-transparent);max-width:60%;margin:0 auto;width:100%;position:relative;height:auto;min-height:0}.chat-title{font-size:1.2rem;font-weight:600;text-align:center;padding:1.5rem 1rem 1rem;color:var(--text-dark);flex-shrink:0;transition:all .3s ease}.chat-title.updating{animation:titleUpdate .5s ease}@keyframes titleUpdate{0%{transform:scale(1);color:var(--text-dark)}50%{transform:scale(1.05);color:var(--primary)}to{transform:scale(1);color:var(--text-dark)}}.chat-messages{flex:1;padding:1rem 1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;max-width:100%;margin:0 auto;width:100%;scrollbar-width:none;-ms-overflow-style:none;min-height:0}.chat-messages::-webkit-scrollbar{display:none}.welcome-message{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem;gap:2rem;flex-shrink:0}.welcome-logo{display:flex;flex-direction:column;align-items:center;gap:1rem}.welcome-logo-text{font-size:2rem;font-weight:700;color:var(--text-dark)}.welcome-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--color-emerald-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:var(--color-transparent);background-clip:text}.welcome-content p{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-dark)}.welcome-content .subtitle{font-size:1.2rem;color:var(--text-muted);font-style:italic}.message{display:flex;gap:12px;max-width:100%;background:var(--color-transparent);box-shadow:none}.message.user{align-self:flex-end;flex-direction:row-reverse}.avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.user .avatar{background-color:var(--primary);color:var(--color-white)}.ai .avatar{background-color:var(--color-gray-600);color:var(--color-white)}.message-content{padding:1rem;border-radius:12px;line-height:1.5;max-width:85%;word-wrap:break-word}.user .message-content{background-color:var(--user-msg);border-top-right-radius:0;color:var(--color-white)}.ai .message-content{background-color:var(--ai-msg);border-top-left-radius:0;color:var(--text-dark)}.chat-input-container{padding:0 1.5rem 1.5rem;background:var(--color-transparent);flex-shrink:0}.chat-input{border:1px solid var(--border);border-radius:12px;background-color:var(--color-white-90);overflow:hidden;box-shadow:var(--shadow)}.input-options{padding:.8rem 1rem 0;display:flex;gap:10px}.chat-option-btn{background-color:var(--color-transparent);border:1px solid var(--border);color:var(--text-dark);padding:.4rem .8rem;border-radius:6px;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:6px;font-size:.8rem}.chat-option-btn:hover{background-color:var(--color-black-05)}.chat-option-btn.active{background-color:var(--color-emerald-500a10);border-color:var(--primary);color:var(--primary)}.input-wrapper{display:flex;gap:12px;padding:1rem;align-items:flex-end}.chat-input textarea{flex:1;background-color:var(--color-transparent);border:none;color:var(--text-dark);resize:none;height:80px;outline:none;font-size:.9rem;line-height:1.5;min-height:80px}.chat-input textarea::placeholder{color:var(--text-muted)}.send-btn{background-color:var(--primary);color:var(--color-white);border:none;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s;flex-shrink:0}.send-btn:hover{background-color:var(--primary-dark)}.send-btn:disabled{background-color:var(--border);cursor:not-allowed}.input-footer{text-align:center;margin-top:.5rem}.input-footer span{font-size:.8rem;color:var(--text-muted)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-black-50);z-index:90}.sidebar-overlay.active{display:block}.rename-dialog{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-black-50);display:none;align-items:center;justify-content:center;z-index:2000}.rename-dialog.show{display:flex}.rename-dialog-content{background:var(--bg-card);border-radius:12px;padding:1.5rem;width:90%;max-width:400px;box-shadow:var(--shadow)}.rename-dialog h3{margin-bottom:1rem;color:var(--text-dark);font-size:1.1rem}.rename-input{width:100%;padding:.8rem;border:1px solid var(--border);border-radius:8px;font-size:.9rem;margin-bottom:1rem;background:var(--bg-light);color:var(--text-dark)}.rename-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--color-emerald-500a20);transition:all .3s ease}.rename-dialog-actions{display:flex;gap:.8rem;justify-content:flex-end}.rename-dialog-btn{padding:.6rem 1.2rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s}.rename-dialog-btn.cancel{background:var(--color-transparent);color:var(--text-muted);border:1px solid var(--border)}.rename-dialog-btn.cancel:hover{background:var(--color-black-05)}.rename-dialog-btn.confirm{background:var(--primary);color:var(--color-white)}.rename-dialog-btn.confirm:hover{background:var(--primary-dark)}.delete-confirm-dialog{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-black-50);display:none;align-items:center;justify-content:center;z-index:2000}.delete-confirm-dialog.show{display:flex}.delete-confirm-content{background:var(--bg-card);border-radius:12px;padding:1.5rem;width:90%;max-width:350px;box-shadow:var(--shadow);text-align:center}.delete-confirm-content.deleting{animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.delete-confirm-content h3{margin-bottom:1rem;color:var(--text-dark);font-size:1.1rem}.delete-confirm-content p{margin-bottom:1.5rem;color:var(--text-muted);font-size:.9rem;line-height:1.4}.delete-confirm-actions{display:flex;gap:.8rem;justify-content:center}.delete-confirm-btn{padding:.6rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s;min-width:80px}.delete-confirm-btn.cancel{background:var(--color-transparent);color:var(--text-muted);border:1px solid var(--border)}.delete-confirm-btn.cancel:hover{background:var(--color-black-05)}.delete-confirm-btn.confirm{background:var(--color-red-500);color:var(--color-white)}.delete-confirm-btn.confirm:hover{background:var(--color-red-700)}.custom-message{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:12px 20px;border-radius:8px;z-index:10000;font-size:14px;box-shadow:0 4px 12px var(--color-black-10);max-width:80%;text-align:center}.custom-message.info{background:var(--color-cyan-150);color:var(--color-cyan-700);border:1px solid var(--color-cyan-100)}.custom-message.error{background:var(--color-red-100);color:var(--color-red-900);border:1px solid var(--color-red-150)}.language-toggle-btn{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--color-emerald-500) 0%,var(--color-emerald-600) 100%);color:var(--color-white);border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px var(--color-emerald-500a30);display:flex;align-items:center;gap:6px}.language-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--color-emerald-500a40);background:linear-gradient(135deg,var(--color-emerald-600) 0%,var(--color-emerald-700) 100%)}.language-toggle-btn:active{transform:translateY(0);box-shadow:0 2px 8px var(--color-emerald-500a40)}.language-toggle-btn.active{background:linear-gradient(135deg,var(--color-blue-500) 0%,var(--color-blue-600) 100%);box-shadow:0 4px 12px var(--color-blue-500a30)}.language-toggle-btn.active:hover{background:linear-gradient(135deg,var(--color-blue-600) 0%,var(--color-blue-700) 100%);box-shadow:0 6px 16px var(--color-blue-500a40)}.language-toggle-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,var(--color-transparent),var(--color-white-30),var(--color-transparent));transition:left .5s}.language-toggle-btn:hover:before{left:100%}.language-toggle-btn .btn-text{transition:all .3s ease}.logout-option{color:var(--color-red-500);border-top:1px solid var(--color-gray-300);margin-top:8px;padding-top:12px}.logout-option:hover{background-color:var(--color-red-500a10)}.logout-option i{color:var(--color-red-500)}.no-history{text-align:center;padding:20px;color:var(--color-gray-580);font-style:italic}.image-wrapper{position:relative;margin:.5rem 0;display:flex;flex-direction:column;align-items:center}.ai-generated-image{max-width:100%;height:auto;border-radius:12px;box-shadow:var(--shadow);transition:all .3s ease;border:1px solid var(--border);background:var(--bg-light);animation:imageFadeIn .5s ease-out}@keyframes imageFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ai-generated-image:hover{transform:translateY(-2px);box-shadow:0 4px 20px var(--color-black-15)}.image-loading{display:flex;align-items:center;gap:.5rem;padding:1rem;color:var(--text-muted);font-size:.9rem;background:var(--bg-card);border-radius:8px;margin-bottom:.5rem}.image-loading i{color:var(--primary)}.image-error{color:var(--color-red-500);font-size:.8rem;text-align:center;padding:.5rem;background:var(--color-red-500a10);border-radius:6px;margin-top:.5rem}.image-retry-btn{background:var(--primary);color:var(--color-white);border:none;border-radius:6px;padding:.4rem .8rem;font-size:.8rem;cursor:pointer;transition:background-color .3s;display:flex;align-items:center;gap:.3rem;margin-top:.5rem}.image-retry-btn:hover{background:var(--primary-dark)}.image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem;margin:.5rem 0}.image-grid .image-wrapper{margin:0}.image-grid .ai-generated-image{width:100%;height:auto}.image-caption{font-size:.8rem;color:var(--text-muted);text-align:center;margin-top:.3rem;font-style:italic}.loading-history{text-align:center;padding:20px;color:var(--primary);font-style:italic;display:flex;align-items:center;justify-content:center;gap:8px;animation:loadingPulse 1.5s ease-in-out infinite}.loading-history:before{content:"";width:16px;height:16px;border:2px solid var(--primary);border-top:2px solid var(--color-transparent);border-radius:50%;animation:spin 1s linear infinite}@keyframes loadingPulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.session-status{position:fixed;bottom:10px;right:10px;background:var(--color-black-70);color:var(--color-white);padding:5px 10px;border-radius:4px;font-size:12px;z-index:1000;opacity:.8;transition:opacity .3s ease}.session-status:hover{opacity:1}.session-status.healthy{background:var(--color-emerald-500a80)}.session-status.warning{background:var(--color-yellow-500a80)}.session-status.expiring{background:var(--color-red-600a80);animation:pulse 1s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.history-item.updating{animation:historyItemUpdate .3s ease}@keyframes historyItemUpdate{0%{background-color:var(--color-emerald-500a10);border-color:var(--primary)}to{background-color:var(--color-white-80);border-color:var(--border)}}.realtime-update-indicator{position:absolute;top:5px;right:5px;width:8px;height:8px;border-radius:50%;background-color:var(--primary);animation:pulse 2s infinite}.operation-success{position:fixed;top:20px;left:50%;transform:translate(-50%);background:var(--color-emerald-500a90);color:var(--color-white);padding:12px 20px;border-radius:8px;z-index:10000;font-size:14px;box-shadow:0 4px 12px var(--color-black-10);animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translate(-50%) translateY(-20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.history-item.highlight{background-color:var(--color-emerald-500a15)!important;border-color:var(--primary)!important;box-shadow:0 0 0 2px var(--color-emerald-500a20);transition:all .3s ease}.history-list{transition:opacity .2s ease}.history-list.updating{opacity:.7}@media (hover: none) and (pointer: coarse){.sidebar{width:80%;max-width:300px;position:fixed;height:100%;z-index:100;top:0;left:0}.content-area{width:100%!important}.chat-area{max-width:100%;width:100%}.sidebar-overlay.active{display:block}.chat-title{font-size:1.1rem;padding:1rem 1rem .5rem}.chat-title.updating{animation:mobileTitleUpdate .5s ease}@keyframes mobileTitleUpdate{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.content-icons{display:none}.mobile-history-btn{display:flex}.share-btn{display:none}.mobile-new-chat-btn{display:flex}.logo-btn{padding:.4rem .6rem}.logo-text{font-size:.9rem}.welcome-content h2{font-size:2rem}.welcome-content p{font-size:1.2rem}.welcome-content .subtitle{font-size:1rem}.welcome-logo-text{font-size:1.5rem}.chat-messages{padding:.5rem 1rem}.message{max-width:95%}.chat-input-container{padding:0 1rem 1rem}.message-content{max-width:90%;padding:.8rem;font-size:.9rem}.input-wrapper{padding:.8rem}.avatar{width:30px;height:30px;font-size:.8rem}.history-menu-btn{opacity:1;visibility:visible}.history-menu{right:-10px}.rename-dialog-content,.delete-confirm-content{margin:1rem;width:calc(100% - 2rem)}.history-preview{font-size:.85rem}.history-title{font-size:.7rem}.operation-success{width:90%;text-align:center;font-size:13px;padding:10px 16px}.session-status{bottom:5px;right:5px;font-size:10px;padding:3px 6px}.image-grid{grid-template-columns:1fr;gap:.5rem}.ai-generated-image{border-radius:6px}.image-loading{padding:.8rem;font-size:.8rem}}@media (hover: none) and (pointer: coarse) and (orientation: portrait){.sidebar{width:85%}.history-section{padding:.8rem}.history-item{padding:.6rem}.mobile-history-btn,.top-right-buttons{top:.5rem}.mobile-history-btn{left:.5rem}.top-right-buttons{right:.5rem}}@media (hover: hover) and (pointer: fine){.ai-generated-image{max-width:500px}}@media (hover: none) and (pointer: coarse){.ai-generated-image{max-width:400px}}@media (hover: none) and (pointer: coarse){.ai-generated-image{max-width:100%;border-radius:8px}.image-wrapper{margin:.3rem 0}}.ai .message-content .ai-generated-image{max-width:100%;margin:.5rem 0}.message-content img{max-width:100%;height:auto}.connection-status{position:fixed;top:10px;right:10px;background:var(--color-black-70);color:var(--color-white);padding:5px 10px;border-radius:15px;font-size:12px;z-index:1000;display:flex;align-items:center;gap:5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.connection-status.connected{background:var(--color-green-400a70)}.connection-status.disconnected{background:var(--color-red-400a70)}.connection-status.connecting{background:var(--color-orange-500a70)}.connection-status .fas{font-size:10px}.history-item.new-chat-entry{border-style:dashed;border-color:var(--color-emerald-500a40);background:var(--color-emerald-500a08);margin-bottom:.5rem;align-items:center;flex-direction:row;width:100%;box-sizing:border-box;padding:.6rem 1rem;margin-left:-.25rem;margin-right:-.25rem}.history-item.new-chat-entry.desktop-only{border-style:dashed;border-color:var(--color-emerald-500a40);background:var(--color-emerald-500a08);margin-bottom:.75rem;flex-direction:row}.history-item.new-chat-entry:hover{background:var(--color-emerald-500a15);box-shadow:none}.history-item.new-chat-entry .history-icon{background-color:var(--color-emerald-500a30);color:var(--primary);font-weight:700}.history-item.new-chat-entry .history-preview{color:var(--text-dark);font-weight:600}.history-item.new-chat-entry .history-content{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.history-item.search-entry{border-style:dashed;border-color:var(--color-emerald-500a40);background:var(--color-emerald-500a08);margin:0;align-items:center;flex-direction:row;width:100%;box-sizing:border-box;padding:.6rem 1rem}.history-item.search-entry:hover{background:var(--color-emerald-500a15);box-shadow:none}.history-item.search-entry .history-icon{background-color:var(--color-emerald-500a30);color:var(--primary);font-weight:700}.history-item.search-entry .history-preview{color:var(--text-dark);font-weight:600}.history-item.search-entry .history-content{display:flex;flex-direction:column;align-items:flex-start;gap:2px}@media (max-width: 768px){.main-container{height:100svh}.mobile-ai-nav-spacer{display:block;flex:0 0 auto;height:calc(env(safe-area-inset-top,0px) + 92px)}.sidebar{position:fixed;top:0;bottom:0;left:0;width:min(82vw,320px);min-width:min(82vw,320px);max-width:min(82vw,320px);height:100%;z-index:110;background:var(--color-white-92);box-shadow:0 18px 36px var(--color-slate-900a12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sidebar.collapsed{transform:translate(-100%);width:min(82vw,320px);min-width:min(82vw,320px);max-width:min(82vw,320px);overflow:hidden;pointer-events:none}.sidebar-header{padding:calc(env(safe-area-inset-top,0px) + 22px) 16px 14px}.sidebar .history-section{padding:14px 16px 10px;gap:.45rem}.quota-panel{padding:0 16px 16px}.content-area{width:100%!important}.chat-area,.chat-area.wide,.sidebar.collapsed+.content-area .chat-area.wide{max-width:100%;width:100%}.chat-area{padding:0 12px 24px}.chat-title{padding:0 0 .75rem;font-size:1rem}.chat-messages{padding:.5rem 0 1rem;gap:1rem}.chat-input-container{padding:0 0 .75rem}.chat-input{width:100%}.input-options{flex-wrap:wrap;gap:8px;padding:.7rem .75rem 0}.input-wrapper{gap:8px;padding:.7rem .75rem .8rem}.chat-input textarea{width:100%;min-width:0}.send-btn{width:36px;height:36px}.content-icons{display:none}.sidebar-overlay.active{display:block;z-index:105}}