:root{--font-display: "Bricolage Grotesque", Georgia, serif;--font-body: "Manrope", "Segoe UI", sans-serif;--ink: #2c2926;--ink-soft: #4a4540;--ink-on-dark: #2c2926;--ink-muted: rgba(44, 41, 38, .68);--ink-faint: rgba(44, 41, 38, .38);--surface: #1f1c1a;--paper: #ede9e1;--paper-deep: #d9d3c7;--accent: #16c3ff;--accent-deep: #0e9acc;--accent-bright: #4dd0ff;--danger-bg: rgba(192, 57, 43, .12);--danger-border: rgba(192, 57, 43, .35);--danger-text: #8f241a;--field-bg: rgba(44, 41, 38, .06);--field-bg-focus: rgba(44, 41, 38, .1);--field-border: rgba(44, 41, 38, .18);--accent-soft: rgba(22, 195, 255, .16);--accent-softer: rgba(22, 195, 255, .24);--page-bg: radial-gradient(120% 80% at 10% -10%, rgba(22, 195, 255, .12), transparent 55%), radial-gradient(90% 70% at 100% 0%, rgba(44, 41, 38, .06), transparent 50%), linear-gradient(165deg, #f3efe7 0%, #ede9e1 42%, #e2ddd3 100%);--page-glow: radial-gradient(closest-side, rgba(22, 195, 255, .14), transparent 70%);--btn-primary-bg: linear-gradient(135deg, var(--accent-bright) 0%, var(--accent-deep) 100%);--table-bg: rgba(44, 41, 38, .04);--table-head-bg: #e2ddd3;--radius-sm: .75rem;--radius-md: .85rem;--radius-pill: 999px;--space-page: max(1.25rem, env(safe-area-inset-top)) 1.25rem max(1.5rem, env(safe-area-inset-bottom));--ease-out: cubic-bezier(.22, 1, .36, 1);color:var(--ink);background:var(--paper);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input,select{font:inherit}a{color:inherit}.page{position:relative;min-height:100dvh;display:flex;flex-direction:column;padding:var(--space-page);overflow-x:hidden;overflow-y:auto;background:var(--page-bg);color:var(--ink)}.page__content{position:relative;z-index:1;width:min(100%,26rem);margin:0 auto;display:flex;flex-direction:column;flex:1}.page__content--wide{width:min(100%,52rem)}.page__content--center{justify-content:center;gap:2rem}.brand{margin:0;font-family:var(--font-display);font-weight:700;letter-spacing:-.04em;line-height:.95;color:var(--accent)}.brand--hero{margin-bottom:1.1rem;font-size:clamp(2.6rem,11vw,3.4rem)}.brand--nav{font-size:1.5rem;letter-spacing:-.03em}.page-title{margin:0 0 .55rem;font-family:var(--font-display);font-size:clamp(1.45rem,5.5vw,1.75rem);font-weight:500;letter-spacing:-.02em;line-height:1.2;color:var(--surface)}.page-subtitle{margin:0;max-width:22rem;font-size:.98rem;line-height:1.45;color:var(--ink-muted)}.page-text{margin:0;color:var(--ink-muted);line-height:1.45}.page-text strong{color:var(--surface);font-weight:600}.field{display:flex;flex-direction:column;gap:.45rem}.field__label{font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted)}.field__input{width:100%;min-height:3.15rem;padding:.85rem 1rem;border:1px solid var(--field-border);border-radius:var(--radius-md);background:var(--field-bg);color:var(--ink);font-size:1.05rem;outline:none;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.field__input::placeholder{color:var(--ink-faint)}.field__input:focus{border-color:#16c3ffbf;background:var(--field-bg-focus);box-shadow:0 0 0 3px var(--accent-soft)}.field__input:disabled{opacity:.65}select.field__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2316c3ff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.75rem;cursor:pointer}select.field__input option{color:var(--ink);background:var(--paper)}.field__password{position:relative}.field__password .field__input{padding-right:5.5rem}.field__toggle{position:absolute;top:50%;right:.55rem;transform:translateY(-50%);border:0;background:transparent;color:var(--ink-muted);font-size:.82rem;font-weight:600;padding:.4rem .55rem;cursor:pointer}.field__toggle:hover,.field__toggle:focus-visible{color:var(--accent)}.field__toggle:disabled{opacity:.5;cursor:not-allowed}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;border:0;border-radius:var(--radius-pill);font-size:1.05rem;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:transform .18s ease,filter .18s ease,opacity .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}.btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.7;cursor:wait}.btn--primary{background:var(--btn-primary-bg);color:var(--ink)}.btn--ghost{min-height:2.4rem;padding:.55rem 1rem;border:1px solid var(--field-border);background:transparent;color:var(--ink);font-size:.9rem;font-weight:600}.btn--ghost:hover:not(:disabled){border-color:#16c3ff8c;color:var(--accent-deep);filter:none}.alert{margin:0;padding:.75rem .9rem;border-radius:var(--radius-sm);font-size:.92rem;line-height:1.35}.alert--error{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-text);animation:shake .35s ease}.anim-rise{animation:rise .7s var(--ease-out) both}.anim-delay-1{animation-delay:.08s}.anim-delay-2{animation-delay:.16s}.anim-delay-3{animation-delay:.24s}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%{transform:translate(-4%) scale(1)}to{transform:translate(4%) scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (min-width: 640px){:root{--space-page: 2.5rem}.page__content--center{gap:2.35rem}}@media (prefers-reduced-motion: reduce){.page__glow,.anim-rise,.alert--error{animation:none}.btn:hover:not(:disabled),.btn:active:not(:disabled){transform:none}}.home{flex:1;min-height:0;overflow:hidden}.home__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.5rem;flex-shrink:0}.home__body{flex:1;display:flex;flex-direction:column;gap:1rem;min-height:0;overflow:hidden}.home__body .page-title,.home__body .page-subtitle,.home__body .alert,.home__body .page-text{flex-shrink:0}.home__empty{padding:.5rem 0 1rem}.home__new{min-height:2.4rem;padding:.55rem 1.15rem;font-size:.9rem;flex-shrink:0}.orders-table-wrap{flex:1;width:100%;min-height:0;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--field-border);border-radius:var(--radius-md);background:var(--table-bg)}.orders-table{width:100%;border-collapse:collapse;min-width:22rem}.orders-table thead th{position:sticky;top:0;z-index:1;background:var(--table-head-bg)}.orders-table th,.orders-table td{padding:.85rem .9rem;text-align:left;vertical-align:top;font-size:.92rem;line-height:1.35}.orders-table th{font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);border-bottom:1px solid var(--field-border);white-space:nowrap}.orders-table td{color:var(--ink);border-bottom:1px solid rgba(44,41,38,.08)}.orders-table tbody tr:last-child td{border-bottom:0}.orders-table__row--editable{cursor:pointer;transition:background-color .15s ease}.orders-table__row--editable:hover,.orders-table__row--editable:focus-visible{background:var(--accent-soft);outline:none}.orders-table__row--locked{opacity:.55;cursor:default}.orders-table td:nth-child(1),.orders-table td:nth-child(2),.orders-table td:nth-child(3){white-space:nowrap;font-variant-numeric:tabular-nums}@media (max-width: 520px){.orders-table{min-width:0}.orders-table thead{display:none}.orders-table,.orders-table tbody,.orders-table tr,.orders-table td{display:block;width:100%}.orders-table tr{padding:.85rem .9rem;border-bottom:1px solid rgba(44,41,38,.08)}.orders-table tbody tr:last-child{border-bottom:0}.orders-table td{display:grid;grid-template-columns:6.5rem 1fr;gap:.5rem;padding:.25rem 0;border-bottom:0}.orders-table td:before{content:attr(data-label);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);padding-top:.15rem}}.login__form{display:flex;flex-direction:column;gap:1rem}.login__submit{margin-top:.35rem;width:100%}.page--fill{height:100dvh;max-height:100dvh;overflow:hidden}.new-order{flex:1;min-height:0;overflow:hidden}.new-order__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.5rem;flex-shrink:0}.new-order__title{margin-top:.35rem}.new-order>.anim-rise{flex-shrink:0}.articles-wrap{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:.25rem;padding-bottom:1rem}.new-order__form{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem;padding-bottom:.5rem;flex-shrink:0}.new-order__submit{min-height:2.4rem;padding:.55rem 1.15rem;font-size:.9rem;flex-shrink:0}.new-order__insert{width:100%;margin-top:.15rem}.new-order__draft{margin-top:1.25rem;display:flex;flex-direction:column;gap:.85rem;padding-bottom:.25rem;flex-shrink:0}.new-order__draft-title{margin:0;font-family:var(--font-display);font-size:1.05rem;font-weight:600;letter-spacing:-.01em;color:var(--surface)}.draft-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--field-border);border-radius:var(--radius-md);background:var(--table-bg)}.draft-table{width:100%;border-collapse:collapse;min-width:28rem}.draft-table th,.draft-table td{padding:.85rem .9rem;text-align:left;vertical-align:top;font-size:.92rem;line-height:1.35}.draft-table th{font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);border-bottom:1px solid var(--field-border);white-space:nowrap}.draft-table td{color:var(--ink);border-bottom:1px solid rgba(44,41,38,.08)}.draft-table tbody tr:last-child td{border-bottom:0}.draft-table__row--selectable{cursor:pointer;transition:background-color .15s ease}.draft-table__row--selectable:hover,.draft-table__row--selectable:focus-visible{background:var(--accent-soft);outline:none}.draft-table__row--selected{cursor:pointer;background:var(--accent-softer)}.draft-table__row--selected:focus-visible{outline:none}.draft-table td:nth-child(3){white-space:nowrap;font-variant-numeric:tabular-nums}@media (max-width: 520px){.draft-table{min-width:0}.draft-table thead{display:none}.draft-table,.draft-table tbody,.draft-table tr,.draft-table td{display:block;width:100%}.draft-table tr{padding:.85rem .9rem;border-bottom:1px solid rgba(44,41,38,.08)}.draft-table tbody tr:last-child{border-bottom:0}.draft-table td{display:grid;grid-template-columns:6.5rem 1fr;gap:.5rem;padding:.25rem 0;border-bottom:0}.draft-table td:before{content:attr(data-label);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);padding-top:.15rem}}