@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#f4f7ff;font-synthesis:none;text-rendering:optimizelegibility;background:#0a0e27;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:#0a0e27;min-width:320px;min-height:100vh;margin:0}body:before,body:after{content:"";z-index:-1;filter:blur(100px);opacity:.2;border-radius:50%;width:42vw;height:42vw;position:fixed}body:before{background:#4976ff;top:-18vw;right:-8vw}body:after{background:#15b8a6;bottom:-20vw;left:-8vw}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3,strong{font-family:Manrope,Inter,sans-serif}h1{margin-bottom:0;font-size:clamp(1.65rem,4vw,2.25rem)}h2{margin-bottom:.35rem}.glass{-webkit-backdrop-filter:blur(22px);background:linear-gradient(145deg,#1b234cbd,#0f1536a3);border:1px solid #becdff21;box-shadow:0 24px 65px #0000003d,inset 0 1px #ffffff0f}.eyebrow{color:#8ca7ff;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.35rem;font-size:.73rem;font-weight:700}.muted,small{color:#9da8c7}.login-shell{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.login-card{border-radius:28px;width:min(100%,440px);padding:clamp(1.6rem,6vw,2.7rem)}.login-card>.muted{margin:.75rem 0 1.8rem;line-height:1.65}.brand-mark{color:#fff;background:linear-gradient(135deg,#7997ff,#3d5ee6 55%,#23b6aa);border-radius:17px;place-items:center;width:54px;height:54px;margin-bottom:1.3rem;font:800 1.5rem Manrope;display:grid;box-shadow:0 12px 35px #405fe661}.brand-mark.small{border-radius:13px;width:40px;height:40px;margin:0;font-size:1rem}.form-stack{gap:1rem;display:grid}.field-hint{margin:-.45rem 0 .1rem;font-size:.76rem;line-height:1.5}label{color:#c4cceb;gap:.5rem;font-size:.82rem;font-weight:600;display:grid}input,select{color:#f4f7ff;background:#050a228f;border:1px solid #b8c9ff29;border-radius:12px;outline:none;width:100%;min-height:46px;padding:.72rem .85rem;transition:border-color .2s,box-shadow .2s}input:focus,select:focus{border-color:#728fff;box-shadow:0 0 0 3px #728fff24}input::placeholder{color:#687394}button.primary,button.secondary{color:#fff;border:0;border-radius:13px;min-height:46px;padding:.75rem 1.1rem;font-weight:700}button.primary{background:linear-gradient(135deg,#6686ff,#415fd8);box-shadow:0 10px 28px #3553d152}button.primary:disabled{cursor:wait;opacity:.65}button.secondary{background:#ffffff14;border:1px solid #ffffff1a}button.danger{color:#ffb5be}.portal-shell{grid-template-columns:244px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#080d27b3;border-width:0 1px 0 0;height:100vh;padding:1.5rem 1.15rem;position:sticky;top:0}.brand{align-items:center;gap:.75rem;margin:.15rem .35rem 2.2rem;display:flex}.brand strong,.brand span{display:block}.brand span{color:#8f9abc;margin-top:.1rem;font-size:.78rem}nav{gap:.4rem;display:grid}nav button{color:#aeb8d6;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;padding:.78rem .95rem;font-weight:600}nav button:hover{color:#fff;background:#ffffff0a}nav button.active{color:#fff;background:linear-gradient(90deg,#5b7af53d,#5b7af50f);border-color:#7894ff29}.sidebar-foot{color:#687394;letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;position:absolute;bottom:1.5rem;left:1.5rem}.content{width:100%;max-width:1440px;padding:clamp(1.4rem,4vw,3rem);overflow:hidden}.content>header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.customer-chip{color:#c9d1ed;background:#ffffff0a;border:1px solid #b9c8ff21;border-radius:999px;padding:.62rem 1rem;font-size:.82rem}.hero{border-radius:24px;justify-content:space-between;align-items:flex-end;gap:2rem;min-height:180px;padding:clamp(1.5rem,4vw,2.3rem);display:flex;overflow:hidden}.hero h2{font-size:clamp(1.5rem,4vw,2.4rem)}.hero>p{color:#aeb8d4;max-width:340px;margin:0;line-height:1.6}.stats{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem;display:grid}.stats article{border-radius:19px;gap:.45rem;padding:1.35rem;display:grid}.stats span{color:#a9b4d2;font-size:.82rem}.stats strong{font-size:2rem}.stats small{font-size:.75rem}.panel{border-radius:22px;padding:clamp(1.15rem,3vw,1.7rem)}.section-heading{justify-content:space-between;align-items:center;margin-bottom:1.4rem;display:flex}.section-heading h2,.section-heading p{margin-bottom:0}.section-heading p{color:#929dbd;margin-top:.25rem;font-size:.82rem}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.catalog-list,.list,.table-list{gap:.65rem;display:grid}.catalog-row,.table-row{background:#05091e47;border:1px solid #b9c9ff1a;border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1rem;display:flex}.catalog-row strong,.catalog-row small,.table-row strong,.table-row small{display:block}.catalog-row small,.table-row small{margin-top:.3rem;font-size:.72rem}.catalog-row label{width:100px}.catalog-row input{min-height:38px}.message{color:#a8eee1;background:#1d97821a;border:1px solid #65d3bf2b;border-radius:12px;padding:.75rem .9rem;font-size:.82rem}.message.error{color:#ffbbc4;background:#bc374c1c;border-color:#ff708233}.text-button{color:inherit;background:0 0;border:0;text-decoration:underline}.loading,.empty{color:#8f9abb;text-align:center;border-radius:20px;padding:2.5rem 1rem}.split{grid-template-columns:minmax(320px,.9fr) minmax(340px,1.1fr);gap:1rem;display:grid}.list-row{color:#fff;text-align:left;background:#05091e3b;border:1px solid #b9c9ff14;border-radius:13px;justify-content:space-between;align-items:center;width:100%;padding:.9rem;display:flex}.list-row.selected{background:#4c67d821;border-color:#6e8bff73}.list-row strong,.list-row small{display:block}.list-row small{margin-top:.25rem;font-size:.7rem}.status{color:#b8c7ff;text-transform:capitalize;background:#5b79f01a;border:1px solid #7394ff2b;border-radius:999px;align-items:center;min-height:27px;padding:.3rem .65rem;font-size:.7rem;display:inline-flex}.detail dl,.profile dl{gap:.65rem;margin:1.4rem 0;display:grid}dl>div{border-bottom:1px solid #b4c6ff14;justify-content:space-between;gap:1rem;padding-bottom:.65rem;display:flex}dt{color:#8e99b8;font-size:.78rem}dd{text-align:right;margin:0;font-weight:600}.detail h3{margin-top:1.8rem;font-size:.95rem}.timeline{gap:.9rem;margin-top:1rem;display:grid}.timeline-item{gap:.8rem;display:flex}.timeline-item i{background:#7191ff;border-radius:50%;width:9px;height:9px;margin-top:.3rem;box-shadow:0 0 0 5px #7191ff1a}.timeline-item strong,.timeline-item small{display:block}.timeline-item small{margin-top:.22rem;font-size:.7rem}.invoice-row{grid-template-columns:minmax(150px,1fr) auto auto auto;display:grid}.upload-button{cursor:pointer;color:#c1ceff;text-align:center;background:#5877ee1f;border:1px solid #7494ff33;border-radius:10px;padding:.55rem .7rem;font-size:.72rem;display:inline-block}.upload-button input{display:none}.profile{text-align:center;max-width:580px}.profile>p{color:#98a4c4}.profile dl{text-align:left}.avatar{background:linear-gradient(135deg,#6686ff,#344fc2);border-radius:24px;place-items:center;width:76px;height:76px;margin:.5rem auto 1rem;font:800 1.8rem Manrope;display:grid;box-shadow:0 14px 35px #3954c64d}@media (width<=900px){.portal-shell{grid-template-columns:1fr;padding-bottom:76px}.sidebar{z-index:10;border:0 solid #b9c8ff1f;border-top-width:1px;width:100%;height:70px;padding:.55rem;position:fixed;top:auto;bottom:0}.brand,.sidebar-foot{display:none}nav{grid-template-columns:repeat(6,1fr);gap:.2rem;display:grid}nav button{text-align:center;padding:.65rem .15rem;font-size:.68rem}.content{padding:1.2rem}.split{grid-template-columns:1fr}}@media (width<=620px){.content>header{margin-bottom:1.35rem}.customer-chip{display:none}.hero{min-height:auto;display:block}.hero>p{margin-top:1rem}.stats,.form-grid{grid-template-columns:1fr}.catalog-row{align-items:flex-end}.table-row{flex-wrap:wrap;align-items:flex-start}.invoice-row{grid-template-columns:1fr auto}.invoice-row .status{justify-self:start}.upload-button{justify-self:end}nav button{font-size:.6rem}}