:root{font-family:Space Grotesk,sans-serif;color:#27211e;background-color:#f4f1ed}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0%,rgba(90,120,84,.13),transparent 42%),radial-gradient(circle at 96% 96%,rgba(120,113,108,.16),transparent 38%),#f4f1ed}.app-shell{max-width:1380px;margin:0 auto;padding:1.2rem;display:grid;gap:1rem}.auth-landing-shell{max-width:760px;margin:0 auto;min-height:100vh;padding:clamp(1.2rem,3vw,2rem);display:grid;align-content:center;gap:1rem}.auth-landing-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:1rem;align-items:start}.auth-landing-highlights{display:grid;gap:.7rem}.auth-landing-highlights h2{margin-bottom:0}.auth-landing-highlights ul{margin:0;padding-left:1.1rem;display:grid;gap:.6rem;color:#4a4540}.auth-landing-highlights li{line-height:1.45}.auth-landing-highlights strong{color:#27211e}.auth-landing-hero{background:linear-gradient(160deg,#464e3f,#2c2420);color:#f0ece6;border-radius:18px;padding:1rem 1.2rem;display:flex;align-items:center;justify-content:space-between;gap:.9rem}.auth-landing-hero h1{margin:0;font-size:clamp(1.4rem,2.6vw,2rem)}.auth-landing-hero p{margin:.35rem 0 0;opacity:.8;font-size:.92rem;max-width:48ch}.hero{background:linear-gradient(160deg,#464e3f,#2c2420);color:#f0ece6;border-radius:18px;padding:1rem 1.2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.hero h1{margin:0;font-size:clamp(1.5rem,2.5vw,2.2rem)}.hero p{margin:.35rem 0 0;opacity:.78;font-size:.95rem}.panel{background:#faf7f4;border:1px solid #dbd5ce;border-radius:16px;padding:1rem;box-shadow:0 10px 20px #27211e0d}.panel h2{margin:0 0 .8rem;font-size:1.05rem;color:#3d3530}.tab-row{display:flex;gap:.6rem}.hero-actions{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}.auth-pill{display:flex;align-items:center;gap:.5rem;padding:.35rem .45rem;border-radius:999px;background:#f0ece633;border:1px solid rgba(240,236,230,.4)}.auth-pill span{font-size:.82rem}.auth-badge{display:inline-flex;align-items:center;justify-content:center;padding:.1rem .4rem;border-radius:999px;background:#f0ece640;border:1px solid rgba(240,236,230,.35);font-size:.72rem;text-transform:uppercase;letter-spacing:.03em}.auth-panel{display:grid;gap:.75rem}.auth-panel-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.auth-panel-header h2{margin:0}.auth-tabs .tab{margin-top:0}.auth-form{display:grid;gap:.65rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.auth-form button[type=submit]{grid-column:1 / -1;justify-self:start}.auth-trust-strip{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.45rem}.auth-trust-strip li{font-size:.74rem;color:#4a4540;background:#eee9e3;border:1px solid #d4ccc3;border-radius:999px;padding:.18rem .5rem;letter-spacing:.01em}.auth-error{margin:0}.filter-grid{display:grid;gap:.9rem;grid-template-columns:1fr}.filter-pair{display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr))}.filter-label-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem;font-size:.88rem;color:#4a4540}.add-wall-btn{margin-top:0;padding:.18rem .55rem;font-size:.75rem;border-radius:6px;background:#eae5df;color:#4a4540;border:1px solid #c8c0b8;line-height:1.4}.add-wall-btn:hover{background:#ddd7cf;filter:none}.palette-row{margin-top:.8rem;max-width:320px}.grid{display:grid;gap:.9rem}.grid.four,.grid.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.forms,.grid.charts{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{background:#faf7f4;border:1px solid #dbd5ce;border-radius:14px;padding:.85rem 1rem;box-shadow:0 8px 18px #5a785412}.metric h3{margin:0;font-size:.86rem;color:#6b6058}.metric strong{display:block;margin-top:.3rem;font-size:1.4rem;color:#27211e}.chart{min-height:320px}.wide{grid-column:span 3}input,select,button{font:inherit}label{display:grid;gap:.25rem;font-size:.88rem;color:#4a4540}input,select{width:100%;min-height:2.35rem;padding:.56rem .62rem;border-radius:9px;border:1px solid #c8c0b8;background:#f9f6f2;color:#27211e}select{height:38.90625px}button{margin-top:.6rem;width:fit-content;border:none;border-radius:10px;padding:.56rem 1rem;color:#f4f1ed;background:linear-gradient(90deg,#5a7854,#3d5238);cursor:pointer}button:hover{filter:brightness(1.07)}button:disabled{cursor:not-allowed;opacity:.55;filter:none}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,.tab:focus-visible,.file-input-label:focus-within,.multi-select-trigger:focus-visible,.add-wall-btn:focus-visible{outline:2px solid #5a7854;outline-offset:2px}.grade-range-input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #5a785452;border-color:#3d5238}.grade-range-input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px #5a785452;border-color:#3d5238}.multi-select{position:relative}.multi-select-trigger{margin-top:0;width:100%;text-align:left;color:#27211e;background:#f9f6f2;border:1px solid #c8c0b8}.multi-select-menu{position:absolute;top:calc(100% + .3rem);left:0;right:0;max-height:220px;overflow:auto;border-radius:10px;border:1px solid #c8c0b8;background:#faf7f4;box-shadow:0 10px 24px #27211e1f;padding:.35rem;z-index:20}.multi-select-option{display:flex;align-items:center;gap:.45rem;padding:.35rem .3rem;font-size:.86rem}.multi-select-option input{width:auto}.tab{margin-top:0;border:1px solid #5a7854;background:#faf7f4;color:#3d5238}.tab.active{color:#f4f1ed;background:linear-gradient(90deg,#5a7854,#3d5238)}.hero .tab{border:1px solid rgba(240,236,230,.4);background:#f0ece61f;color:#f0ece6}.hero .tab.active{background:#f0ece640;border-color:#f0ece6bf;font-weight:600}.hero .tab:hover:not(.active){background:#f0ece62e}.inline-form{margin-top:.7rem;display:flex;flex-wrap:wrap;align-items:end;gap:.6rem}.inline-form label{flex:1 1 260px}.hint{margin:0 0 .7rem;color:#6b6058;font-size:.88rem}.success{margin-top:.6rem;color:#4a6741;font-size:.9rem}.link-button{display:inline-flex;margin-bottom:.6rem;text-decoration:none;border:1px solid #5a7854;border-radius:10px;padding:.45rem .8rem;color:#3d5238;background:#edf2eb}.link-button:hover{background:#deeadb}.danger-button{margin-top:0;background:linear-gradient(90deg,#b94040,#8b2c2c)}.danger-button:disabled{cursor:not-allowed;opacity:.7}.secondary-button{margin-top:0;background:linear-gradient(90deg,#78716c,#57534e)}.action-buttons{display:flex;gap:.5rem;align-items:center}.table-shell{display:grid;gap:.9rem}.table-pagination{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.table-pagination-status{color:#6b6058;font-size:.85rem}.form-actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin-top:.45rem}.form-actions button{margin-top:0}.style-picker{position:relative}.style-picker-menu{padding:.6rem;display:grid;gap:.7rem}.style-picker-selected{display:flex;flex-wrap:wrap;gap:.4rem}.style-chip{margin-top:0;border-radius:999px;padding:.42rem .7rem;background:#edf2eb;color:#3d5238;border:1px solid #c4d4c2;font-size:.8rem}.style-chip span{margin-left:.35rem}.style-picker-options{max-height:200px;overflow:auto;padding-right:.2rem;display:grid;gap:.15rem}.style-picker-custom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:center}.style-picker-custom button{margin-top:0}.compact-hint{margin:0}.import-card{display:grid;gap:.75rem;padding:.85rem;border-radius:12px;background:linear-gradient(180deg,#fbf9f6,#f4efe9);border:1px solid #e1d9d1}.import-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.file-input-label{display:inline-flex;align-items:center;gap:.5rem;margin-top:0;padding:.45rem .8rem;border-radius:10px;background:#edf2eb;border:1px solid #c4d4c2;color:#3d5238;cursor:pointer;position:relative;overflow:hidden}.file-input-label input{width:1px;height:1px;opacity:0;overflow:hidden;position:absolute;pointer-events:none}.file-input-label:hover{background:#deeadb}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#16121073;display:grid;place-items:center;padding:1rem;z-index:60}.modal-panel{width:min(640px,100%);max-height:90vh;overflow:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.8rem}.modal-header h2{margin:0}.edit-form{margin-bottom:1rem;padding:.85rem;border:1px solid #dbd5ce;border-radius:12px;background:#f4f1ed}.edit-form h3{margin:0 0 .7rem;font-size:1rem}.error{background:#f5e8e8;color:#7a2828;border:1px solid #e8c8c8;padding:.7rem;border-radius:10px}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:.5rem;border-bottom:1px solid #e0d9d2;font-size:.9rem}thead th{color:#4a4540;background:#eee9e3}tbody tr:hover{background:#5a78540f}.table-empty{padding:1.5rem;text-align:center;color:#6b6058;font-size:.92rem;background:#faf7f4;border:1px dashed #d4ccc3;border-radius:12px}.filters-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin:0 0 .8rem}.filters-header h2{margin:0}.file-name{font-size:.85rem;color:#4a4540;word-break:break-all}.toast-region{position:fixed;bottom:1.2rem;right:1.2rem;z-index:90;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{pointer-events:auto;min-width:220px;max-width:360px;padding:.7rem .9rem;border-radius:10px;box-shadow:0 10px 24px #27211e2e;font-size:.9rem;animation:toast-in .18s ease-out}.toast.success{background:#e7efe2;color:#2f4528;border:1px solid #b9cdb1}.toast.error{background:#f5e8e8;color:#7a2828;border:1px solid #e8c8c8}@keyframes toast-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.grade-range-label{gap:.5rem}.grade-range-slider{display:flex;flex-direction:column;gap:.55rem;padding:.3rem .1rem 0}.grade-range-track-wrap{position:relative;height:28px;display:flex;align-items:center}.grade-range-bg{position:absolute;left:0;right:0;height:5px;border-radius:3px;background:#dbd5ce;pointer-events:none}.grade-range-fill{position:absolute;height:5px;border-radius:3px;background:linear-gradient(90deg,#5a7854,#3d5238);pointer-events:none}.grade-range-input{position:absolute;width:100%;height:5px;background:transparent;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;padding:0;margin:0;outline:none;pointer-events:none}.grade-range-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#faf7f4;border:2.5px solid #5a7854;box-shadow:0 1px 5px #27211e38;pointer-events:auto;cursor:grab;transition:border-color .15s,box-shadow .15s}.grade-range-input::-webkit-slider-thumb:active{cursor:grabbing;border-color:#3d5238;box-shadow:0 0 0 4px #5a78542e}.grade-range-input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#faf7f4;border:2.5px solid #5a7854;box-shadow:0 1px 5px #27211e38;pointer-events:auto;cursor:grab}.grade-range-input::-webkit-slider-runnable-track{background:transparent}.grade-range-input::-moz-range-track{background:transparent}.grade-range-labels{display:flex;justify-content:space-between;align-items:center}.grade-range-badge{font-size:.78rem;font-weight:600;color:#3d5238;background:#edf2eb;border:1px solid #c4d4c2;border-radius:5px;padding:.12rem .42rem;min-width:2.8rem;text-align:center}@media(max-width:1080px){.grid.four,.grid.cards,.grid.forms,.grid.charts{grid-template-columns:repeat(2,minmax(0,1fr))}.wide{grid-column:span 2}.filter-grid{grid-template-columns:1fr}.filter-pair,.auth-form{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-landing-grid{grid-template-columns:1fr}}@media(max-width:700px){.grid.four,.grid.cards,.grid.forms,.grid.charts{grid-template-columns:1fr}.wide{grid-column:span 1}.hero-actions{width:100%;justify-content:flex-start}.auth-landing-hero{flex-direction:column;align-items:flex-start}.modal-overlay{padding:.75rem}.auth-form,.style-picker-custom{grid-template-columns:1fr}.table-pagination{align-items:flex-start}}.sort-button{background:transparent;border:0;padding:0;color:inherit;font:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:.2rem}.sort-button:hover{text-decoration:underline}.sort-button.active{color:#3d5238;font-weight:600}.confirm-modal{max-width:440px}.confirm-message{margin:0 0 1rem;color:#27211e;font-size:.95rem;line-height:1.4}.confirm-actions{display:flex;gap:.5rem;justify-content:flex-end;margin:0}.multi-select-search{margin-bottom:.4rem;width:100%;padding:.35rem .5rem;border-radius:8px;border:1px solid #c8c0b8;font-size:.85rem;background:#fdfaf6}.date-presets{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.4rem}.preset-chip{margin-top:0;padding:.25rem .65rem;font-size:.78rem;border-radius:999px;background:#eae5df;color:#4a4540;border:1px solid #c8c0b8;cursor:pointer}.preset-chip:hover{background:#ddd6cc}.charts-toggle{display:flex;justify-content:center;margin:.4rem 0 .8rem}.advanced-charts{animation:fade-in .2s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.theme-toggle{width:38px;height:38px;border-radius:50%;border:1px solid rgba(240,236,230,.35);background:#f0ece61f;color:#f0ece6;cursor:pointer;font-size:1.1rem;line-height:1;padding:0;display:inline-flex;align-items:center;justify-content:center}.theme-toggle:hover{background:#f0ece638}.sends-cards{list-style:none;padding:0;margin:0;display:none;gap:.6rem}.send-card{border:1px solid var(--card-border, #e3ddd5);background:var(--card-bg, #fdfaf6);border-radius:12px;padding:.7rem .85rem;display:flex;flex-direction:column;gap:.55rem}.send-card-header{display:flex;justify-content:space-between;align-items:center;gap:.6rem;font-size:.78rem}.send-card-grade{background:#edf2eb;color:#3d5238;padding:.18rem .55rem;border-radius:999px;font-weight:600;font-size:.78rem}.send-card-date{color:#6b6058}.send-card-name{margin:0;font-size:1rem;color:#27211e}.send-card-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem .6rem;margin:0;font-size:.82rem}.send-card-meta>div{display:flex;flex-direction:column;gap:.1rem;min-width:0}.send-card-meta-full{grid-column:1 / -1}.send-card-meta dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:#6b6058;margin:0}.send-card-meta dd{margin:0;color:#27211e;overflow-wrap:anywhere}.send-card-actions{justify-content:flex-end}@media(max-width:720px){.table-wrap{display:none}.sends-cards{display:grid}}[data-theme=dark]{color-scheme:dark}[data-theme=dark] :root,[data-theme=dark] body{color:#ebe4dc;background-color:#16130f}[data-theme=dark] body{background:radial-gradient(circle at 10% 0%,rgba(90,120,84,.18),transparent 42%),radial-gradient(circle at 96% 96%,rgba(120,113,108,.22),transparent 38%),#16130f}[data-theme=dark] .panel,[data-theme=dark] .panel.wide,[data-theme=dark] .panel.tight,[data-theme=dark] .panel.auth-panel,[data-theme=dark] article.panel,[data-theme=dark] section.panel{background:#211c18;color:#ebe4dc;border:1px solid #2f2823;box-shadow:none}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] label,[data-theme=dark] dt,[data-theme=dark] dd{color:#ebe4dc}[data-theme=dark] p,[data-theme=dark] .hint,[data-theme=dark] .table-empty,[data-theme=dark] .send-card-date,[data-theme=dark] .table-pagination-status{color:#a89e94}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea,[data-theme=dark] .multi-select-search,[data-theme=dark] .multi-select-trigger{background:#1a1612;color:#ebe4dc;border:1px solid #3a312b}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#6b6058}[data-theme=dark] .multi-select-menu{background:#1a1612;border:1px solid #3a312b;color:#ebe4dc}[data-theme=dark] table{color:#ebe4dc}[data-theme=dark] th{background:#1a1612;color:#d4cabf;border-bottom:1px solid #2f2823}[data-theme=dark] td{border-bottom:1px solid #2a231e}[data-theme=dark] tbody tr:hover{background:#5a78541a}[data-theme=dark] .secondary-button{background:#2a231e;color:#ebe4dc;border:1px solid #3a312b}[data-theme=dark] .secondary-button:hover{background:#34291f}[data-theme=dark] .preset-chip{background:#2a231e;color:#d4cabf;border:1px solid #3a312b}[data-theme=dark] .preset-chip:hover{background:#34291f}[data-theme=dark] .send-card{background:#211c18;border:1px solid #2f2823}[data-theme=dark] .send-card-grade{background:#5a785438;color:#c2d5b9}[data-theme=dark] .send-card-name,[data-theme=dark] .send-card-meta dd{color:#ebe4dc}[data-theme=dark] .send-card-meta dt{color:#8a8076}[data-theme=dark] .toast.success{background:#233320;color:#c2d5b9;border-color:#3a5234}[data-theme=dark] .toast.error{background:#3a1f1f;color:#f1c5c5;border-color:#6b3232}[data-theme=dark] .modal-overlay{background:#08060499}[data-theme=dark] .sort-button.active{color:#c2d5b9}[data-theme=dark] .auth-pill{background:#f0ece60f}[data-theme=dark] .auth-landing-hero{background:linear-gradient(160deg,#2f3c2a,#1a1612)}[data-theme=dark] .auth-landing-highlights{background:#211c18;border-color:#2f2823}[data-theme=dark] .auth-landing-highlights ul{color:#a89e94}[data-theme=dark] .auth-landing-highlights strong{color:#ebe4dc}[data-theme=dark] .auth-trust-strip li{color:#c7bdb3;background:#2a231e;border-color:#3a312b}[data-theme=dark] .file-name{color:#a89e94}[data-theme=dark] .style-chip{background:#2a231e;color:#ebe4dc;border:1px solid #3a312b}