:root{--bg:#f6f4f1;--surface:#ffffff;--surface-muted:#f1eee8;--border:#e7e2d9;--border-strong:#d6cfc2;--text:#211f1c;--text-muted:#746e63;--text-faint:#a49d8e;--accent:#4b3f7a;--accent-hover:#392f60;--accent-contrast:#ffffff;--positive:#2f6f4e;--positive-bg:#e6f2ea;--negative:#a33636;--negative-bg:#fbeaea;--warning:#8a6d1f;--warning-bg:#fbf1dc;--neutral:#57524a;--neutral-bg:#eeebe4;--radius-sm:0.5rem;--radius-md:0.9rem;--radius-lg:1.25rem;--shadow-card:0 1px 2px rgba(33,31,28,0.04),0 8px 24px rgba(33,31,28,0.05);--max-width:42rem;--bg-image-overlay:rgba(246,244,241,0.86);color-scheme:light}[data-theme=dark]{--bg:#18171c;--surface:#201f26;--surface-muted:#27252e;--border:#34323c;--border-strong:#454250;--text:#ece9f1;--text-muted:#a9a5b3;--text-faint:#726d7d;--accent:#a89bde;--accent-hover:#bcb0e8;--accent-contrast:#201f26;--positive:#7bc79e;--positive-bg:#1d3327;--negative:#e28b8b;--negative-bg:#3b2222;--warning:#e2c67c;--warning-bg:#3a3019;--neutral:#b7b2c2;--neutral-bg:#2c2a34;--shadow-card:0 1px 2px rgba(0,0,0,0.35),0 8px 24px rgba(0,0,0,0.3);--bg-image-overlay:rgba(24,23,28,0.82);color-scheme:dark}*{box-sizing:border-box}body,html{margin:0}body{position:relative;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;transition:background-color .15s ease,color .15s ease}body.has-bg-image:before{content:"";position:fixed;inset:0;z-index:-1;background-image:linear-gradient(var(--bg-image-overlay),var(--bg-image-overlay)),var(--bg-image);background-size:cover;background-position:50%;background-repeat:no-repeat}a{color:var(--accent)}a:hover{color:var(--accent-hover)}h1,h2,h3{font-weight:600;letter-spacing:-.01em}.app-shell{display:flex;flex-direction:column;min-height:100vh}@media (min-width:768px){.app-shell{flex-direction:row}}.sidebar{display:flex;flex-direction:column;background:var(--surface);border-bottom:1px solid var(--border)}@media (min-width:768px){.sidebar{position:-webkit-sticky;position:sticky;top:0;align-self:flex-start;height:100vh;width:15.5rem;flex:none;border-bottom:none;border-right:1px solid var(--border)}}.sidebar-brand{display:flex;align-items:center;padding:1rem 1.1rem;font-weight:700;font-size:1.05rem;color:var(--text);text-decoration:none;border-bottom:1px solid var(--border)}.sidebar-nav{display:flex;overflow-x:auto;padding:.5rem;gap:.25rem}@media (min-width:768px){.sidebar-nav{flex-direction:column;overflow-x:visible;padding:.75rem}}.sidebar-link{display:flex;align-items:center;gap:.6rem;padding:.65rem .9rem;border-radius:var(--radius-sm);color:var(--text-muted);text-decoration:none;font-size:.92rem;font-weight:500;white-space:nowrap;min-height:2.75rem}.sidebar-link:hover{background:var(--surface-muted);color:var(--text)}.sidebar-link.active{background:var(--accent);color:var(--accent-contrast)}.sidebar-link-placeholder{display:flex;align-items:center;gap:.5rem;padding:.65rem .9rem;color:var(--text-faint);font-size:.92rem;white-space:nowrap;min-height:2.75rem;cursor:default}.sidebar-soon-badge{font-size:.68rem;font-weight:600;padding:.05rem .45rem;border-radius:999px;background:var(--neutral-bg);color:var(--neutral)}.sidebar-footer{padding:.9rem 1.1rem;border-top:1px solid var(--border);font-size:.78rem;color:var(--text-faint);line-height:1.6}.sidebar-footer p{margin:0}.sidebar-footer-email{overflow-wrap:break-word;color:var(--text-muted)}.sidebar-logout-btn{margin-top:.3rem;padding:0;border:none;background:none;color:var(--text-muted);font-size:.78rem;font-weight:600;text-decoration:underline;cursor:pointer}.sidebar-logout-btn:hover{color:var(--text)}.app-content{flex:1 1;min-width:0}.overview-grid{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}@media (min-width:640px){.overview-grid{grid-template-columns:repeat(3,1fr)}}.overview-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.25rem;text-decoration:none;color:inherit;transition:border-color .15s ease}.overview-card:hover{border-color:var(--border-strong)}.overview-count{font-size:2.25rem;font-weight:700;color:var(--text);margin:.3rem 0 .5rem}.overview-link{font-size:.88rem;font-weight:600;color:var(--accent)}.page{max-width:var(--max-width);margin:0 auto;padding:1.5rem 1.1rem 4rem}@media (min-width:640px){.page{padding:2.75rem 1.5rem 5rem}}.page-header{margin-bottom:1.5rem}.back-link{display:inline-flex;align-items:center;gap:.3rem;margin-bottom:1rem;padding:.35rem .75rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:.85rem;color:var(--text-muted);text-decoration:none}.back-link:hover{color:var(--text);border-color:var(--border-strong)}.title{margin:0 0 .3rem;font-size:1.6rem;line-height:1.2}@media (min-width:640px){.title{font-size:1.9rem}}.subtitle{font-size:.95rem;margin:0;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.intro,.subtitle{color:var(--text-muted)}.intro{font-size:1rem;line-height:1.5;margin:.35rem 0 0;max-width:34rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.25rem;margin-bottom:1.25rem}@media (min-width:640px){.card{padding:1.75rem;margin-bottom:1.5rem}}.section-title{margin:0 0 .4rem;font-size:1.15rem}.section-intro{color:var(--text-muted);font-size:.9rem;margin:0 0 .9rem;line-height:1.45}.form{display:flex;flex-direction:column;gap:.9rem;margin-top:.5rem}@media (min-width:640px){.form{flex-direction:row;flex-wrap:wrap;align-items:flex-end}}.field{display:flex;flex-direction:column;gap:.35rem}@media (min-width:640px){.field{min-width:12rem}.field-grow{flex:1 1 16rem}}.field-label{font-size:.78rem;font-weight:600;color:var(--text-muted)}input,select,textarea{min-height:2.75rem;padding:.5rem .7rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:1rem;font-family:inherit;background:var(--surface);color:var(--text);width:100%}textarea{min-height:4.5rem;resize:vertical}.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:2.75rem;padding:.55rem 1.1rem;border-radius:var(--radius-sm);border:1px solid var(--accent);background:var(--accent);color:var(--accent-contrast);font-size:1rem;font-weight:500;cursor:pointer}@media (min-width:640px){.btn{width:auto}}.btn:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-danger{width:auto;min-height:2.25rem;padding:.3rem .75rem;font-size:.85rem;background:transparent}.btn-danger,.btn-danger:hover:not(:disabled){border-color:var(--negative);color:var(--negative)}.btn-danger:hover:not(:disabled){background:var(--negative-bg)}.badge{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:999px;font-size:.78rem;font-weight:600;white-space:nowrap}.badge-positive{background:var(--positive-bg);color:var(--positive)}.badge-negative{background:var(--negative-bg);color:var(--negative)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-neutral{background:var(--neutral-bg);color:var(--neutral)}.alert{border-radius:var(--radius-sm);padding:.6rem .85rem;font-size:.9rem;margin:.6rem 0 0;border-left:3px solid transparent;line-height:1.4}.alert-error{background:var(--negative-bg);color:var(--negative);border-left-color:var(--negative)}.alert-success{background:var(--positive-bg);color:var(--positive);border-left-color:var(--positive)}.text-muted{color:var(--text-muted);font-size:.9rem}.search-field{margin:.9rem 0}.search-box{position:relative;display:flex}.search-box input{padding-right:2.6rem}.search-clear{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);width:2.1rem;height:2.1rem;min-height:0;padding:0;border-radius:999px;border:none;background:var(--surface-muted);color:var(--text-muted);font-size:1.15rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.search-clear:hover{background:var(--border);color:var(--text)}.search-summary{margin:.4rem 0 0;font-size:.82rem;color:var(--text-muted)}.empty-state{border:1px dashed var(--border-strong);border-radius:var(--radius-md);padding:1.1rem;text-align:center;color:var(--text-muted);font-size:.92rem;margin-top:.75rem}.table-wrapper{margin-top:.85rem}table.table{width:100%;border-collapse:collapse;font-size:.9rem}table.table th{text-align:left;border-bottom:2px solid var(--border);padding:.5rem .6rem;color:var(--text-muted);font-weight:600;white-space:nowrap}table.table td{border-bottom:1px solid var(--border);padding:.55rem .6rem;vertical-align:middle}table.table tbody tr:hover{background:var(--surface-muted)}@media (min-width:640px){.table-wrapper{overflow-x:auto}}@media (max-width:639.98px){table.table-cards thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}table.table-cards,table.table-cards tbody,table.table-cards td,table.table-cards tr{display:block;width:100%}table.table-cards tr{border:1px solid var(--border);border-radius:var(--radius-md);padding:.7rem .9rem;margin-bottom:.7rem;background:var(--surface)}table.table-cards tr:last-child{margin-bottom:0}table.table-cards td{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:1px dashed var(--border);padding:.4rem 0;text-align:right}table.table-cards td:last-child{border-bottom:none}table.table-cards td:before{content:attr(data-label);font-weight:600;color:var(--text-muted);text-align:left;padding-right:.75rem}table.table-cards td.cell-action{justify-content:flex-end}table.table-cards td.cell-action:before{content:none}}.snapshot{font-size:.8rem;white-space:pre-wrap;word-break:break-word;margin:0;max-width:24rem}.note-list{list-style:none;margin:.75rem 0 0;padding:0;display:flex;flex-direction:column;gap:.6rem}.note-item{border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem .9rem;background:var(--surface-muted)}.note-item p{margin:.25rem 0 0;white-space:pre-wrap;word-break:break-word}.theme-mode-group{display:flex;gap:.5rem;flex-wrap:wrap}.theme-mode-option{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.55rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-muted);font-size:.9rem;font-weight:500;font-family:inherit;cursor:pointer}.theme-mode-option:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.theme-mode-option.active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.theme-mode-option:disabled{cursor:not-allowed;opacity:.6}.quick-theme-toggle{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:.5rem .9rem;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:.9rem;font-weight:500;font-family:inherit;cursor:pointer}.quick-theme-toggle:hover:not(:disabled){border-color:var(--accent)}.quick-theme-toggle:disabled{cursor:not-allowed;opacity:.6}.bg-image-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.85rem;gap:.85rem;margin-top:.9rem}@media (min-width:640px){.bg-image-grid{grid-template-columns:repeat(3,1fr)}}.bg-image-card{position:relative;display:block;width:100%;aspect-ratio:16/10;padding:0;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface-muted);overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;text-align:inherit;cursor:pointer}.bg-image-card.active{border-color:var(--accent)}.bg-image-card img{display:block;width:100%;height:100%;object-fit:cover}.bg-image-card-none{display:flex;align-items:center;justify-content:center;height:100%;padding:.5rem;text-align:center;font-size:.82rem;color:var(--text-muted)}.bg-image-active-badge{position:absolute;top:.4rem;left:.4rem;padding:.15rem .5rem;border-radius:999px;background:var(--accent);color:var(--accent-contrast);font-size:.68rem;font-weight:600}.bg-image-delete{position:absolute;top:.35rem;right:.35rem;width:1.75rem;height:1.75rem;min-height:0;padding:0;border:none;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font-size:.95rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.bg-image-delete:hover{background:rgba(0,0,0,.75)}.bg-image-upload-label{display:inline-flex;align-items:center;gap:.5rem}.auth-loading{color:var(--text-muted);font-size:.95rem}.auth-loading,.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-page{padding:1.5rem}.login-card{width:100%;max-width:22rem;display:flex;flex-direction:column;gap:.9rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.75rem}.login-title{margin:0;font-size:1.3rem}