:root{--bg:#e0e5ec;--shadow-dark:#a3b1c6;--shadow-light:#fff;--text:#31344b;--muted:#5d6685;--accent:#0891b2;--accent-glow:#67e8f9;--warm:#b45309;--danger:#b91c1c;--raise:6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light);--raise-sm:5px 5px 10px var(--shadow-dark), -5px -5px 10px var(--shadow-light);--raise-lg:9px 9px 18px var(--shadow-dark), -9px -9px 18px var(--shadow-light);--inset:inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light);--radius:14px;--radius-lg:24px;--ease:.22s ease}*,:before,:after{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}.page{max-width:42rem;margin:0 auto;padding:2.5rem 1.25rem 4rem}h1{letter-spacing:-.01em;margin:0 0 .25rem;font-size:clamp(1.75rem,4vw,2.4rem)}.subtitle{color:var(--muted);margin:0 0 2rem}.card{background:var(--bg);border-radius:var(--radius-lg);box-shadow:var(--raise-lg);margin-bottom:2rem;padding:1.5rem}.btn{appearance:none;border-radius:var(--radius);background:var(--bg);color:var(--muted);box-shadow:var(--raise-sm);font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color var(--ease), box-shadow var(--ease);border:0;padding:.75rem 1.4rem;font-size:.8rem;font-weight:700}.btn>span{transition:transform var(--ease);display:inline-block}.btn-primary:hover{color:var(--accent);box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent-glow), 7px 7px 13px var(--shadow-dark), -7px -7px 13px var(--shadow-light)}.btn-lift:hover{color:var(--warm)}.btn-lift:hover>span,.btn-primary:hover>span{transform:translateY(-3px)}.btn-danger:hover{color:var(--danger)}.btn-danger:hover>span{transform:translateY(-3px)}.btn:active{box-shadow:var(--inset)}.btn:active>span{transform:translateY(0)}.btn:focus-visible,.field:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.field{border-radius:var(--radius);background:var(--bg);width:100%;color:var(--text);box-shadow:var(--inset);font:inherit;transition:box-shadow var(--ease);border:0;padding:.85rem 1.1rem}.field::placeholder{color:#7d86a3}.field:focus{box-shadow:var(--inset), 0 0 0 2px var(--bg), 0 0 0 4px var(--accent-glow);outline:none}.field:focus-visible{outline:none}.add-form{align-items:center;gap:1rem;display:flex}.error{color:var(--danger);margin:1rem 0 0;font-weight:600}.task-list{gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.task{background:var(--bg);box-shadow:var(--raise);border-radius:18px;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.task-title{overflow-wrap:anywhere;flex:1;min-width:0}.task.done .task-title{color:var(--muted);text-decoration:line-through}.dot{background:var(--bg);width:1.4rem;height:1.4rem;box-shadow:var(--inset);transition:box-shadow var(--ease), background var(--ease);border-radius:50%;flex:none}.task.done .dot{background:var(--accent);box-shadow:2px 2px 5px var(--shadow-dark), -2px -2px 5px var(--shadow-light)}.actions{flex:none;gap:.75rem;display:flex}.actions form{margin:0}.actions .btn{padding:.55rem 1rem;font-size:.7rem}.empty{text-align:center;color:var(--muted);box-shadow:var(--inset);border-radius:18px;padding:1.5rem}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 1.5rem;margin-bottom:2rem;display:flex}.brand{letter-spacing:-.01em;color:var(--text);font-size:1.15rem;font-weight:800;text-decoration:none}.nav{flex-wrap:wrap;gap:.75rem;display:flex}.nav-link{border-radius:var(--radius);background:var(--bg);box-shadow:var(--raise-sm);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;transition:color var(--ease), box-shadow var(--ease);padding:.6rem 1rem;font-size:.8rem;font-weight:700;text-decoration:none}.nav-link:hover{color:var(--accent)}.nav-link[aria-current=page]{color:var(--accent);box-shadow:var(--inset)}.nav-link:focus-visible,.brand:focus-visible,a.btn:focus-visible,.link:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.link{color:var(--accent);font-weight:700}a.btn{text-align:center;text-decoration:none;display:inline-block}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:var(--inset)}.btn:disabled:hover{color:var(--muted)}.btn:disabled:hover>span{transform:none}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.page-head h1{margin:0}.section-title{margin:0 0 1.25rem;font-size:1.1rem}.flash{border-radius:var(--radius);box-shadow:var(--inset);color:var(--accent);margin:0 0 1.5rem;padding:.9rem 1.25rem;font-weight:700}.error-list{color:var(--danger);margin:0 0 1.25rem;padding-left:1.25rem;font-weight:600}.result-count{color:var(--muted);margin:0 0 1.25rem}.filters{grid-template-columns:2fr 1fr 1fr 1fr auto;align-items:center;gap:1rem;display:grid}select.field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%235d6685' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:.8rem;padding-right:2.5rem}.product-list{gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.product{background:var(--bg);box-shadow:var(--raise);border-radius:18px;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.25rem;display:flex}.product-main{min-width:0}.product-name{overflow-wrap:anywhere;margin:0 0 .6rem;font-size:1.05rem}.product-meta{flex-wrap:wrap;gap:.5rem;margin:0 0 .6rem;display:flex}.badge{color:var(--muted);box-shadow:inset 2px 2px 4px var(--shadow-dark), inset -2px -2px 4px var(--shadow-light);border-radius:999px;padding:.2rem .8rem;font-size:.75rem;font-weight:700;display:inline-block}.badge-accent{color:var(--accent)}.product-detail{color:var(--muted);margin:0;font-size:.875rem}.pager{color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.form-grid .full{grid-column:1/-1}.label{color:var(--muted);letter-spacing:.04em;margin-bottom:.5rem;font-size:.8rem;font-weight:700;display:block}.hint{color:var(--muted);margin:.5rem 0 0;font-size:.8rem}.form-actions{flex-wrap:wrap;gap:1rem;margin-top:1.75rem;display:flex}.danger-zone .form-actions{margin-top:1.25rem}textarea.field{resize:vertical;min-height:5rem;line-height:1.5}.total-line{border-radius:var(--radius);box-shadow:var(--inset);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;margin:0;padding:.9rem 1.1rem;display:flex}.total-line strong{color:var(--accent);font-size:1.25rem}.label-inline{color:var(--muted);letter-spacing:.04em;font-size:.8rem;font-weight:700}.totals{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2rem;display:grid}.stock-form{flex-wrap:wrap;align-items:center;gap:.6rem;margin:0 0 .75rem;display:flex}.stock-form .btn{padding:.5rem .9rem;font-size:.7rem}.stock-amount{text-align:center;width:5.5rem;padding:.5rem .75rem}.flash-error{color:var(--danger)}.total-card{box-shadow:var(--raise);border-radius:18px;flex-direction:column;gap:.4rem;padding:1.1rem 1.25rem;display:flex}.total-label{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:700}.total-value{letter-spacing:-.01em;overflow-wrap:anywhere;font-size:1.35rem}.top-sold{margin-bottom:2rem}.top-list{gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.top-item{border-radius:var(--radius);box-shadow:var(--raise-sm);align-items:center;gap:1rem;padding:.6rem 1rem;display:flex}.top-rank{width:2rem;height:2rem;box-shadow:var(--inset);color:var(--accent);border-radius:50%;place-items:center;font-weight:700;display:grid}.top-name{overflow-wrap:anywhere;flex:1}.top-count{white-space:nowrap;font-weight:700}.badge-top{color:var(--warm);vertical-align:middle;margin-left:.5rem}.totals-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 .75rem;font-size:.9rem}.inventory-start{margin:0 0 1.5rem}.totals-note{margin:-1rem 0 1.5rem}.product-desc{color:var(--muted);white-space:pre-line;overflow-wrap:anywhere;margin:0 0 .75rem;font-size:.9rem}.product-figures{grid-template-columns:repeat(3,auto);justify-content:start;gap:.5rem 1.75rem;margin:0 0 .75rem;display:grid}.product-figures dt{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.7rem;font-weight:700}.product-figures dd{margin:0;font-weight:700}.catalog-grid{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;display:grid}.catalog-list{gap:1rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.catalog-item{border-radius:var(--radius);box-shadow:var(--raise-sm);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.catalog-item form{margin:0}.catalog-item .btn{padding:.5rem .9rem;font-size:.7rem}.catalog-name{overflow-wrap:anywhere}.count{color:var(--muted);font-size:.8rem}.session-box{align-items:center;gap:.75rem;margin:0;display:flex}.session-box .btn{padding:.5rem .9rem;font-size:.7rem}.session-user{color:var(--muted);overflow-wrap:anywhere;font-size:.85rem;font-weight:700}.login-card{max-width:24rem;margin:3rem auto 2rem}.login-card h1{font-size:1.6rem}.login-hint{margin:0 0 1.5rem}.login-form{gap:1.25rem;display:grid}.login-form .form-actions{margin-top:.5rem}.user-list{margin:0;padding:0;list-style:none}.user-item{gap:1rem;margin-bottom:1.5rem;display:grid}.user-item.is-inactive{opacity:.7}.user-head{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.user-name{overflow-wrap:anywhere;font-size:1.05rem}.user-password{flex-wrap:wrap;gap:.75rem;margin:0;display:flex}.user-password .field{flex:12rem;width:auto}.user-password .btn,.user-actions .btn{padding:.55rem 1rem;font-size:.7rem}.user-actions{flex-wrap:wrap;gap:.75rem;display:flex}.user-actions form{margin:0}@media (width<=34rem){.add-form{flex-direction:column;align-items:stretch}.task{flex-wrap:wrap}.actions{justify-content:flex-end;width:100%}}@media (width<=48rem){.filters,.form-grid,.catalog-grid,.totals{grid-template-columns:1fr}}@media (width<=34rem){.product{flex-direction:column;align-items:stretch}.product-figures{grid-template-columns:repeat(2,auto)}}@media (prefers-reduced-motion:reduce){.btn,.btn>span,.field,.dot{transition:none}}