@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{color-scheme:light;font-family:Plus Jakarta Sans,sans-serif;--bg: #f3f5f0;--surface: #ffffff;--surface-2: #eef2ee;--surface-3: #e2e8e1;--text: #1d2521;--muted: #6b756f;--accent: #1f7a63;--accent-2: #21a07f;--border: #d8dfd7;--shadow: 0 18px 40px rgba(28, 39, 33, .12)}:root[data-theme=dark]{color-scheme:dark;--bg: #0f1412;--surface: #141b18;--surface-2: #1b2420;--surface-3: #222e28;--text: #eef2ef;--muted: #9ba6a0;--accent: #2cbf96;--accent-2: #5adcb2;--border: #223029;--shadow: 0 18px 40px rgba(0, 0, 0, .35)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font-family:inherit}select{border:1px solid var(--border);border-radius:12px;padding:10px 36px 10px 12px;background:var(--surface-3);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 20 20' fill='none'><path d='M5 7l5 6 5-6' stroke='%236b756f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 12px;color:var(--text);-webkit-appearance:none;-moz-appearance:none;appearance:none}.app{min-height:100vh}.sidebar{position:fixed;top:0;left:0;height:100vh;width:240px;overflow-y:auto;background:var(--surface);border-right:1px solid var(--border);padding:24px;display:flex;flex-direction:column;gap:24px;transition:transform .3s ease,box-shadow .3s ease;z-index:5}.nav-toggle{display:none;border:none;background:transparent;padding:8px;cursor:pointer;border-radius:12px;align-items:center;justify-content:center;gap:4px;flex-direction:column;width:44px;height:32px}.nav-toggle span{width:22px;height:2px;border-radius:2px;background:var(--text);display:block;transition:transform .2s ease}.nav-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sidebar-overlay{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.search-toggle{display:inline-flex;border:none;background:transparent;padding:8px;cursor:pointer;border-radius:12px;color:var(--text);align-items:center;justify-content:center;gap:2px}.search-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c0b73;display:none;z-index:18}.search-backdrop.is-visible{display:block}.logo{display:flex;gap:12px;align-items:center}.logo__mark{width:44px;height:44px;border-radius:14px;display:block;overflow:hidden;box-shadow:0 14px 28px #1f7a633d}.logo__mark img{width:100%;height:100%;display:block}.logo p{margin:0;font-weight:600}.logo span{color:var(--muted);font-size:12px}.nav{display:flex;flex-direction:column;gap:6px}.nav__item{border:none;background:transparent;color:var(--text);padding:10px 12px;border-radius:12px;display:flex;align-items:center;gap:10px;cursor:pointer}.nav__item.is-active{background:var(--surface-2);font-weight:600}.nav__dot{width:8px;height:8px;background:var(--accent);border-radius:999px}.sidebar__profile{margin-top:auto;background:var(--surface-2);padding:16px;border-radius:16px;display:grid;gap:12px}.sidebar__user{display:flex;gap:10px;align-items:center}.user-icon{width:36px;height:36px;border-radius:12px;background:var(--surface-3);color:var(--text);display:grid;place-items:center}.sidebar__user strong{display:block;font-size:14px}.sidebar__user span{display:block;color:var(--muted);font-size:12px}.main{padding:28px 36px 36px;margin-left:240px;min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.topbar__left,.topbar__right{display:flex;align-items:center;gap:12px}.pill{border:none;padding:8px 16px;border-radius:999px;background:var(--surface-2);color:var(--text);cursor:pointer}.search{display:none}.search input,.search.is-expanded input{font-size:16px}.search.is-expanded{display:flex;flex-direction:column;position:fixed;top:16px;left:50%;transform:translate(-50%);width:min(720px,calc(100% - 32px));background:var(--surface);border-radius:18px;border:1px solid var(--border);padding:16px;gap:12px;box-shadow:var(--shadow);z-index:21}.search.is-expanded input{border:1px solid var(--border);border-radius:12px;padding:10px 14px;background:var(--surface-2);color:var(--text);width:100%;min-width:0}.search__results{width:100%;display:grid;gap:12px}.search__section span{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.search__item{width:100%;text-align:left;border:none;background:var(--surface-2);color:var(--text);padding:8px 10px;border-radius:10px;cursor:pointer;margin-bottom:6px}.search__item:last-child{margin-bottom:0}.search__empty{color:var(--muted);font-size:13px}.icon-btn{border:1px solid var(--border);background:var(--surface);padding:8px 14px;border-radius:999px;color:var(--text)}.toggle{border:1px solid var(--border);background:var(--surface-2);padding:8px 14px;border-radius:999px;color:var(--text)}.notif{position:relative}.notif__btn{position:relative;display:grid;place-items:center}.notif__badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--accent);color:#fff;font-size:11px;display:grid;place-items:center;border:2px solid var(--surface)}.notif__menu{position:absolute;top:46px;right:0;width:min(320px,90vw);background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:12px;z-index:20}.notif__header{display:flex;align-items:center;justify-content:space-between;font-weight:600;margin-bottom:10px}.notif__meta{display:flex;gap:8px}.notif__meta .ghost{padding:4px 10px}.notif__list{display:grid;gap:10px}.notif__item{display:grid;gap:8px;padding:10px;border-radius:12px;background:var(--surface-2)}.notif__item span{display:block;font-size:12px;color:var(--muted)}.notif__actions{display:flex;gap:8px}.notif__empty{color:var(--muted);font-size:13px;padding:6px 0}.user-menu{position:relative;display:flex;align-items:center;gap:10px}.user-menu__panel{position:absolute;top:46px;right:0;width:200px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:8px;display:grid;gap:6px;z-index:20}.user-menu__item{border:none;background:transparent;color:var(--text);text-align:left;padding:8px 10px;border-radius:10px;cursor:pointer}.user-menu__item:hover{background:var(--surface-2)}.avatar{width:36px;height:36px;border-radius:12px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:600;border:none;cursor:pointer}.page-title{margin:28px 0 20px;display:flex;justify-content:space-between;align-items:center}.page-title h1{margin:0 0 6px;font-size:28px}.page-title p{margin:0;color:var(--muted)}.page-actions{display:flex;gap:10px;align-items:center}.cards{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}.dashboard-tile{display:grid;gap:12px}.dashboard-tile.is-dragging{opacity:0}.dashboard-tile__header{cursor:grab;-webkit-user-select:none;user-select:none}.tile-controls{display:flex;gap:8px;align-items:center}.tile-controls--stacked{flex-wrap:wrap;row-gap:8px}.card__body--spaced{display:grid;gap:12px}.card__body-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.card__body-row h4{margin:0;font-size:14px;color:var(--muted)}.month-input{border:1px solid var(--border);border-radius:999px;padding:6px 10px;background:var(--surface-3);color:var(--text);-webkit-appearance:none;-moz-appearance:none;appearance:none}.select--compact{padding:6px 32px 6px 10px}.range-toolbar{display:flex;align-items:center;justify-content:space-between}.range-actions{display:flex;align-items:center;gap:10px}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:12px}.table th,.table td{border:1px solid var(--border);padding:6px 8px;text-align:left;white-space:nowrap}.table thead th{background:var(--surface-2)}.table tfoot td{font-weight:600;background:var(--surface-2)}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.tile--small{grid-column:span 1}.tile--medium{grid-column:span 2}.tile--large{grid-column:span 3}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.card{background:var(--surface);border-radius:20px;padding:18px;box-shadow:var(--shadow);border:1px solid var(--border)}.card--wide{grid-column:span 2}.card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card h3{margin:0 0 10px}.stat strong{font-size:26px}.muted{color:var(--muted)}.metric-list{display:grid;gap:10px}.metric-list div{display:flex;justify-content:space-between;font-size:14px}.list{display:grid;gap:12px}.list__item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:14px;background:var(--surface-2);gap:12px;border:1px solid transparent}.list--compact{gap:8px}.list__item.is-active{border-color:var(--accent);box-shadow:0 0 0 2px #1f7a6333}.list__item span{display:block;color:var(--muted);font-size:12px}.list__meta{display:flex;flex-wrap:wrap;gap:10px}.list__actions{display:flex;align-items:center;gap:12px}.badge{background:var(--surface);color:var(--accent);border:1px solid var(--accent);padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.list__actions p{margin:0;font-weight:600}.chart-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px;align-items:end}.chart-bar{display:grid;gap:6px;justify-items:center;font-size:12px;color:var(--muted)}.chart-bar__fill{width:24px;border-radius:999px;background:linear-gradient(180deg,var(--accent),var(--accent-2))}.chart-bar span{white-space:nowrap}.chart-bars--xaxis{grid-auto-flow:column;grid-auto-columns:minmax(52px,1fr);grid-template-columns:none;overflow-x:auto;padding-bottom:6px}.chart-bars--horizontal{grid-template-columns:1fr;align-items:center}.chart-bars--horizontal .chart-bar{display:flex;align-items:center;gap:10px;width:100%}.chart-bars--horizontal .chart-bar__fill{height:10px;flex:1;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.donut{display:grid;place-items:center;margin:20px 0 10px}.donut__track{width:140px;height:140px;border-radius:50%;display:grid;place-items:center;position:relative}.donut__track:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:var(--surface)}.donut__center{position:absolute;text-align:center;display:grid;gap:4px;z-index:2}.donut__center strong{font-size:24px}.pie{display:grid;gap:12px}.pie__chart{width:180px;height:180px;border-radius:50%;margin:0 auto;border:10px solid var(--surface)}.pie__legend{display:grid;gap:8px;font-size:13px}.pie__item{display:flex;align-items:center;justify-content:space-between;gap:8px}.pie__label{display:flex;align-items:center;gap:8px}.pie__dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:8px}.line-chart{display:grid;gap:8px}.line-chart svg{width:100%;height:90px}.line-chart__labels{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.stacked-chart{display:grid;gap:12px}.stacked-chart__bars{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(52px,1fr);gap:12px;align-items:end;overflow-x:auto;padding-bottom:6px}.stacked-chart__bar{display:grid;gap:6px;justify-items:center;font-size:12px;color:var(--muted)}.stacked-chart__stack{display:flex;flex-direction:column-reverse;width:22px;height:120px;border-radius:999px;overflow:hidden;background:var(--surface-3)}.stacked-chart__segment{display:block;width:100%}.stacked-chart__legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;font-size:12px;color:var(--muted)}.expense-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.summary-layout{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-top:18px}.summary-main{display:grid;grid-template-rows:auto 1fr;min-height:420px}.summary-main .card__header{margin-bottom:12px}.summary-list{overflow-y:auto;padding-right:6px;display:grid;gap:10px;align-content:start;align-items:start;grid-auto-rows:max-content}.summary-list .list__item{padding:12px 14px;align-items:center;background:var(--surface-2)}.summary-side{display:grid;gap:18px;align-content:start}.summary-actions{display:flex;align-items:center;gap:10px}.expense-tile{background:var(--surface-2);border-radius:16px;padding:12px;display:grid;gap:6px}.positive{color:#2e9f6f;font-size:12px}.negative{color:#e06666;font-size:12px}.primary{border:none;padding:10px 16px;border-radius:12px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer}.ghost{border:1px solid var(--border);background:transparent;color:var(--text);border-radius:999px;padding:6px 12px;cursor:pointer}.secondary{border:1px solid #2b5f52;background:#1f3d36;color:#d6f0e5;border-radius:999px;padding:8px 14px;cursor:pointer}:root[data-theme=dark] .secondary{border-color:#3a8b74;background:#1e3f37;color:#e0f5ed}.danger{border:1px solid #e3a0a0;background:#f7d7d7;color:#5a1c1c;border-radius:999px;padding:6px 12px;cursor:pointer}:root[data-theme=dark] .danger{border-color:#5b2a2a;background:#3a1a1a;color:#f2c6c6}@media (max-width: 1200px){.cards{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tile--large,.tile--medium{grid-column:span 2}.grid{grid-template-columns:1fr 1fr}.summary-layout{grid-template-columns:1fr}.card--wide{grid-column:auto}.expense-grid{grid-template-columns:1fr 1fr}}@media (max-width: 900px){.main{margin-left:0;padding:20px}.grid,.dashboard-grid{grid-template-columns:1fr}.tile--small,.tile--medium,.tile--large{grid-column:span 1}}@media (max-width: 768px){.sidebar{transform:translate(-100%);border-bottom:none;box-shadow:none;z-index:11}.sidebar.is-open{transform:translate(0);box-shadow:0 18px 40px #00000040}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c0b73;display:none;z-index:10}.sidebar-overlay.is-visible{display:block}.main{padding:16px}.topbar{flex-direction:row;align-items:center;gap:12px;justify-content:space-between;position:relative}.topbar__left{width:auto;display:flex;align-items:center;gap:10px}.topbar__right{justify-content:flex-end;gap:10px;width:auto}.nav-toggle{display:inline-flex}.search__results{position:relative;top:auto;left:auto;box-shadow:none;border:1px solid var(--border);margin-top:8px}.search input{width:100%;min-width:0;padding-right:12px}.page-title{flex-direction:column;align-items:flex-start}.page-actions{flex-wrap:wrap;width:100%}.range-toolbar{flex-direction:column;gap:10px}.card,.auth__form,.modal__content{padding:14px}.card{border-radius:18px}.dashboard-grid,.cards,.grid,.summary-layout,.expense-grid{gap:12px}.list__item{flex-direction:column;align-items:flex-start;gap:12px}.list__actions{flex-wrap:wrap;gap:6px;width:100%}.user-menu__panel{right:auto;left:0}.notif__menu{position:fixed;top:60px;right:16px;left:auto;width:min(320px,calc(100% - 32px));margin:0}.user-menu__panel{position:fixed;top:60px;right:16px;left:auto;width:min(280px,calc(100% - 32px))}.dashboard-tile__header{flex-wrap:wrap;align-items:flex-start;gap:8px}.dashboard-tile__header h3{margin:0}.tile-controls{width:100%;justify-content:flex-start;flex-wrap:wrap}.tile-controls .select--compact{flex:1 1 140px}}@media (max-width: 560px){.search__results{position:static;box-shadow:none;border:none}.search__item,.user-menu__panel,.notif__menu{border-radius:14px}.notif__badge{top:-4px;right:-4px}.modal__content{width:100%;margin:0 8px}.auth__hero{flex-direction:column;gap:16px}.auth__intro{padding:20px}.note-form{grid-template-columns:1fr}.note-form input{width:100%}.table th,.table td{font-size:11px;padding:6px}.table-wrap{margin:0 -14px}}.auth{min-height:100vh;background:var(--bg);color:var(--text);position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-rows:auto 1fr;padding:20px 16px 24px}.auth__chart{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:clamp(8px,1.2vw,16px);padding:96px clamp(20px,6vw,72px) 28px;pointer-events:none;opacity:.22;z-index:0}.auth__chart:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,rgba(46,159,111,.12),transparent 40%),linear-gradient(180deg,rgba(255,255,255,0),var(--bg) 78%)}.auth__chart-bar{--bar-height: 48%;--bar-delay: 0s;align-self:end;height:var(--bar-height);min-height:72px;border-radius:18px 18px 0 0;background:linear-gradient(180deg,#2e9f6f2e,#2e9f6f0d);border:1px solid rgba(46,159,111,.16);box-shadow:0 0 0 1px #ffffff05 inset;transform-origin:bottom center;animation:auth-bar-pulse 4.8s ease-in-out infinite;animation-delay:var(--bar-delay)}.auth__topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(960px,100%);margin:0 auto;padding:0 0 18px;position:relative;z-index:1}.auth__panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,400px);align-items:center;gap:20px;padding:4px 0 0;max-width:960px;width:100%;margin:0 auto;position:relative;z-index:1}.auth__intro{background:radial-gradient(circle at top left,rgba(33,160,127,.18),transparent 42%),linear-gradient(145deg,#21a07f14,#1f7a6300) var(--surface);border-radius:26px;padding:28px;box-shadow:var(--shadow);border:1px solid var(--border);position:relative;isolation:isolate;overflow:hidden;display:grid;gap:16px;min-width:0;align-content:start}.auth__hero{width:100%;display:flex;justify-content:flex-start;align-items:center}.auth__hero-image{width:min(100%,360px);max-width:100%;height:clamp(190px,24vw,260px);max-height:260px;background:linear-gradient(180deg,#0e17132e,#0e17138c),linear-gradient(135deg,#21a07f29,#0d47a114),url(/assets/background-BRV8O-W9.avif);background-size:cover;background-position:center top;border-radius:22px;box-shadow:0 22px 42px #0a141040,0 0 0 1px #ffffff0f;position:relative;overflow:hidden}.auth__hero-image:before,.auth__hero-image:after{content:"";position:absolute;border-radius:999px;filter:blur(.2px)}.auth__hero-image:before{inset:auto 20px 18px 20px;width:auto;height:86px;background:linear-gradient(180deg,#060e0b00,#060e0bbd);box-shadow:0 0 0 1px #ffffff0a inset}.auth__hero-image:after{right:-34px;top:-34px;width:170px;height:170px;background:radial-gradient(circle,#ffffff47,#fff0)}.auth__intro h1{margin:0;font-size:clamp(1.7rem,2.6vw,2.25rem);line-height:1.08}.auth__intro p{margin:0;color:var(--muted);max-width:42ch;line-height:1.55}.auth__form{background:var(--surface);border-radius:24px;padding:28px;display:grid;gap:14px;box-shadow:0 28px 54px #0f172a24;border:1px solid var(--border);width:100%;max-width:420px;justify-self:end;min-width:0}.auth__form label,.auth__field{display:grid;gap:6px;font-size:13px}.auth__form input{border:1px solid var(--border);border-radius:10px;min-height:44px;padding:10px 12px;background:var(--surface-2);color:var(--text);font-size:14px;width:100%}.auth__form input:focus{outline:none;border-color:#1f7a637a;box-shadow:0 0 0 4px #1f7a631f}.auth__tabs{display:flex;gap:4px;background:var(--surface-2);padding:4px;border-radius:999px}.auth__tabs button{flex:1;border:none;background:transparent;min-height:38px;padding:8px 10px;border-radius:999px;cursor:pointer;color:var(--muted);font-size:13px}.auth__tabs button.is-active{background:var(--surface);color:var(--text);font-weight:600}.auth__section-heading{display:grid;gap:6px}.auth__section-heading h2{margin:0;font-size:1.55rem}.auth__section-heading p{margin:0;color:var(--muted);line-height:1.55}.auth__eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.auth__feature-list{display:grid;gap:12px;margin-top:8px}.auth__feature-item{padding:14px 16px;border-radius:18px;background:#ffffff8c;border:1px solid rgba(31,122,99,.12);display:grid;gap:4px}:root[data-theme=dark] .auth__feature-item{background:#141b18d1;border-color:#5adcb21f}.auth__feature-item strong{font-size:14px}.auth__feature-item span{color:var(--muted);font-size:13px;line-height:1.5}.auth__input-shell{position:relative;display:flex;align-items:center}.auth__input-shell input{padding-right:72px}.auth__input-shell.is-invalid input{border-color:#d06666;box-shadow:0 0 0 4px #d066661f}:root[data-theme=dark] .auth__input-shell.is-invalid input{border-color:#d38a8a;box-shadow:0 0 0 4px #d38a8a1f}.auth__eye{position:absolute;top:50%;right:8px;transform:translateY(-50%);border:none;background:transparent;color:var(--muted);padding:6px 8px;min-height:auto;border-radius:999px;font-size:12px}.auth__hint{font-size:12px;color:var(--muted);line-height:1.45}.auth__hint--error{color:#b24343}:root[data-theme=dark] .auth__hint--error{color:#ffb9b9}.auth__inline-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.auth__checkbox{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}.auth__checkbox input{width:16px;height:16px;min-height:auto;accent-color:var(--accent)}.auth__text-link{width:auto;min-height:auto;justify-self:end;color:var(--accent);font-weight:600}.auth__password-panel{border:1px solid var(--border);background:var(--surface-2);border-radius:16px;padding:14px;display:grid;gap:10px}.auth__password-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.auth__password-meta strong{color:var(--text);font-size:12px}.auth__password-meter{width:100%;height:8px;border-radius:999px;background:var(--surface-3);overflow:hidden}.auth__password-meter-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d06666,#e3b341,var(--accent));transition:width .2s ease}.auth__password-rules{margin:0;padding-left:18px;display:grid;gap:6px;color:var(--muted);font-size:12px}.auth__password-rules li.is-met{color:var(--accent)}.auth__topbar .logo{gap:10px}.auth__topbar .logo__mark{width:40px;height:40px;border-radius:12px}.auth__topbar .logo p{font-size:15px}.auth__topbar .logo span{font-size:11px}.auth__topbar .toggle{padding:7px 12px;font-size:13px}.auth .primary,.auth .ghost{width:100%;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;font-size:14px}.auth .ghost{border-radius:12px}.auth__error{background:#f7d7d7;color:#5a1c1c;border:1px solid #e9bcbc;padding:10px 12px;border-radius:12px;font-size:13px}:root[data-theme=dark] .auth__error{background:#3a1a1a;color:#f2c6c6;border-color:#5b2a2a}.auth__success{background:#d8f4e8;color:#144f35;border:1px solid #9bd6b8;padding:10px 12px;border-radius:12px;font-size:13px}:root[data-theme=dark] .auth__success{background:#1b4835b3;color:#c8f0dc;border-color:#6bc49266}.auth__guide{width:min(960px,100%);margin:20px auto 0;position:relative;z-index:1}.auth__guide-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:20px 24px;box-shadow:0 18px 40px #0f172a14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth__guide-eyebrow{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.auth__guide-card h2{margin:0;font-size:clamp(1.1rem,2vw,1.45rem)}.auth__guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin-top:14px}.auth__guide-grid div{padding:14px 16px;border-radius:16px;background:var(--surface-2);border:1px solid var(--border)}.auth__guide-grid strong{display:block;font-size:14px;margin-bottom:6px}.auth__guide-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}@media (max-width: 1100px){.auth__chart{padding-top:84px}.auth__panel{grid-template-columns:minmax(0,460px);justify-content:center;gap:16px;padding:0}.auth__form{order:1;justify-self:center;max-width:480px}.auth__intro{order:2;max-width:560px;justify-self:center}.auth__hero{justify-content:center}.auth__guide{max-width:560px}.auth__guide-grid{grid-template-columns:1fr}}@media (max-width: 640px){.auth{padding:16px 12px 20px}.auth__chart{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;padding:88px 12px 18px;opacity:.18}.auth__topbar{align-items:flex-start;flex-wrap:wrap;gap:12px;padding-bottom:14px}.auth__panel{grid-template-columns:1fr}.auth__form,.auth__intro{max-width:none}.auth__form{padding:20px;gap:10px}.auth__intro{padding:20px}.auth__hero{justify-content:center}.auth__hero-image{width:100%;height:160px;max-height:160px}.auth__intro h1{font-size:1.65rem}.auth__intro p{max-width:none}.auth__guide{margin-top:16px}.auth__guide-card{padding:18px}.auth__guide-grid{gap:10px}.auth__guide-grid div{padding:12px 14px}.auth__inline-row{align-items:flex-start}}@keyframes auth-bar-pulse{0%,to{transform:scaleY(.82)}25%{transform:scaleY(1)}50%{transform:scaleY(.62)}75%{transform:scaleY(.92)}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c0b99;display:grid;place-items:center;z-index:10;padding:20px}.modal__content{background:var(--surface);border-radius:20px;padding:20px;width:min(460px,100%);box-shadow:var(--shadow);border:1px solid var(--border);max-height:calc(100vh - 40px);overflow-y:auto}.modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal__form{display:grid;gap:14px}.modal__body{margin:0 0 14px;color:var(--muted)}.modal__form label{display:grid;gap:8px;font-size:14px}.modal__form input,.modal__form select{border:1px solid var(--border);border-radius:12px;padding:12px 14px;background:var(--surface-2);color:var(--text)}.select{border:1px solid var(--border);border-radius:999px;padding:8px 36px 8px 12px;background:var(--surface-3);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 20 20' fill='none'><path d='M5 7l5 6 5-6' stroke='%236b756f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 12px;color:var(--text);-webkit-appearance:none;-moz-appearance:none;appearance:none}.text-btn{border:none;background:transparent;color:var(--text);font-weight:600;padding:0;cursor:pointer}.modal__actions{display:flex;justify-content:flex-end;gap:10px}.note-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:12px}.note-form input{border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:var(--surface-2);color:var(--text)}.note-list{display:grid;gap:10px}.note-item{display:flex;justify-content:space-between;align-items:center;background:var(--surface-2);border-radius:12px;padding:10px 12px}.note-actions{position:relative}.note-menu{position:absolute;right:0;top:30px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:6px;display:grid;gap:6px;box-shadow:var(--shadow);z-index:20}.empty{margin:10px 0 0;color:var(--muted);font-size:14px}