:root{--bg:#0f1116;--surface:#15181e;--surface-2:#1a1e25;--border:#23272f;--border-strong:#2d323b;--text:#e4e7ec;--text-muted:#969ba5;--text-faint:#646a74;--accent:#4d7cfe;--accent-hover:#3f6bea;--accent-soft:#4d7cfe24;--ok:#4caf7d;--danger:#d06666;--danger-soft:#d066661f;--radius:9px;--radius-sm:6px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.55}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:600}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}input,select,button{font:inherit;color:inherit}input,select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);height:40px;color:var(--text);outline:none;padding:0 .6rem;font-size:15px;transition:border-color .12s,box-shadow .12s}select{cursor:pointer}input::placeholder{color:var(--text-faint)}input:focus,select:focus,button:focus-visible,a:focus-visible{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:1px;box-shadow:0 0 0 3px var(--accent-soft)}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}.app{flex-direction:column;gap:24px;max-width:1120px;margin:0 auto;padding:32px 28px 72px;display:flex}.splash{min-height:100vh;color:var(--text-muted);place-items:center;display:grid}.auth{place-items:center;min-height:100vh;padding:24px;display:grid}.auth__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:400px;padding:28px}.auth__title{font-size:22px}.auth__sub{color:var(--text-muted);margin:6px 0 20px;font-size:14px}.auth__form{flex-direction:column;gap:14px;display:flex}.auth__form .afield input{width:100%}.auth__help{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.auth__error{color:var(--danger);margin:0;font-size:13px}.auth__notice{color:var(--ok);margin:0;font-size:13px}.auth__switch{color:var(--text-muted);text-align:center;margin:16px 0 0;font-size:13px}.turnstile{min-height:65px}.pw-input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);align-items:center;height:40px;display:flex;overflow:hidden}.pw-input:focus-within{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:1px;box-shadow:0 0 0 3px var(--accent-soft)}.pw-input input{height:38px;box-shadow:none;background:0 0;border:none;outline:none;flex:1}.pw-input input:focus{box-shadow:none;outline:none}.pw-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;height:100%;padding:0 12px;font-size:13px}.pw-toggle:hover{color:var(--text)}.app__user{color:var(--text-muted);align-items:center;gap:10px;margin-top:-8px;font-size:13px;display:flex}.linkbtn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.linkbtn:hover{text-decoration:underline}.manage{flex-direction:column;gap:14px;display:flex}.manage__head{justify-content:space-between;align-items:center;display:flex}.manage__head h3{font-size:17px}.access{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:18px 20px 20px}.access__head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.access__head h3{font-size:16px}.access__add{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.access__add .afield{flex:180px}.access__add .afield .pw-input{width:100%}.access__admin--new{height:40px;padding-bottom:2px}.access__list{border:1px solid var(--border);border-radius:var(--radius-sm);margin:0;padding:0;list-style:none}.access__row{border-bottom:1px solid var(--border);padding:10px 14px}.access__row:last-child{border-bottom:none}.access__row-main{justify-content:space-between;align-items:center;gap:12px;display:flex}.access__ok{color:var(--ok);font-size:12px}.access__pw{align-items:center;gap:8px;margin-top:10px;display:flex}.access__pw .pw-input{flex:1;max-width:340px}.access__row-err{margin:8px 0 0}.access__confirm{border:1px solid color-mix(in srgb, var(--danger) 40%, transparent);background:var(--danger-soft);border-radius:var(--radius-sm);align-items:center;gap:10px;margin-top:10px;padding:10px 12px;font-size:13px;display:flex}.access__confirm span{flex:1}.access__email{font-size:14px}.access__you{color:var(--text-muted)}.access__controls{align-items:center;gap:14px;display:flex}.access__admin{color:var(--text-muted);cursor:pointer;align-items:center;gap:7px;font-size:13px;display:inline-flex}.access__admin input{width:18px;height:18px;accent-color:var(--accent)}.access__note{color:var(--text-faint);margin:12px 0 0;font-size:12px}.app__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:20px;display:flex}.app__title h1{font-size:28px}.app__subtitle{color:var(--text-muted);margin:4px 0 0;font-size:13px}.app__actions{flex:none;gap:8px;display:flex}.btn{border:1px solid var(--border-strong);background:var(--surface);height:40px;color:var(--text);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.btn:hover{background:var(--surface-2);border-color:var(--border-strong)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--sm{height:34px;padding:0 12px;font-size:13px}.btn--lg{height:44px;padding:0 22px;font-size:15px;font-weight:600}.btn--ghost{background:0 0}.btn--ghost.is-active{border-color:var(--accent);color:var(--accent)}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn--danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn--danger:hover:not(:disabled){filter:brightness(1.08)}.banner{border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:13px;display:flex}.banner--error{background:var(--danger-soft);color:var(--danger);border:1px solid #d0666666}.banner button{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:5px;padding:3px 8px;font-size:12px}.settings-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-end;gap:16px;padding:16px;display:flex}.settings-panel__grid{flex-wrap:wrap;gap:16px;display:flex}.field{flex-direction:column;gap:5px;display:flex}.field>span{color:var(--text-muted);font-size:12px;font-weight:500}.field input{min-width:150px}.money-input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);align-items:center;height:40px;padding-left:10px;display:inline-flex}.money-input:focus-within{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:1px;box-shadow:0 0 0 3px var(--accent-soft)}.money-input__sign{color:var(--text-muted);font-size:13px}.money-input input{height:38px;box-shadow:none;text-align:right;background:0 0;border:none;outline:none;width:96px;padding:0 10px 0 4px}.money-input input:focus{box-shadow:none;outline:none}.summary{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:40px;padding:16px 20px;display:flex}.summary__total{flex-direction:column;gap:2px;display:flex}.summary__total-label{color:var(--text-muted);font-size:12px}.summary__total-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:600;line-height:1.1}.summary__lines{grid-template-columns:auto auto;gap:4px 32px;margin:0;display:grid}.summary__line{display:contents}.summary__line dt{color:var(--text-muted);font-size:13px}.summary__line dd{text-align:right;font-variant-numeric:tabular-nums;color:var(--text);margin:0;font-size:13px}.summary__line dd.is-ok{color:var(--ok)}.summary__line dd.is-over{color:var(--danger)}.summary__progress{background:var(--border);border-radius:3px;flex:160px;min-width:140px;height:6px;overflow:hidden}.summary__progress-bar{background:var(--accent);border-radius:3px;height:100%;transition:width .3s}.summary__progress-bar.is-over{background:var(--danger)}.materials{flex-direction:column;gap:12px;display:flex}.materials__head{align-items:baseline;gap:10px;display:flex}.materials__head h2{font-size:17px}.materials__count{color:var(--text-muted);font-size:13px}.filters{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.chip{border:1px solid var(--border-strong);cursor:pointer;color:var(--text-muted);background:0 0;border-radius:5px;padding:3px 9px;font-size:12px;transition:all .12s}.chip:hover{color:var(--text);border-color:var(--border-strong)}.chip.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.mlist{flex-direction:column;gap:8px;display:flex}.mrow{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:14px;padding:14px 16px;transition:border-color .12s;display:flex}.mrow:hover{border-color:var(--border-strong)}.mrow__check{cursor:pointer;align-items:center;padding-top:1px;display:flex}.mrow__check input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);cursor:pointer;flex:none}.mrow__body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.mrow__head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mrow__name{font-size:15px;font-weight:500}.mrow--purchased .mrow__name{color:var(--text-muted);text-decoration:line-through}.mrow__meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.mrow__meta>*+:before{content:"·";color:var(--text-faint);margin-right:8px}.mrow__end{flex-direction:column;flex:none;align-items:flex-end;gap:6px;display:flex}.mrow__total{font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.mrow__actions{gap:2px;display:flex}.badge{background:var(--surface-2);border:1px solid var(--border-strong);color:var(--text-muted);white-space:nowrap;border-radius:5px;padding:2px 8px;font-size:12px;display:inline-block}.icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;padding:7px 10px;font-size:13px;transition:background .12s,color .12s,border-color .12s}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn--danger:hover{background:var(--danger-soft);color:var(--danger)}.mrow--editing{border-color:var(--accent);flex-direction:column;align-items:stretch;gap:14px}.mrow__edit{flex-wrap:wrap;gap:12px 14px;display:flex}.mrow__edit-foot{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:10px;padding-top:12px;display:flex}.mrow__edit-total{color:var(--text-muted);margin-right:auto;font-size:13px}.mrow__edit-total strong{color:var(--text);font-variant-numeric:tabular-nums}.mlist__foot{color:var(--text-muted);justify-content:flex-end;align-items:baseline;gap:12px;padding:8px 16px 2px;font-size:13px;display:flex}.mlist__foot strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:15px}.mlist__empty{text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--text-muted);flex-direction:column;align-items:center;gap:4px;padding:40px 16px;display:flex}.mlist__empty strong{color:var(--text);font-weight:500}.mlist__empty span{font-size:13px}.loading{text-align:center;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);padding:32px}.status{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);align-items:center;gap:10px;padding:12px 14px;font-size:14px;display:flex}.status--success{background:#4caf7d1a;border-color:#4caf7d80}.status__icon{color:#fff;background:var(--accent);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:13px;display:grid}.status--success .status__icon{background:var(--ok)}.status__text{flex:1}.status__undo{border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-sm);cursor:pointer;padding:6px 14px;font-size:14px;font-weight:600}.status__undo:hover{background:var(--accent);color:#fff}.status__close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:6px 8px;font-size:14px}.status__close:hover{background:var(--surface-2);color:var(--text)}.materials__hint{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.add-form{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:18px 20px 20px}.add-form__title{margin-bottom:14px;font-size:16px}.add-form__fields{flex-wrap:wrap;gap:14px 16px;display:flex}.afield{flex-direction:column;gap:6px;display:flex}.afield>span{color:var(--text-muted);font-size:13px;font-weight:500}.afield input,.afield select,.afield .money-input{width:100%}.afield--item{flex:240px;min-width:200px}.afield--qty{flex:0 0 84px}.afield--price{flex:0 0 130px}.afield--vendor,.afield--link{flex:160px;min-width:140px}.add-form__foot{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:20px;margin-top:18px;padding-top:16px;display:flex}.add-form__total{align-items:baseline;gap:10px;margin-right:auto;display:flex}.add-form__total span{color:var(--text-muted);font-size:13px}.add-form__total strong{font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.modal{z-index:50;background:#0000008c;place-items:center;padding:24px;animation:.12s modal-fade;display:grid;position:fixed;inset:0}.modal__card{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);width:100%;max-width:580px;max-height:calc(100vh - 48px);animation:.14s modal-pop;overflow-y:auto;box-shadow:0 20px 50px #00000080}.modal__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal__head h3{font-size:17px}.modal__close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:6px 8px;font-size:15px}.modal__close:hover{background:var(--surface-2);color:var(--text)}.modal__body{padding:20px}.modal__body .add-form{background:0 0;border:none;border-radius:0;padding:0}@keyframes modal-fade{0%{opacity:0}}@keyframes modal-pop{0%{opacity:0;transform:translateY(6px)scale(.98)}}.setup{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px}.setup__badge{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent);border-radius:5px;margin-bottom:12px;padding:2px 9px;font-size:12px;font-weight:500;display:inline-block}.setup h2{font-size:20px}.setup__lead{color:var(--text-muted);max-width:62ch;margin:8px 0 0}.setup code{background:var(--bg);border:1px solid var(--border-strong);border-radius:4px;padding:1px 5px;font-size:.9em}.setup__steps{flex-direction:column;gap:10px;margin:20px 0 0;padding:0;list-style:none;display:flex}.setup__steps li{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.setup__steps p{color:var(--text-muted);margin:3px 0 10px;font-size:13px}.setup__num{background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:13px;font-weight:600;display:grid}.setup__sql{margin-top:18px}.setup__sql summary{cursor:pointer;color:var(--accent);font-size:13px}.setup__sql pre{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:320px;margin-top:10px;padding:14px;font-size:12px;line-height:1.5;overflow:auto}@media (width<=860px){.summary{gap:20px}}@media (width<=560px){.app{padding:24px 16px 56px}.app__actions,.add-form__foot{flex-wrap:wrap}.add-form .btn--lg{width:100%}}