:root{--bg:#0e0618;--panel:#1d102b;--text:#fff;--muted:rgba(255,255,255,.65);--line:rgba(255,255,255,.14);--mint:#6ee7b7;--sky:#7dd3fc;--lilac:#c084fc;--peach:#fca5a5;--lemon:#fde68a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 10% 5%,rgba(125,211,252,.18),transparent 26%),radial-gradient(circle at 90% 30%,rgba(192,132,252,.18),transparent 30%),var(--bg);color:var(--text);font-family:Prompt,sans-serif;line-height:1.65}.page{width:min(1080px,calc(100% - 2rem));margin:auto;padding:2rem 0 4rem}.back{display:inline-block;color:var(--lemon);text-decoration:none;font-size:.86rem;font-weight:700}.hero{padding:3rem 0 2rem;border-bottom:1px solid var(--line)}.eyebrow{margin:0;color:var(--mint);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero h1{font-size:clamp(2.15rem,7vw,4.4rem);line-height:1.1;margin:.35rem 0 .75rem}.hero>p:not(.eyebrow){max-width:720px;margin:0;color:var(--muted);font-size:1rem}.jump{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.45rem}.jump a{padding:.4rem .75rem;border:1px solid var(--line);border-radius:999px;color:#fff;font-size:.76rem;text-decoration:none}.jump a:hover{border-color:var(--sky);color:var(--sky)}.lesson{display:grid;grid-template-columns:64px minmax(0,1fr) 210px;gap:1.15rem 1.5rem;padding:2.4rem 0;border-bottom:1px solid var(--line);scroll-margin-top:1rem}.lesson-number{font-size:1.75rem;font-weight:800;color:rgba(255,255,255,.25)}.lesson h2{margin:.15rem 0 .4rem;font-size:clamp(1.35rem,3vw,2rem);line-height:1.25}.lead{margin:0;color:var(--muted)}.lesson-actions{display:flex;flex-direction:column;gap:.5rem;align-self:center}.button{display:block;padding:.6rem .7rem;border:1px solid var(--line);border-radius:.65rem;color:#fff;text-align:center;text-decoration:none;font-size:.78rem;font-weight:700;line-height:1.35}.button:hover{border-color:var(--sky);background:rgba(125,211,252,.12)}.button.primary{background:var(--lemon);border-color:var(--lemon);color:#1c1025}.button.disabled{opacity:.55;cursor:not-allowed}.lesson-body{grid-column:2/4;margin-top:.2rem;padding:1.15rem 1.2rem;border:1px solid var(--line);border-radius:1rem;background:rgba(255,255,255,.045)}.flow{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.15rem 0 1.25rem}.flow div{display:grid;gap:.1rem;min-width:130px;padding:.75rem;text-align:center;border-radius:.8rem;background:rgba(255,255,255,.055)}.flow b{font-size:1.1rem;color:var(--lemon)}.flow span{font-size:.85rem;font-weight:700}.flow small{font-size:.68rem;color:var(--muted)}.flow i{color:var(--sky);font-style:normal}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.three-col div{padding:.85rem;border-radius:.75rem;background:rgba(255,255,255,.055)}.three-col b,.three-col span{display:block}.three-col b{color:var(--lemon);font-size:.88rem}.three-col span{margin-top:.25rem;color:var(--muted);font-size:.78rem;line-height:1.5}h3{margin:0 0 .5rem;font-size:.95rem}ol,ul{margin:.3rem 0;padding-left:1.2rem;color:var(--muted);font-size:.84rem}li+li{margin-top:.25rem}code{padding:.1rem .32rem;border-radius:.25rem;background:rgba(125,211,252,.12);color:var(--sky);font-family:ui-monospace,monospace;font-size:.84em}.notice{margin:1rem 0 0;padding:.75rem .85rem;border-left:3px solid var(--peach);border-radius:.35rem;background:rgba(252,165,165,.09);color:rgba(255,255,255,.8);font-size:.78rem;line-height:1.6}footer{padding:2.25rem 0;text-align:center;color:var(--muted);font-size:.8rem}footer a{color:var(--lemon)}@media(max-width:800px){.lesson{grid-template-columns:44px 1fr}.lesson-actions{grid-column:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-self:auto}.lesson-body{grid-column:1/3}.two-col,.three-col{grid-template-columns:1fr}.flow{flex-direction:column}.flow i{transform:rotate(90deg)}}@media(max-width:500px){.page{width:min(100% - 1.25rem,1080px)}.hero{padding-top:2rem}.lesson{gap:.8rem}.lesson-number{font-size:1.25rem}.lesson-body{padding:.9rem}.flow div{width:100%}}
.lesson.phonebook .button{position:relative;overflow:hidden;border-color:#aeb8c1;color:#10161b;background:linear-gradient(135deg,#4a555d 0%,#f6fbff 17%,#a5b0ba 34%,#f8fbfd 52%,#77848f 71%,#dce4e9 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.92),inset 0 -2px 2px rgba(20,30,38,.38),0 5px 0 #37424a,0 10px 20px rgba(0,0,0,.35);text-shadow:0 1px 0 rgba(255,255,255,.65);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.lesson.phonebook .button::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 18%,rgba(255,255,255,.7) 43%,transparent 58%);transform:translateX(-135%);transition:transform .42s ease}.lesson.phonebook .button:hover{transform:translateY(-2px);border-color:#fff;filter:brightness(1.08);box-shadow:inset 0 1px 0 #fff,inset 0 -2px 2px rgba(20,30,38,.32),0 7px 0 #37424a,0 14px 25px rgba(0,0,0,.4)}.lesson.phonebook .button:hover::after{transform:translateX(135%)}.lesson.phonebook .button:active{transform:translateY(3px);box-shadow:inset 0 2px 5px rgba(20,30,38,.48),0 2px 0 #37424a,0 5px 10px rgba(0,0,0,.32)}
.lesson .lesson-actions .button{position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.62);color:#f8fbff;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 3px 0 rgba(0,0,0,.5),0 7px 14px rgba(0,0,0,.22);text-shadow:0 1px 2px rgba(0,0,0,.85);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.lesson .lesson-actions .button::after{content:none}.lesson .lesson-actions .button:hover{transform:translateY(-2px);border-color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 5px 0 rgba(0,0,0,.52),0 11px 18px rgba(0,0,0,.28);background:linear-gradient(145deg,rgba(125,211,252,.21),rgba(192,132,252,.12))}.lesson .lesson-actions .button:active{transform:translateY(2px);box-shadow:inset 0 2px 6px rgba(0,0,0,.4),0 1px 0 rgba(0,0,0,.55)}.lesson .lesson-actions .button.primary{color:#211707;border-color:#fff5b7;background:linear-gradient(135deg,#fff3ad,#f4cc52);text-shadow:0 1px 0 rgba(255,255,255,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 3px 0 #a77c20,0 7px 14px rgba(0,0,0,.25)}.lesson .lesson-actions .button.primary:hover{background:linear-gradient(135deg,#fff9d5,#ffe17b);border-color:#fff;box-shadow:inset 0 1px 0 #fff,0 5px 0 #a77c20,0 11px 18px rgba(0,0,0,.28)}
.lesson .lesson-actions .button::after{content:"";position:absolute;inset:-2px;padding:2px;pointer-events:none;border-radius:inherit;opacity:0;background:conic-gradient(from 0deg,transparent 0deg 250deg,#fff 278deg,#7dd3fc 302deg,#fff 326deg,transparent 350deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.lesson .lesson-actions .button:hover::after{opacity:1;animation:lesson-border-orbit 1.15s linear infinite}@keyframes lesson-border-orbit{to{transform:rotate(1turn)}}

.inventory-workflow,.inventory-movement{grid-column:1/-1}.inventory-workflow{position:relative;overflow:hidden;padding:1.15rem;border:1px solid rgba(110,231,183,.34);border-radius:1rem;background:radial-gradient(circle at 90% 8%,rgba(110,231,183,.18),transparent 25%),linear-gradient(135deg,rgba(125,211,252,.12),rgba(192,132,252,.08) 48%,rgba(255,255,255,.035))}.workflow-title{display:grid;gap:.15rem;margin:0 0 1rem}.workflow-title span{color:var(--mint);font-size:.68rem;font-weight:800;letter-spacing:.14em}.workflow-title b{font-size:1rem}.workflow-title small{color:var(--muted);font-size:.77rem}.workflow-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.6rem}.workflow-step{position:relative;display:grid;gap:.32rem;min-height:154px;padding:.8rem .72rem;border:1px solid rgba(255,255,255,.17);border-radius:.8rem;background:rgba(11,6,22,.54);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 9px 20px rgba(0,0,0,.16)}.workflow-step:not(:last-child)::after{content:'›';position:absolute;z-index:1;right:-.58rem;top:50%;display:grid;place-items:center;width:1.1rem;height:1.1rem;transform:translateY(-50%);border:1px solid rgba(255,255,255,.32);border-radius:50%;background:#241237;color:var(--sky);font-size:1.25rem;line-height:1}.workflow-step em{color:var(--sky);font-size:.61rem;font-style:normal;font-weight:800;letter-spacing:.06em}.workflow-step b{font-size:.8rem;line-height:1.38}.workflow-step span{color:var(--muted);font-size:.68rem;line-height:1.43}.workflow-step strong{align-self:end;font-size:.68rem}.workflow-step.receive strong,.workflow-step.report strong{color:var(--mint)}.workflow-step.ledger strong{color:var(--lemon)}.workflow-step.requester strong{color:var(--lilac)}.workflow-step.check strong{color:var(--sky)}.workflow-step.issue strong{color:var(--peach)}.inventory-movement{padding:.95rem 1rem;border:1px solid rgba(255,255,255,.13);border-radius:.85rem;background:rgba(7,3,15,.25)}.movement-table{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:.65rem}.movement-row{display:grid;grid-template-columns:1.15fr 1.2fr 1.45fr;gap:.75rem;padding:.56rem .7rem;border-top:1px solid rgba(255,255,255,.08);font-size:.74rem;color:var(--muted)}.movement-row:first-child{border-top:0}.movement-head{background:rgba(255,255,255,.08);color:#fff}.movement-row strong{font-size:.72rem}.plus{color:var(--mint)}.minus{color:var(--peach)}.equal{color:var(--sky)}@media(max-width:900px){.workflow-track{grid-template-columns:repeat(3,minmax(0,1fr))}.workflow-step:nth-child(3)::after{display:none}}@media(max-width:600px){.workflow-track{grid-template-columns:1fr}.workflow-step{min-height:0}.workflow-step:not(:last-child)::after{right:auto;top:auto;bottom:-.62rem;left:50%;transform:translateX(-50%) rotate(90deg)}.movement-row{grid-template-columns:1fr;gap:.18rem}.movement-head{display:none}.movement-row span:first-child{color:#fff;font-weight:700}.inventory-workflow{padding:.9rem}}