:root{--blue:#147bd1;--blue-deep:#003057;--blue-soft:#4d9ee0;--red:#af231c;--red-soft:#c9453d;--ink:#0f2440;--muted:#54657f;--line:rgba(255,255,255,.55);--green:#0b7a55;--orange:#b5480a;--purple:#5f3fc4;--yellow:#ffb81c;--glass:rgba(255,255,255,.52);--glass-strong:rgba(255,255,255,.72);--glass-dark:rgba(20,33,58,.62);--shadow-1:0 1px 2px rgba(20,33,58,.06),0 8px 24px rgba(20,33,58,.08);--shadow-2:0 2px 6px rgba(20,33,58,.08),0 18px 48px rgba(20,33,58,.14);--shadow-3:0 4px 12px rgba(20,33,58,.10),0 32px 80px rgba(20,33,58,.20);--radius:20px;--radius-sm:14px}*{box-sizing:border-box}body,html{margin:0;min-height:100%;color:var(--ink);font-family:Montserrat,Segoe UI,Arial,sans-serif;font-size:15.5px}body{background:linear-gradient(135deg,#eef4fb,#f6f7fb 45%,#fbf0f0);position:relative}a{color:inherit}h1,h2,h3{letter-spacing:-.01em}.bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.bg span{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;will-change:transform}.bg .b1{width:62vw;height:62vw;left:-18vw;top:-22vw;background:radial-gradient(circle,#8ec3f0 0,#bddaf5 45%,transparent 70%)}.bg .b2{width:44vw;height:44vw;right:-12vw;top:8vh;background:radial-gradient(circle,#efa39e 0,#f6cdca 45%,transparent 70%);opacity:.5}.bg .b3{width:28vw;height:28vw;left:34vw;bottom:-10vw;background:radial-gradient(circle,#ffd98a 0,#ffedc2 45%,transparent 70%);opacity:.5}.bg .b4{width:16vw;height:16vw;right:22vw;bottom:14vh;background:radial-gradient(circle,#6fb0e8 0,transparent 70%);filter:blur(30px);opacity:.6}.bg .b5{width:9vw;height:9vw;left:56vw;top:18vh;background:radial-gradient(circle,#d9655e 0,transparent 70%);filter:blur(18px);opacity:.5}.bg .grid{position:absolute;inset:0;background-image:linear-gradient(rgba(20,33,58,.045) 1px,transparent 0),linear-gradient(90deg,rgba(20,33,58,.045) 1px,transparent 0);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at 40% 20%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at 40% 20%,#000 20%,transparent 75%);filter:none;opacity:1;border-radius:0;width:auto;height:auto}.card,.glass,.loginCard,.order,.panel,.side,.stockCard{background:var(--glass);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid var(--line);box-shadow:var(--shadow-1),inset 0 1px 0 rgba(255,255,255,.7);border-radius:var(--radius)}.panel{box-shadow:var(--shadow-2),inset 0 1px 0 rgba(255,255,255,.75)}.app{display:grid;grid-template-columns:262px 1fr;grid-gap:24px;gap:24px;min-height:100vh;padding:20px;position:relative;z-index:1}.side{position:-webkit-sticky;position:sticky;top:20px;height:calc(100vh - 40px);padding:22px 16px;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(0,48,87,.9),rgba(20,123,209,.84));color:#fff;border:1px solid rgba(255,255,255,.35);box-shadow:var(--shadow-3),inset 0 1px 0 rgba(255,255,255,.35);border-radius:26px;transform:translateZ(0)}.side:before{content:"";position:absolute;inset:0;border-radius:26px;background:radial-gradient(120% 60% at 0 0,rgba(255,255,255,.28),transparent 60%);pointer-events:none}.logo{display:flex;flex-direction:column;gap:8px;padding:8px 10px 20px;position:relative}.brand{display:inline-flex;align-items:center}.brand-white{padding:6px 4px 2px}.brand-color{background:rgba(255,255,255,.92);border-radius:16px;padding:12px 18px;box-shadow:var(--shadow-1)}.logo small{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.8;padding-left:8px}.nav{display:flex;flex-direction:column;gap:4px;position:relative}.nav a{display:block;text-decoration:none;color:rgba(255,255,255,.9);padding:12px 14px;border-radius:14px;font-weight:650;border:1px solid transparent;transition:transform .15s ease,background .15s ease}.nav a:hover{background:rgba(255,255,255,.14);transform:translateX(2px)}.nav a.active{background:rgba(255,255,255,.94);color:var(--blue-deep);font-weight:850;border-color:rgba(255,255,255,.6);box-shadow:var(--shadow-2);transform:scale(1.03) translateX(4px)}.side .user{margin-top:auto;padding:14px 12px;font-size:13px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);border-radius:16px;position:relative}.side .user strong{display:block;font-size:13px}.side .user span{opacity:.85;word-break:break-all}.side .user button{margin-top:10px;background:rgba(255,255,255,.92);border:0;color:var(--blue-deep);border-radius:10px;padding:7px 12px;font-size:12.5px;font-weight:800;cursor:pointer}.main{padding:14px 10px 40px;max-width:1540px;width:100%;min-width:0;position:relative}.header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px}.header h1{font-size:30px;margin:0;font-weight:900;color:var(--blue-deep)}.header p{color:var(--muted);margin:6px 0 0}.unit{background:var(--glass-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);padding:10px 16px;border-radius:99px;font-size:13.5px;font-weight:700;white-space:nowrap;box-shadow:var(--shadow-1)}.cards{display:grid;grid-template-columns:1.25fr 1fr 1fr 1.15fr;grid-gap:16px;gap:16px;margin-bottom:22px;align-items:stretch}.card{padding:20px;position:relative;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}.card:after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(26,115,200,.16),transparent 70%);pointer-events:none}.card:first-child{transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-3),inset 0 1px 0 rgba(255,255,255,.8);background:var(--glass-strong)}.card:nth-child(2){transform:translateY(4px)}.card:nth-child(3){transform:translateY(8px);opacity:.96}.card:nth-child(4){transform:translateY(-2px) scale(1.01);box-shadow:var(--shadow-2),inset 0 1px 0 rgba(255,255,255,.8)}.card:nth-child(4):after{background:radial-gradient(circle,rgba(176,42,42,.16),transparent 70%)}.card:hover{transform:translateY(-8px) scale(1.03);box-shadow:var(--shadow-3)}.kicker{color:var(--muted);font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.value{font-size:32px;font-weight:900;margin:8px 0;color:var(--blue-deep);letter-spacing:-.02em}.tag{display:inline-flex;border-radius:99px;padding:5px 10px;font-size:12px;font-weight:800;white-space:nowrap;line-height:1.2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.6)}.green{background:rgba(11,122,85,.12);color:var(--green)}.orange{background:rgba(181,72,10,.12);color:var(--orange)}.blue{background:rgba(26,115,200,.13);color:var(--blue-deep)}.purple{background:rgba(95,63,196,.12);color:var(--purple)}.redTag{background:rgba(176,42,42,.12);color:var(--red)}.grey{background:rgba(20,33,58,.07);color:var(--muted)}button,input,select,textarea{font:inherit}.search,input[type=date],input[type=email],input[type=file],input[type=number],input[type=text],select,textarea{border:1px solid rgba(20,33,58,.12);border-radius:12px;background:rgba(255,255,255,.78);padding:10px 13px;color:var(--ink);box-shadow:inset 0 1px 2px rgba(20,33,58,.05);transition:border-color .15s,box-shadow .15s}.search:focus,input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue-soft);box-shadow:0 0 0 4px rgba(26,115,200,.16)}.search{flex:1 1;min-width:280px}.filters{gap:8px}.filters,.toolbar{display:flex;flex-wrap:wrap}.toolbar{gap:10px;justify-content:space-between;padding:16px;border-bottom:1px solid rgba(20,33,58,.08)}.field,.field>span{display:block}.field input,.field select,.field textarea{width:100%;margin-top:7px}.qty{width:72px;padding:8px;border:1px solid rgba(20,33,58,.14);border-radius:10px;background:rgba(255,255,255,.85)}.note{width:100%;margin-top:7px}.btn{border:0;border-radius:12px;padding:10px 15px;font-weight:850;cursor:pointer;text-decoration:none;display:inline-block;line-height:1.2;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.primary{background:linear-gradient(135deg,var(--red-soft),var(--red));color:#fff;box-shadow:0 8px 20px rgba(176,42,42,.28),inset 0 1px 0 rgba(255,255,255,.35)}.primary:hover{box-shadow:0 12px 26px rgba(176,42,42,.34)}.outline{color:var(--blue);border:1px solid rgba(26,115,200,.45)}.ghost,.outline{background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ghost{border:1px solid rgba(20,33,58,.14);color:var(--ink)}.danger{background:rgba(255,255,255,.7);border:1px solid rgba(176,42,42,.5);color:var(--red)}.alert{background:rgba(255,232,150,.42);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(233,181,15,.45);border-left:5px solid var(--yellow);padding:13px 16px;border-radius:var(--radius-sm);margin-bottom:16px;box-shadow:var(--shadow-1)}.alert.info{background:rgba(26,115,200,.1);border-color:rgba(26,115,200,.3);border-left-color:var(--blue)}.alert.error{background:rgba(176,42,42,.1);border-color:rgba(176,42,42,.3);border-left-color:var(--red)}.success{background:rgba(11,122,85,.12);color:var(--green);border-radius:12px;border:1px solid rgba(11,122,85,.25)}.errorBox,.success{font-weight:800;padding:11px 13px;margin-top:13px}.errorBox{background:rgba(176,42,42,.1);color:var(--red);border-radius:12px;border:1px solid rgba(176,42,42,.25)}.tableWrap{overflow:auto;border-radius:0 0 var(--radius) var(--radius)}table{border-collapse:separate;border-spacing:0;width:100%;min-width:900px}td,th{padding:13px 15px;border-bottom:1px solid rgba(20,33,58,.07);text-align:left;vertical-align:middle}th{background:rgba(255,255,255,.35);color:var(--muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;position:-webkit-sticky;position:sticky;top:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}td{font-size:14px}tbody tr{transition:background .12s}tbody tr:hover{background:rgba(255,255,255,.45)}.person{font-weight:850}.sub{font-size:12px;color:var(--muted);margin-top:4px}.numbers{font-weight:900}.numbers.red{color:var(--red)}.numbers.ok{color:var(--green)}.empty{padding:38px;text-align:center;color:var(--muted)}.historyNote{padding:13px 16px;color:var(--muted);font-size:13px}.panelBody{padding:20px 22px}.panelHead{padding:18px 22px;border-bottom:1px solid rgba(20,33,58,.08);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.panelHead h2{margin:0;font-size:19px;color:var(--blue-deep)}.panelFoot{padding:15px 22px;border-top:1px solid rgba(20,33,58,.08);display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}.grid2{grid-template-columns:1fr 1fr;grid-gap:16px}.grid2,.grid3{display:grid;gap:16px}.grid3{grid-template-columns:1fr 1fr 1fr;grid-gap:16px}.sectionTitle{margin:28px 0 12px;color:var(--blue-deep)}.legend{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.order{padding:20px;position:relative;transition:transform .2s ease}.order:hover{transform:translateY(-4px)}.grid2>.order:nth-child(odd){transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-2),inset 0 1px 0 rgba(255,255,255,.8)}.orderTop{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.order h3{margin:0 0 5px;font-size:17px;color:var(--blue-deep)}.progress{height:10px;border-radius:99px;background:rgba(20,33,58,.08);overflow:hidden;margin:16px 0;box-shadow:inset 0 1px 2px rgba(20,33,58,.08)}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--blue-soft),var(--blue));box-shadow:0 0 12px rgba(26,115,200,.5)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.metric{background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.7);border-radius:14px;padding:10px 12px}.metric strong{display:block;font-size:20px;margin-top:4px;color:var(--blue-deep)}.stockGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.stockCard{padding:18px;transition:transform .2s ease}.stockCard:nth-child(3n+2){transform:translateY(10px)}.stockCard:nth-child(3n+3){transform:translateY(4px) scale(.995)}.stockCard:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-2)}.stockCard h3{font-size:15px;margin:0 0 12px;color:var(--blue-deep)}.row{display:flex;justify-content:space-between;gap:10px;margin:8px 0;color:var(--muted);font-size:14px}.row strong{color:var(--ink)}.sizeGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));grid-gap:6px;gap:6px}.sizeCell{background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.75);border-radius:10px;padding:8px 6px;text-align:center;font-size:12px}.sizeCell strong{display:block;font-size:16px;color:var(--blue-deep)}.sizeCell.zero{opacity:.45}.sizeCell.neg{background:rgba(176,42,42,.12);color:var(--red)}.login{min-height:100vh;display:grid;place-items:center;padding:20px;position:relative;z-index:1}.loginCard{padding:40px 36px;width:min(460px,96vw);text-align:center;background:var(--glass-strong);box-shadow:var(--shadow-3),inset 0 1px 0 rgba(255,255,255,.9);transform:translateY(-10px)}.loginCard .logoBig{display:flex;justify-content:center;margin-bottom:18px}.loginCard .logoBig img{height:64px;width:auto}.loginCard .logoBig .brand-color{background:transparent;box-shadow:none;padding:0}.loginCard h1{margin:0 0 6px;font-size:24px;color:var(--blue-deep)}.loginCard p{color:var(--muted);margin:0 0 22px}.loginCard .btn{width:100%;padding:13px}.small{font-size:13px;color:var(--muted)}.inlineForm{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mt{margin-top:16px}.mb{margin-bottom:16px}.pill{display:inline-block;padding:3px 9px;border-radius:99px;background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.8);font-size:12px;font-weight:700;margin:2px 2px 2px 0}code{background:rgba(20,33,58,.07);padding:2px 6px;border-radius:6px;font-size:13px}.hidden{display:none!important}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:1050px){.app{grid-template-columns:1fr;gap:16px;padding:12px}.side{height:auto;position:static;padding:14px;border-radius:20px}.logo{padding-bottom:12px}.nav{flex-direction:row;overflow:auto}.nav a{white-space:nowrap}.nav a.active{transform:none}.side .user{margin-top:10px}.main{padding:8px 0}.cards{grid-template-columns:repeat(2,1fr)}.card:nth-child(n){transform:none}.stockGrid{grid-template-columns:1fr 1fr}.stockCard:nth-child(n){transform:none}.grid3{grid-template-columns:1fr 1fr}}@media(max-width:650px){.main{padding:4px 0}.cards,.grid2,.grid3,.stockGrid{grid-template-columns:1fr}.header{display:block}.unit{display:inline-block;margin-top:12px}.metrics{grid-template-columns:1fr}}