*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f4f4f5;--card: #ffffff;--border: #e4e4e7;--border-md: #d1d5db;--text: #18181b;--muted: #71717a;--subtle: #a1a1aa;--accent: #4f46e5;--accent-l: #ede9fe;--accent-d: #4338ca;--green: #16a34a;--green-l: #dcfce7;--red: #dc2626;--red-l: #fee2e2;--amber: #d97706;--amber-l: #fef3c7;--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 4px 12px rgba(0,0,0,.08);--r: 10px;--rs: 6px;--tab-h: 64px;--sidebar-w: 220px}html{height:100%;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;-webkit-tap-highlight-color:transparent;font-size:15px;line-height:1.5}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.desktop-topbar{display:none}.desktop-main{flex:1;display:flex;flex-direction:column}.sidebar{display:none}.mob-header{position:sticky;top:0;z-index:100;background:var(--card);border-bottom:1px solid var(--border);padding:calc(env(safe-area-inset-top) + .625rem) 1rem .625rem;display:flex;align-items:center;gap:.75rem}.mob-header-title{font-size:1rem;font-weight:700;flex:1;letter-spacing:-.02em;color:var(--text)}.mob-header-month{display:flex;align-items:center;gap:.25rem}.mob-header-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--rs);background:var(--bg);color:var(--muted);font-size:1rem;font-weight:600;border:1px solid var(--border);cursor:pointer;transition:background .12s}.mob-header-btn:active{background:var(--border)}.mob-header-label{font-size:.8125rem;font-weight:600;min-width:110px;text-align:center;color:var(--text)}.mob-header-actions{display:flex;gap:.375rem}.mob-header-action{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--rs);background:var(--bg);color:var(--muted);border:1px solid var(--border);cursor:pointer;font-size:.8rem;transition:background .12s}.mob-header-action:active{background:var(--border)}.page-content{flex:1;padding:1.25rem 1rem;padding-bottom:calc(var(--tab-h) + env(safe-area-inset-bottom) + 1.25rem);max-width:720px;width:100%;margin:0 auto}.tab-bar{position:fixed;bottom:0;left:0;right:0;height:calc(var(--tab-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--card);border-top:1px solid var(--border);display:flex;z-index:100}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--subtle);text-decoration:none;font-size:.625rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;padding:.5rem .25rem;transition:color .12s}.tab svg{width:20px;height:20px;stroke-width:1.75}.tab.active{color:var(--accent)}.tab.active svg{stroke-width:2.25}.tab:active{opacity:.6}.fab{position:fixed;right:1.25rem;bottom:calc(var(--tab-h) + env(safe-area-inset-bottom) + .875rem);width:52px;height:52px;border-radius:50%;background:var(--text);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0003;z-index:99;font-size:1.5rem;line-height:1;transition:transform .15s,box-shadow .15s}.fab:active{transform:scale(.92);box-shadow:0 2px 8px #0003}.hero{background:var(--text);border-radius:var(--r);padding:1.375rem;color:#fff;margin-bottom:1rem;box-shadow:var(--shadow)}.hero-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;opacity:.5;margin-bottom:.375rem}.hero-amount{font-size:2.75rem;font-weight:900;letter-spacing:-.05em;line-height:1;margin-bottom:.75rem}.hero-amount.negative{color:#fca5a5}.hero-amount.warning{color:#fde68a}.hero-divider{border:none;border-top:1px solid rgba(255,255,255,.12);margin:.75rem 0}.hero-row{display:flex;justify-content:space-between}.hero-stat{text-align:center}.hero-stat-label{font-size:.625rem;opacity:.5;margin-bottom:.2rem;text-transform:uppercase;letter-spacing:.06em}.hero-stat-val{font-size:.9375rem;font-weight:700}.progress{height:4px;background:#ffffff26;border-radius:99px;overflow:hidden;margin:.375rem 0 .25rem}.progress-bar{height:100%;border-radius:99px;transition:width .4s ease}.progress-bar.green{background:#4ade80}.progress-bar.amber{background:#fbbf24}.progress-bar.red{background:#f87171}.progress-hint{font-size:.6875rem;opacity:.5;margin-bottom:.625rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.625rem;margin-bottom:1rem}.stat-card{background:var(--card);border-radius:var(--r);border:1px solid var(--border);padding:.875rem .625rem;text-align:center}.stat-icon{font-size:1.125rem;margin-bottom:.25rem}.stat-label{font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--subtle);margin-bottom:.2rem}.stat-val{font-size:.9rem;font-weight:700}.stat-val.green{color:var(--green)}.stat-val.red{color:var(--red)}.stat-val.amber{color:var(--amber)}.section-title{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--subtle);padding:0 .25rem .5rem;display:flex;justify-content:space-between;align-items:center}.section-title a{color:var(--accent);font-size:.75rem;text-transform:none;letter-spacing:0;text-decoration:none;font-weight:500}.section-title .badge{text-transform:none;letter-spacing:0;font-size:.75rem}.items{background:var(--card);border-radius:var(--r);overflow:hidden;border:1px solid var(--border)}.item{display:flex;align-items:center;gap:.625rem;padding:.8rem .875rem;border-bottom:1px solid var(--border)}.item:last-child{border-bottom:none}.item.inactive{opacity:.45}.item-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.item-dot.green{background:var(--green)}.item-dot.red{background:var(--red)}.item-dot.amber{background:var(--amber)}.item-dot.indigo{background:var(--accent)}.item-dot.muted{background:var(--border-md)}.item-info{flex:1;min-width:0}.item-name{font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-sub{font-size:.7rem;color:var(--subtle);margin-top:.075rem}.item-amount{font-size:.9rem;font-weight:700;flex-shrink:0}.item-amount.green{color:var(--green)}.item-amount.red{color:var(--red)}.item-amount.amber{color:var(--amber)}.item-amount.muted{color:var(--subtle)}.item-actions{display:flex;gap:.2rem;flex-shrink:0}.btn-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--rs);border:none;cursor:pointer;background:transparent;transition:background .12s,transform .1s}.btn-icon:active{transform:scale(.88)}.btn-icon.del{background:var(--red-l);color:var(--red)}.btn-icon.tog{background:var(--accent-l);color:var(--accent)}.btn-icon.edit{background:var(--bg);color:var(--muted);border:1px solid var(--border)}.btn-icon.edit:active{background:var(--border)}.btn-icon svg{width:13px;height:13px}.add-form{background:var(--card);border-radius:var(--r);border:1px solid var(--border);padding:1rem;margin-bottom:1rem}.add-form-title{font-size:.625rem;font-weight:700;color:var(--subtle);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.75rem}.field-row{display:flex;gap:.5rem;flex-wrap:wrap}.field{flex:1;min-width:130px}.field-sm{flex:0 0 110px}.field-xs{flex:0 0 90px}.field-label{display:block;font-size:.625rem;font-weight:700;color:var(--subtle);margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.06em}input[type=text],input[type=number],input[type=date],input[type=month],input[type=password],input[type=email],select{width:100%;padding:.5rem .625rem;border:1px solid var(--border-md);border-radius:var(--rs);font-size:.9rem;font-family:inherit;color:var(--text);background:var(--card);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .12s,box-shadow .12s}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .625rem center;padding-right:2rem;cursor:pointer}select.select-sm{padding:.25rem 1.75rem .25rem .5rem;font-size:.8rem;background-position:right .4rem center;width:auto}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f46e51f}input[type=number]::-webkit-inner-spin-button{display:none}input[type=number]{-moz-appearance:textfield}.type-toggle{display:flex;gap:.375rem}.type-opt{flex:1}.type-opt input{position:absolute;opacity:0;pointer-events:none}.type-opt label{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem;border:1px solid var(--border-md);border-radius:var(--rs);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .12s;color:var(--muted)}.type-opt.depense input:checked+label{background:var(--red);border-color:var(--red);color:#fff}.type-opt.revenu input:checked+label{background:var(--green);border-color:var(--green);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;border:none;border-radius:var(--rs);font-size:.875rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .12s;font-family:inherit;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--text);color:#fff;width:100%;margin-top:.5rem}.btn-primary:active{background:#3f3f46}.btn-secondary{background:var(--bg);color:var(--text);border:1px solid var(--border)}.btn-secondary:active{background:var(--border)}.btn-sm{padding:.4rem .875rem;font-size:.8125rem;width:auto}.btn-danger{background:var(--red-l);color:var(--red);border:1px solid #fecaca}.badge{display:inline-block;padding:.15rem .5rem;border-radius:99px;font-size:.6875rem;font-weight:600}.badge-green{background:var(--green-l);color:var(--green)}.badge-red{background:var(--red-l);color:var(--red)}.badge-amber{background:var(--amber-l);color:var(--amber)}.badge-indigo{background:var(--accent-l);color:var(--accent)}.badge-muted{background:var(--bg);color:var(--subtle);border:1px solid var(--border)}.empty{text-align:center;padding:2.5rem 1rem;color:var(--subtle)}.empty-icon{font-size:2rem;margin-bottom:.5rem}.empty p{font-size:.875rem}.toast{position:fixed;top:calc(env(safe-area-inset-top) + 60px);left:50%;transform:translate(-50%);z-index:500;padding:.5rem 1rem;border-radius:99px;font-size:.8125rem;font-weight:600;box-shadow:var(--shadow);white-space:nowrap;animation:toastIn .2s ease}.toast-success{background:var(--text);color:#fff}.toast-error{background:var(--red);color:#fff}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-8px)}}.auth-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;background:var(--bg)}.auth-sub{font-size:.875rem;color:var(--muted);margin-bottom:2rem}.auth-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:1.625rem;width:100%;max-width:380px;box-shadow:var(--shadow)}.auth-field{margin-bottom:.875rem}.auth-err{color:var(--red);font-size:.8125rem;margin-bottom:.75rem;padding:.5rem .625rem;background:var(--red-l);border-radius:var(--rs);border:1px solid #fecaca}.auth-ok{color:var(--green);font-size:.8125rem;margin-bottom:.75rem;padding:.5rem .625rem;background:color-mix(in srgb,var(--green) 10%,transparent);border-radius:var(--rs);border:1px solid color-mix(in srgb,var(--green) 30%,transparent)}.auth-footer{text-align:center;font-size:.8125rem;color:var(--muted);margin-top:1rem}.auth-footer a,.btn-link{color:var(--accent);text-decoration:none;background:none;border:none;cursor:pointer;font-size:inherit;padding:0}.auth-footer a:hover,.btn-link:hover{text-decoration:underline}.otp-inputs{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.otp-inputs input{width:2.75rem;height:3.25rem;text-align:center;font-size:1.5rem;font-weight:600;letter-spacing:0;border-radius:var(--rs);border:1.5px solid var(--border);background:var(--bg);color:var(--text);transition:border-color .15s}.otp-inputs input:focus{outline:none;border-color:var(--accent)}.otp-inputs input:disabled{opacity:.5}.spinner{display:flex;align-items:center;justify-content:center;min-height:30vh}.spinner:after{content:"";width:32px;height:32px;border-radius:50%;border:2.5px solid var(--border);border-top-color:var(--accent);animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.budget-compare{background:var(--card);border-radius:var(--r);border:1px solid var(--border);padding:.875rem 1rem}.bc-row{display:flex;justify-content:space-between;align-items:center;padding:.175rem 0}.bc-label{font-size:.8125rem;color:var(--muted)}.bc-val{font-size:.875rem;font-weight:700}.bc-val.green{color:var(--green)}.bc-val.red{color:var(--red)}.bc-ops{opacity:.65}.bc-divider{border:none;border-top:1px dashed var(--border);margin:.375rem 0}.bc-final .bc-label{font-weight:600;color:var(--text)}.bc-final .bc-val{font-size:.9375rem}.daily-card{background:var(--card);border-radius:var(--r);border:1px solid var(--border);padding:1rem 1.1rem}.daily-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.daily-label{font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--subtle);margin-bottom:.2rem}.daily-amount{font-size:1.75rem;font-weight:900;letter-spacing:-.04em;color:var(--green);line-height:1}.daily-amount.negative{color:var(--red)}.daily-sub{font-size:.75rem;color:var(--muted);margin-top:.2rem}.daily-warn{font-size:.8rem;color:var(--red);margin-top:.625rem;padding:.4rem .625rem;background:var(--red-l);border-radius:var(--rs);border:1px solid #fecaca}.daily-ring-wrap{position:relative;width:52px;height:52px;flex-shrink:0}.daily-ring{width:52px;height:52px;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--border);stroke-width:4}.ring-fill{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;transition:stroke-dasharray .4s ease}.daily-ring-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;color:var(--accent)}.cat-breakdown{background:var(--card);border-radius:var(--r);border:1px solid var(--border);padding:.875rem 1rem;display:flex;flex-direction:column;gap:.625rem}.cat-bar-item{display:flex;align-items:center;gap:.625rem}.cat-bar-left{display:flex;align-items:center;gap:.3rem;width:96px;flex-shrink:0}.cat-bar-icon{font-size:.875rem;line-height:1}.cat-bar-name{font-size:.75rem;font-weight:500;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-bar-track{flex:1;height:5px;background:var(--border);border-radius:99px;overflow:hidden}.cat-bar-fill{height:100%;background:var(--accent);border-radius:99px;min-width:3px;transition:width .5s ease}.cat-bar-right{display:flex;flex-direction:column;align-items:flex-end;width:68px;flex-shrink:0}.cat-bar-pct{font-size:.6rem;color:var(--subtle);line-height:1.1}.cat-bar-amount{font-size:.8rem;font-weight:700;color:var(--text)}.quick-add-card{background:var(--card);border-radius:var(--r);border:1px solid var(--border);padding:.875rem}.quick-add-bar{display:flex;align-items:center;gap:.5rem;border:1px solid var(--border-md);border-radius:var(--rs);padding:.45rem .45rem .45rem .625rem;background:var(--bg)}.qa-type{width:34px;height:34px;border-radius:var(--rs);border:none;cursor:pointer;font-size:1.1rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:transform .1s}.qa-type.depense{background:var(--red-l)}.qa-type.revenu{background:var(--green-l)}.qa-type:active{transform:scale(.88)}.quick-add-bar input[type=text].qa-input{flex:1;width:0;min-width:0;border:none;outline:none;padding:0;box-shadow:none;font-size:.9rem;font-family:inherit;background:transparent;color:var(--text)}.quick-add-bar input[type=text].qa-input::placeholder{color:var(--subtle)}.quick-add-bar input[type=number].qa-amount{width:64px;flex-shrink:0;border:none;outline:none;padding:0;box-shadow:none;font-size:.9rem;font-family:inherit;background:transparent;text-align:right;color:var(--muted);-moz-appearance:textfield}.quick-add-bar input[type=number].qa-amount::-webkit-inner-spin-button{display:none}.quick-add-bar input[type=number].qa-amount::placeholder{color:var(--border-md)}.qa-send{width:32px;height:32px;border-radius:var(--rs);background:var(--text);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .12s,transform .1s}.qa-send svg{width:14px;height:14px}.qa-send:disabled{background:var(--border);cursor:default}.qa-send:active:not(:disabled){transform:scale(.88)}.cat-chips{display:flex;gap:.3rem;overflow-x:auto;padding:.5rem .125rem .25rem;-ms-overflow-style:none;scrollbar-width:none}.cat-chips::-webkit-scrollbar{display:none}.cat-chip{display:flex;align-items:center;gap:.2rem;padding:.25rem .55rem;border-radius:99px;border:1px solid var(--border);background:var(--card);font-size:.75rem;font-weight:500;cursor:pointer;white-space:nowrap;color:var(--muted);transition:all .1s;font-family:inherit;flex-shrink:0}.cat-chip.active{background:var(--accent-l);border-color:var(--accent);color:var(--accent)}.cat-chip:active{transform:scale(.93)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:200;display:flex;align-items:flex-end;justify-content:center;animation:backdropIn .15s ease}@keyframes backdropIn{0%{opacity:0}}.modal{background:var(--card);border-radius:var(--r) var(--r) 0 0;border:1px solid var(--border);border-bottom:none;padding:1.375rem 1.125rem calc(1.375rem + env(safe-area-inset-bottom));width:100%;max-width:680px;animation:sheetUp .2s cubic-bezier(.32,.72,0,1)}@keyframes sheetUp{0%{transform:translateY(100%)}}.modal-title{font-size:.9375rem;font-weight:700;letter-spacing:-.015em;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.modal-close{width:26px;height:26px;border-radius:var(--rs);background:var(--bg);border:1px solid var(--border);cursor:pointer;font-size:1rem;color:var(--muted);line-height:1;display:flex;align-items:center;justify-content:center}.modal-actions{display:flex;gap:.5rem;margin-top:1rem;align-items:stretch}.admin-user-row{display:flex;align-items:center;gap:.5rem;padding:.8rem .875rem;border-bottom:1px solid var(--border)}.admin-user-row:last-child{border-bottom:none}.admin-user-info{flex:1;min-width:0}.admin-user-name{font-size:.9rem;font-weight:500}.admin-user-meta{font-size:.7rem;color:var(--subtle)}.admin-user-actions{display:flex;gap:.25rem}.mb1{margin-bottom:1rem}.mb-half{margin-bottom:.5rem}.mt1{margin-top:1rem}.gap-sm{gap:.5rem}::-webkit-scrollbar{width:0}@media (min-width: 768px){.app-shell{flex-direction:row;min-height:100dvh}.sidebar{display:flex;flex-direction:column;width:var(--sidebar-w);flex-shrink:0;background:var(--card);border-right:1px solid var(--border);position:sticky;top:0;height:100dvh;overflow-y:auto}.sidebar-logo{display:flex;align-items:center;padding:1.25rem 1rem 1rem;border-bottom:1px solid var(--border)}.sidebar-logo img{display:block}.sidebar-nav{flex:1;padding:.625rem 0;display:flex;flex-direction:column;gap:.125rem}.sidebar-link{display:flex;align-items:center;gap:.625rem;padding:.5rem .875rem;border-radius:var(--rs);margin:0 .5rem;text-decoration:none;font-size:.875rem;font-weight:500;color:var(--muted);transition:background .1s,color .1s}.sidebar-link svg{width:17px;height:17px;stroke-width:1.75;flex-shrink:0}.sidebar-link:hover{background:var(--bg);color:var(--text)}.sidebar-link.active{background:var(--accent-l);color:var(--accent)}.sidebar-link.active svg{stroke-width:2.25}.sidebar-divider{border:none;border-top:1px solid var(--border);margin:.5rem}.sidebar-fab-btn{display:flex;align-items:center;gap:.5rem;margin:.5rem .625rem;padding:.5rem .75rem;background:var(--text);color:#fff;border:none;border-radius:var(--rs);font-size:.8125rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .12s;white-space:nowrap}.sidebar-fab-btn svg{width:14px;height:14px;flex-shrink:0}.sidebar-fab-btn:hover{background:#3f3f46}.sidebar-fab-btn:active{background:#52525b}.sidebar-bottom{padding:.875rem 1rem;border-top:1px solid var(--border)}.sidebar-user-link{display:flex;align-items:center;gap:.625rem;padding:.375rem .5rem;border-radius:var(--rs);text-decoration:none;color:var(--text);transition:background .12s;margin-bottom:.25rem}.sidebar-user-link:hover,.sidebar-user-link.active{background:var(--bg)}.sidebar-user-avatar{font-size:1rem;flex-shrink:0}.sidebar-user-info{display:flex;flex-direction:column;min-width:0}.sidebar-user-name{font-size:.8125rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-email{font-size:.7rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-logout{display:flex;align-items:center;gap:.625rem;padding:.375rem .5rem;border-radius:var(--rs);font-size:.8125rem;font-weight:500;color:var(--muted);cursor:pointer;background:none;border:none;font-family:inherit;transition:all .12s}.sidebar-logout svg{width:15px;height:15px;flex-shrink:0}.sidebar-logout:hover{color:var(--red);background:var(--red-l)}.tab-bar,.mob-header,.fab{display:none}.desktop-topbar{display:flex}.desktop-main{flex:1;min-width:0;display:flex;flex-direction:column}.desktop-topbar{position:sticky;top:0;z-index:50;background:var(--card);border-bottom:1px solid var(--border);padding:.75rem 2rem;display:flex;align-items:center;gap:.75rem}.desktop-topbar-title{font-size:1.0625rem;font-weight:700;flex:1;letter-spacing:-.02em}.desktop-month{display:flex;align-items:center;gap:.375rem}.desktop-month-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--rs);border:1px solid var(--border);background:var(--bg);color:var(--muted);cursor:pointer;font-size:.875rem;font-weight:600;transition:background .1s}.desktop-month-btn:hover{background:var(--border)}.desktop-month-label{font-size:.8125rem;font-weight:600;min-width:110px;text-align:center}.page-content{padding:1.5rem 2rem 2rem;max-width:800px}}.import-steps{display:flex;gap:.25rem;align-items:center}.import-step{display:flex;align-items:center;gap:.375rem;flex:1}.import-step-n{width:22px;height:22px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;background:var(--border);color:var(--muted)}.import-step-label{font-size:.75rem;color:var(--muted)}.import-step.active .import-step-n{background:var(--accent);color:#fff}.import-step.active .import-step-label{color:var(--text);font-weight:600}.import-step.done .import-step-n{background:var(--green);color:#fff}.import-drop{border:2px dashed var(--border-md);border-radius:var(--r);padding:2.5rem 1rem;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;margin-top:.5rem}.import-drop:hover{border-color:var(--accent);background:var(--accent-l)}.import-drop-icon{font-size:2rem;margin-bottom:.5rem}.import-drop-label{font-size:.9375rem;font-weight:600;color:var(--text);margin-bottom:.25rem}.import-drop-sub{font-size:.8125rem;color:var(--muted)}.import-map-table{overflow-x:auto}.import-map-head{display:flex;gap:.75rem;min-width:max-content}.import-map-col{display:flex;flex-direction:column;gap:.375rem;min-width:140px;max-width:200px}.import-map-hdr{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-map-samples{display:flex;flex-direction:column;gap:.2rem}.import-map-sample{font-size:.75rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--bg);padding:.125rem .375rem;border-radius:var(--rs)}.import-row{align-items:flex-start}.sidebar-link-muted{color:var(--muted)!important;font-size:.8125rem}.sidebar-link-muted.active{color:var(--text)!important}