@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";:root{--color-primary: #D4AF37;--color-primary-light: #F3E5AB;--color-primary-dark: #996515;--color-primary-glow: rgba(212, 175, 55, .15);--color-bg: #050505;--color-surface: #0D0D0D;--color-surface-2: #141414;--color-surface-3: #1C1C1C;--color-border: rgba(212, 175, 55, .12);--color-border-subtle: rgba(255, 255, 255, .04);--color-text: #E2E2E2;--color-text-muted: #888888;--color-text-faint: #333333;--color-success: #A3B18A;--color-warning: #E9C46A;--color-danger: #E76F51;--color-info: #457B9D;--color-calendar: #457B9D;--color-finance: #D4AF37;--color-mail: #A3B18A;--color-files: #6B705C;--color-habits: #B5838D;--font-sans: "Outfit", sans-serif;--font-display: "Playfair Display", serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--shadow-glow: 0 0 40px var(--color-primary-glow);--shadow-card: 0 10px 40px rgba(0, 0, 0, .8);--shadow-sidebar: 2px 0 30px rgba(0, 0, 0, .6);--transition-fast: .2s cubic-bezier(.2, 0, 0, 1);--transition-normal: .4s cubic-bezier(.2, 0, 0, 1);--transition-slow: .7s cubic-bezier(.2, 0, 0, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-surface-3);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;margin:0;line-height:1.2}a{color:var(--color-primary-light);text-decoration:none}a:hover{text-decoration:underline}.app-shell{display:grid;grid-template-columns:72px 1fr;grid-template-rows:100vh;height:100vh;width:100vw;overflow:hidden}@media (max-width: 768px){.app-shell{grid-template-columns:1fr;grid-template-rows:1fr calc(64px + env(safe-area-inset-bottom))}}.sidebar{display:flex;flex-direction:column;align-items:center;padding:16px 0;background:var(--color-surface);border-right:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sidebar);z-index:100;gap:8px}@media (max-width: 768px){.sidebar{flex-direction:row;align-items:stretch;padding:0;padding-bottom:env(safe-area-inset-bottom);border-right:none;border-top:1px solid var(--color-border-subtle);grid-row:2;width:100%;height:auto;gap:0}.sidebar__logo,.sidebar__bottom,#user-avatar{display:none!important}}.mobile-only{display:none!important}@media (max-width: 768px){.mobile-only{display:flex!important}}.sidebar__logo{width:44px;height:44px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:4px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:20px;color:#000;margin-bottom:24px;box-shadow:0 0 20px #d4af374d;border:1px solid rgba(255,255,255,.1)}.sidebar__nav{display:flex;flex-direction:column;gap:4px;flex:1;width:100%;padding:0 8px}@media (max-width: 768px){.sidebar__nav{flex-direction:row;align-items:stretch;padding:0;height:100%;flex:1;gap:0}}.sidebar__item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:10px 0;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);color:var(--color-text-muted);font-size:9px;font-weight:500;gap:4px;letter-spacing:.02em;border:none;background:transparent;text-decoration:none}@media (max-width: 768px){.sidebar__item{flex:1 1 0;min-width:0;height:100%;padding:0 2px;gap:3px;border-radius:0}.sidebar__item span{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.sidebar__bottom .sidebar__item span{display:none}}.sidebar__item:hover{background:var(--color-surface-2);color:var(--color-text)}.sidebar__item.active{background:#d4af3714;color:var(--color-primary);box-shadow:inset 4px 0 0 var(--color-primary)}@media (max-width: 768px){.sidebar__item.active{box-shadow:inset 0 4px 0 var(--color-primary)}#user-avatar{width:28px!important;height:28px!important;margin-left:4px}}.main-content{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--color-bg)}@media (max-width: 768px){.main-content{height:calc(100vh - 64px - env(safe-area-inset-bottom));padding:0!important}.finance-root,.calendar-root,.habits-root,.settings-root,.files-root,.mail-root{padding:12px 10px!important;gap:16px!important}.mail-detail-pane{padding:16px 12px!important}.chat-header{padding:12px 14px 10px!important}.chat-message-list{padding:12px 14px!important}.chat-input-wrapper{padding:0 10px 10px!important}}.calendar-root,.habits-root{width:100%;max-width:100%;overflow-x:hidden}@media (max-width: 768px){.calendar-root header,.finance-root header{flex-direction:column;gap:12px!important;align-items:stretch!important}.calendar-root header>div,.finance-root header>div{justify-content:space-between!important;width:100%;gap:8px}.calendar-root .event-chip{font-size:9px!important}.calendar-root h1,.finance-root h1{font-size:18px!important;min-width:auto!important;flex:1;text-align:center}}.mail-container{display:flex;gap:20px;height:100%;overflow:hidden}.mail-list-pane{width:400px;flex-shrink:0;display:flex;flex-direction:column;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);overflow:hidden}.mail-detail-pane{flex:1;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);display:flex;flex-direction:column;overflow:hidden}.mail-back-btn{display:none}@media (max-width: 768px){.mail-container{position:relative;gap:0}.mail-list-pane{width:100%!important}.mail-list-pane.hidden-mobile{display:none!important}.mail-detail-pane{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;width:100%!important;display:none}.mail-detail-pane.visible-mobile,.mail-back-btn{display:flex!important}}.finance-balance-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.finance-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1}@media (max-width: 768px){.finance-balance-cards{grid-template-columns:1fr!important}.finance-charts-row{display:flex!important;flex-direction:column!important;overflow-y:visible!important;flex:none!important}.finance-chart-card,.finance-transactions-card{width:100%!important;min-height:400px;flex-shrink:0}.finance-root header button span{display:none}.finance-root header button:has(svg) span{display:none}}.habits-grid{display:grid;grid-template-columns:1fr 380px;gap:24px}@media (max-width: 1100px){.habits-grid{grid-template-columns:1fr}}@media (max-width: 768px){.habits-grid{gap:16px;padding-bottom:24px}.habits-consistency-grid{display:flex!important;flex-wrap:wrap!important;gap:4px!important;overflow-x:hidden!important}}.glass-card{background:#0d0d0d99;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);max-width:100%;overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none;white-space:nowrap}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 0 16px var(--color-primary-glow)}.btn-ghost{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border-subtle)}.input{width:100%;background:var(--color-surface-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-sans);font-size:14px;padding:10px 14px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp var(--transition-normal) ease forwards}@media (max-width: 768px){.settings-root{padding:16px 14px!important;gap:16px!important}.settings-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.settings-header button{width:100%!important;justify-content:center!important}.settings-tone-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.settings-tone-grid>button:last-child{grid-column:1 / -1;max-width:240px;margin:0 auto;width:100%}.settings-root section{padding:18px 14px!important;gap:16px!important}.settings-root section>div:first-child{gap:10px!important;padding-bottom:12px!important}.settings-badge{display:block!important;margin-left:0!important;margin-top:4px!important}}