:root{font-family:Inter,sans-serif;color:#111;background-color:#f8f8f6}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f8f8f6}.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:#555}.auth-landing-highlights li{line-height:1.45}.auth-landing-highlights strong{color:#111}.auth-landing-hero{background:#111;color:#f8f8f6;border-radius:12px;padding:1.2rem 1.4rem;display:flex;align-items:center;justify-content:space-between;gap:.9rem}.auth-landing-hero h1{margin:0;font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:800;letter-spacing:-.02em}.auth-landing-hero p{margin:.35rem 0 0;opacity:.65;font-size:.9rem;max-width:48ch;font-weight:400}.hero{background:#111;color:#f8f8f6;border-radius:12px;padding:1rem 1.4rem;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,2rem);font-weight:800;letter-spacing:-.02em}.hero p{margin:.3rem 0 0;opacity:.6;font-size:.88rem;font-weight:400}.panel{background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:1rem;box-shadow:0 1px 4px #0000000d}.panel h2{margin:0 0 .8rem;font-size:1rem;font-weight:700;color:#111;letter-spacing:-.01em}.tab-row{display:flex;gap:.5rem}.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:.3rem .5rem;border-radius:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.auth-pill span{font-size:.8rem;font-weight:500}.auth-badge{display:inline-flex;align-items:center;justify-content:center;padding:.1rem .4rem;border-radius:4px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.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:.4rem}.auth-trust-strip li{font-size:.73rem;font-weight:500;color:#555;background:#f0f0ee;border:1px solid #d8d8d8;border-radius:4px;padding:.18rem .5rem;letter-spacing:.02em}.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:.85rem;font-weight:500;color:#555}.add-wall-btn{margin-top:0;padding:.18rem .55rem;font-size:.73rem;border-radius:4px;background:#f0f0ee;color:#333;border:1px solid #d0d0ce;line-height:1.4;font-weight:500}.add-wall-btn:hover{background:#e5e5e3;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:#fff;border:1px solid #e5e5e5;border-top:3px solid #3c5230;border-radius:10px;padding:.9rem 1rem;box-shadow:0 1px 4px #0000000a}.metric h3{margin:0;font-size:.75rem;font-weight:600;color:#777;text-transform:uppercase;letter-spacing:.06em}.metric strong{display:block;margin-top:.4rem;font-size:1.7rem;font-weight:800;color:#111;letter-spacing:-.03em;line-height:1}.chart{min-height:320px}.wide{grid-column:span 3}input,select,button{font:inherit}label{display:grid;gap:.25rem;font-size:.85rem;font-weight:500;color:#444}input,select{width:100%;min-height:2.3rem;padding:.5rem .6rem;border-radius:7px;border:1px solid #d5d5d5;background:#fff;color:#111;font-size:.9rem}select{height:38px}button{margin-top:.6rem;width:fit-content;border:none;border-radius:7px;padding:.52rem 1rem;color:#f8f8f6;background:#3c5230;cursor:pointer;font-weight:600;font-size:.88rem}button:hover{filter:brightness(1.1)}button:disabled{cursor:not-allowed;opacity:.45;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 #3c5230;outline-offset:2px}.grade-range-input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #3c523040;border-color:#2a3d1e}.grade-range-input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px #3c523040;border-color:#2a3d1e}.multi-select{position:relative}.multi-select-trigger{margin-top:0;width:100%;text-align:left;color:#111;background:#fff;border:1px solid #d5d5d5;font-weight:400}.multi-select-menu{position:absolute;top:calc(100% + .3rem);left:0;right:0;max-height:220px;overflow:auto;border-radius:8px;border:1px solid #d5d5d5;background:#fff;box-shadow:0 8px 24px #0000001a;padding:.35rem;z-index:20}.multi-select-option{display:flex;align-items:center;gap:.45rem;padding:.35rem;font-size:.86rem;border-radius:5px}.multi-select-option:hover{background:#f5f5f3}.multi-select-option input{width:auto;accent-color:#3c5230}.tab{margin-top:0;border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:#f8f8f6bf;font-weight:500;font-size:.85rem;border-radius:7px}.tab.active{color:#111;background:#f8f8f6;border-color:#f8f8f6;font-weight:700}.hero .tab{border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#f8f8f6b3}.hero .tab.active{background:#f8f8f6;border-color:#f8f8f6;color:#111;font-weight:700}.hero .tab:hover:not(.active){background:#ffffff1f}.hero .secondary-button{color:#f8f8f6;border-color:#ffffff4d;background:transparent}.hero .secondary-button:hover{background:#ffffff1a;filter:none}.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:#777;font-size:.86rem}.success{margin-top:.6rem;color:#3c5230;font-size:.9rem;font-weight:500}.link-button{display:inline-flex;margin-bottom:.6rem;text-decoration:none;border:1px solid #3c5230;border-radius:7px;padding:.45rem .8rem;color:#3c5230;background:#eef3eb;font-weight:500}.link-button:hover{background:#e1eddc}.danger-button{margin-top:0;background:#c0392b;color:#fff}.danger-button:hover{filter:brightness(1.08)}.danger-button:disabled{cursor:not-allowed;opacity:.6}.secondary-button{margin-top:0;background:transparent;color:#111;border:1px solid #d0d0ce}.secondary-button:hover{background:#f0f0ee;filter:none}.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:#777;font-size:.84rem;font-weight:500}.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:4px;padding:.3rem .65rem;background:#eef3eb;color:#3c5230;border:1px solid #b8ccae;font-size:.78rem;font-weight:600}.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:.9rem;border-radius:8px;background:#f5f5f3;border:1px solid #e0e0de}.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:7px;background:#eef3eb;border:1px solid #b8ccae;color:#3c5230;cursor:pointer;position:relative;overflow:hidden;font-weight:500;font-size:.86rem}.file-input-label input{width:1px;height:1px;opacity:0;overflow:hidden;position:absolute;pointer-events:none}.file-input-label:hover{background:#e1eddc}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;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:.9rem;border:1px solid #e5e5e5;border-radius:8px;background:#f8f8f6}.edit-form h3{margin:0 0 .7rem;font-size:.95rem;font-weight:700}.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;padding:.7rem;border-radius:8px;font-size:.88rem;font-weight:500}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:.55rem .6rem;border-bottom:1px solid #eeeeee;font-size:.88rem}thead th{color:#444;background:#f5f5f3;font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid #e5e5e5}tbody tr:hover{background:#f8f8f6}.table-empty{padding:2rem;text-align:center;color:#888;font-size:.9rem;background:#fff;border:1px dashed #d5d5d5;border-radius:8px;font-weight:500}.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:.84rem;color:#555;word-break:break-all;font-weight:500}.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:8px;box-shadow:0 8px 20px #00000024;font-size:.88rem;font-weight:500;animation:toast-in .16s ease-out}.toast.success{background:#eef5eb;color:#2a4220;border:1px solid #b8d4ae}.toast.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}@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:4px;border-radius:2px;background:#d5d5d5;pointer-events:none}.grade-range-fill{position:absolute;height:4px;border-radius:2px;background:#3c5230;pointer-events:none}.grade-range-thumb{position:absolute;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #3c5230;box-shadow:0 1px 4px #00000026;pointer-events:none;z-index:2}.grade-range-input{position:absolute;left:9px;right:9px;width:auto;height:4px;background:transparent;-moz-appearance:none;appearance:none;-webkit-appearance:none;overflow:visible;border:none;padding:0;margin:0;outline:none;pointer-events:none;z-index:3}.grade-range-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:transparent;border:none;box-shadow:none;pointer-events:auto;cursor:grab}.grade-range-input::-webkit-slider-thumb:active{cursor:grabbing}.grade-range-input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:transparent;border:none;box-shadow:none;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:.76rem;font-weight:700;color:#3c5230;background:#eef3eb;border:1px solid #b8ccae;border-radius:4px;padding:.12rem .42rem;min-width:2.8rem;text-align:center;letter-spacing:.01em}@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;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.sort-button:hover{text-decoration:underline}.sort-button.active{color:#3c5230}.confirm-modal{max-width:440px}.confirm-message{margin:0 0 1rem;color:#111;font-size:.95rem;line-height:1.5;font-weight:500}.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:6px;border:1px solid #d5d5d5;font-size:.84rem;background:#fafafa}.date-presets{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.4rem}.preset-chip{margin-top:0;padding:.22rem .62rem;font-size:.76rem;font-weight:600;border-radius:4px;background:#f0f0ee;color:#444;border:1px solid #d0d0ce;cursor:pointer;letter-spacing:.01em}.preset-chip:hover{background:#e5e5e3;filter:none}.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:36px;height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#f8f8f6;cursor:pointer;font-size:1rem;line-height:1;padding:0;display:inline-flex;align-items:center;justify-content:center}.theme-toggle:hover{background:#ffffff29}.sends-cards{list-style:none;padding:0;margin:0;display:none;gap:.6rem}.send-card{border:1px solid #e5e5e5;background:#fff;border-radius:8px;padding:.75rem .9rem;display:flex;flex-direction:column;gap:.55rem}.send-card-header{display:flex;justify-content:space-between;align-items:center;gap:.6rem;font-size:.76rem}.send-card-grade{background:#eef3eb;color:#3c5230;padding:.18rem .55rem;border-radius:4px;font-weight:700;font-size:.75rem;letter-spacing:.02em}.send-card-date{color:#888;font-weight:500}.send-card-name{margin:0;font-size:.98rem;font-weight:700;color:#111;letter-spacing:-.01em}.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:.68rem;text-transform:uppercase;letter-spacing:.05em;color:#999;margin:0;font-weight:600}.send-card-meta dd{margin:0;color:#222;overflow-wrap:anywhere;font-weight:500}.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:#f0f0ee;background-color:#0a0a0a}[data-theme=dark] body{background:#0a0a0a}[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:#1a1a1a;color:#f0f0ee;border:1px solid #2a2a2a;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:#f0f0ee}[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:#888}[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:#111;color:#f0f0ee;border:1px solid #333333}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#555}[data-theme=dark] .multi-select-menu{background:#1a1a1a;border:1px solid #333333;color:#f0f0ee}[data-theme=dark] .multi-select-option:hover{background:#222}[data-theme=dark] table{color:#f0f0ee}[data-theme=dark] th{background:#141414;color:#aaa;border-bottom:2px solid #2a2a2a}[data-theme=dark] td{border-bottom:1px solid #222222}[data-theme=dark] tbody tr:hover{background:#1e1e1e}[data-theme=dark] .secondary-button{background:transparent;color:#f0f0ee;border:1px solid #333333}[data-theme=dark] .secondary-button:hover{background:#222}[data-theme=dark] .preset-chip{background:#1a1a1a;color:#ccc;border:1px solid #333333}[data-theme=dark] .preset-chip:hover{background:#222}[data-theme=dark] .send-card{background:#1a1a1a;border:1px solid #2a2a2a}[data-theme=dark] .send-card-grade{background:#3c52304d;color:#a8c89a}[data-theme=dark] .send-card-name{color:#f0f0ee}[data-theme=dark] .send-card-meta dd{color:#ddd}[data-theme=dark] .send-card-meta dt{color:#666}[data-theme=dark] .toast.success{background:#1a2e18;color:#a8c89a;border-color:#2e5228}[data-theme=dark] .toast.error{background:#2a1010;color:#fca5a5;border-color:#6b2020}[data-theme=dark] .modal-overlay{background:#000000b3}[data-theme=dark] .sort-button.active{color:#a8c89a}[data-theme=dark] .auth-pill{background:#ffffff0f;border-color:#ffffff1f}[data-theme=dark] .auth-landing-hero{background:#111;border:1px solid #2a2a2a}[data-theme=dark] .auth-landing-highlights{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .auth-landing-highlights ul{color:#888}[data-theme=dark] .auth-landing-highlights strong{color:#f0f0ee}[data-theme=dark] .auth-trust-strip li{color:#aaa;background:#1a1a1a;border-color:#333}[data-theme=dark] .file-name{color:#888}[data-theme=dark] .style-chip{background:#3c523040;color:#a8c89a;border:1px solid #2e5228}[data-theme=dark] .metric{background:#1a1a1a;border:1px solid #2a2a2a;border-top:3px solid #4a6a38}[data-theme=dark] .metric h3{color:#666}[data-theme=dark] .metric strong{color:#f0f0ee}[data-theme=dark] .grade-range-bg{background:#333}[data-theme=dark] .grade-range-badge{background:#3c52304d;color:#a8c89a;border-color:#2e5228}[data-theme=dark] .grade-range-thumb{background:#ccc;border-color:#4a6a38}[data-theme=dark] .add-wall-btn{background:#1a1a1a;color:#ccc;border-color:#333}[data-theme=dark] .add-wall-btn:hover{background:#222}[data-theme=dark] .edit-form,[data-theme=dark] .import-card{background:#141414;border-color:#2a2a2a}[data-theme=dark] .table-empty{background:#141414;border-color:#2a2a2a;color:#666}[data-theme=dark] .error{background:#2a1010;color:#fca5a5;border-color:#6b2020}