.vsp-front,.vsp-login-shell{font-family:Tahoma,Arial,sans-serif;color:#20364b;background:linear-gradient(135deg,#fffafb,#f8f4f3);min-height:100vh}.vsp-front header{height:72px;background:#fffd;border-bottom:1px solid #eee5e7;display:flex;justify-content:space-between;align-items:center;padding:0 6%;position:sticky;top:0;z-index:5}.logo{font:25px Georgia,serif;letter-spacing:3px;color:#003260}.vsp-front main{max-width:1380px;margin:auto;padding:40px 22px}.hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.hero span{font-size:10px;letter-spacing:2px;color:#a47787}.hero h1{color:#003260;font-size:31px}.hero button,.box button{background:#003260;color:#fff;border:0;border-radius:12px;padding:12px 20px;font-weight:700;cursor:pointer}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.cards>div{background:#fff;border:1px solid #eee5e7;border-radius:18px;padding:20px;box-shadow:0 8px 25px #39222b0a}.cards small{color:#887f83}.cards b{display:block;font-size:28px;color:#003260;margin-top:8px}.box{background:#fff;border:1px solid #eee5e7;border-radius:20px;padding:22px;margin-top:20px;box-shadow:0 8px 25px #39222b0a}.boxhead{display:flex;justify-content:space-between;align-items:center}.boxhead a{background:#def0e7;color:#28634e;padding:9px 12px;border-radius:10px;text-decoration:none;font-weight:700}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid label{font-size:12px;font-weight:700;color:#766c70}.grid input,.grid select,.grid textarea{display:block;width:100%;box-sizing:border-box;margin-top:6px;border:1px solid #e5dddd;border-radius:10px;padding:10px}.grid textarea{min-height:80px}.full{grid-column:1/-1}.scroll{overflow:auto}table{width:100%;min-width:850px;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #f0ebeb;text-align:right}.status{padding:5px 9px;border-radius:99px;font-size:11px;font-weight:700}.s-pending{background:#fff0c9;color:#805f18}.s-shipped{background:#e4eff8;color:#365d7c}.s-delivered{background:#def0e7;color:#28634e}.s-returned{background:#f8dddd;color:#8a4444}.vsp-login-shell{display:flex;justify-content:center;align-items:center;padding:50px 20px;box-sizing:border-box}.vsp-login-box{background:#fff;border:1px solid #eee5e7;border-radius:25px;padding:38px;width:min(430px,100%);box-shadow:0 20px 60px #39222b12;text-align:right}.vsp-login-box .logo{text-align:center;margin-bottom:12px}.vsp-login-box>span{display:block;text-align:center;color:#a47787;font-size:10px;letter-spacing:2px}.vsp-login-box h1{text-align:center;color:#003260}.vsp-login-box label{display:block;font-size:12px;font-weight:700;margin:15px 0}.vsp-login-box input{width:100%;box-sizing:border-box;margin-top:7px;padding:11px;border:1px solid #e5dddd;border-radius:10px}.vsp-login-box button{width:100%;margin-top:10px;background:#003260;color:#fff;border:0;border-radius:12px;padding:13px;font-weight:700}@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(2,1fr)}.hero{flex-direction:column;align-items:flex-start}}@media(max-width:550px){.grid{grid-template-columns:1fr}.full{grid-column:auto}}