*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:#0a0c11;color:#e5e7eb;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,Arial}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:1rem}.topbar{position:sticky;top:0;z-index:30;background:#0e1117;border-bottom:1px solid #1f2430;display:flex;justify-content:space-between;align-items:center;padding:.65rem 1rem}.logo{height:32px}.brand{display:flex;align-items:center;gap:.6rem}.nav a{margin-left:.6rem;padding:.35rem .7rem;border:1px solid #2a3040;background:#121825;border-radius:.5rem}.hero{position:relative;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background:url('/assets/fabric.jpg') center/cover no-repeat;opacity:.35}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,rgba(225,29,72,.35),rgba(245,158,11,.35))}.hero-inner{position:relative;z-index:1;min-height:46vh;display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem;gap:.6rem}.watermark{position:absolute;right:2rem;bottom:1.2rem;opacity:.12;height:60px;z-index:1}.card{background:rgba(18,22,30,.9);border:1px solid #1f2430;border-radius:1rem;padding:1rem;box-shadow:0 10px 30px rgba(0,0,0,.25);margin-bottom:1rem}.btn{display:inline-block;padding:.65rem 1rem;border-radius:.6rem;border:1px solid #2b3140;background:#141a28;color:#fff;cursor:pointer;transition:box-shadow .15s,transform .15s}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(225,29,72,.25)}.btn-primary{background:linear-gradient(90deg,#e11d48,#f59e0b);border:0}.grid{display:grid;gap:.9rem}.grid-2{grid-template-columns:1fr 1fr}label{display:block;margin-bottom:.35rem;color:#cbd5e1}input,select,textarea{width:100%;padding:.7rem .8rem;border-radius:.6rem;border:1px solid #2a3040;background:#0f141f;color:#e5e7eb}input::placeholder,textarea::placeholder{color:#94a3b8;opacity:1}.size-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.45rem}.size-grid .box{background:#0f141f;border:1px solid #2a3040;border-radius:.6rem;padding:.35rem;text-align:center}.size-grid .box input{margin-top:.3rem}.badge{display:inline-block;background:#121825;border:1px solid #2a3040;border-radius:999px;padding:.2rem .5rem}.footer{background:linear-gradient(90deg,rgba(225,29,72,.22),rgba(245,158,11,.22));border-top:1px solid #1f2430;color:#f3f4f6;text-align:center;padding:1rem}.alert{background:#3b1d1d;border:1px solid #8b0000;padding:.6rem;border-radius:.5rem}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid #1f2430;padding:.6rem;text-align:left}.tag{font-size:.75rem;opacity:.8}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.kpi{background:#0f141f;border:1px solid #2a3040;border-radius:.8rem;padding:.8rem}.small{font-size:.9rem;color:#cbd5e1}@media(max-width:860px){.grid-2{grid-template-columns:1fr}.size-grid{grid-template-columns:repeat(4,1fr)}.nav a{display:none}}