.app{max-width:1000px;margin:0 auto;padding:30px 20px;font-family:Arial,sans-serif}.app h1{margin-bottom:10px;font-size:32px}.app h2{color:#333;margin-bottom:25px}.order-card{background:#fff;border:1px solid #ddd;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 4px 10px #00000014}.order-card h3{margin-top:0;margin-bottom:15px;font-size:22px}.order-card p{color:#444;margin:10px 0;font-size:16px}body{background-color:#f5f7fa;margin:0}@media (width<=600px){.app{padding:20px 15px}.app h1{font-size:26px}.order-card{padding:16px}}.status-badge{color:#1976d2;background-color:#e3f2fd;border-radius:20px;padding:6px 12px;font-size:14px;font-weight:700;display:inline-block}.payment-badge{color:#198754;background-color:#dff5e7;border-radius:20px;padding:6px 12px;font-size:14px;font-weight:700;display:inline-block}.dashboard-stats{grid-template-columns:repeat(4,1fr);gap:15px;margin:25px 0 35px;display:grid}.stat-card{text-align:center;background:#fff;border:1px solid #ddd;border-radius:12px;padding:20px;box-shadow:0 4px 10px #00000014}.stat-card h3{margin:0;font-size:30px}.stat-card p{color:#555;margin:8px 0 0;font-size:14px}@media (width<=700px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=450px){.dashboard-stats{grid-template-columns:1fr}}.bottom-nav{z-index:1000;background-color:#fff;border-top:1px solid #ddd;justify-content:space-around;align-items:center;width:100%;padding:10px 0;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -3px 10px #00000014}.bottom-nav a{color:#555;flex-direction:column;align-items:center;gap:4px;font-size:13px;text-decoration:none;display:flex}.bottom-nav a:first-line{font-size:20px}.bottom-nav a:hover{color:#1976d2}body{padding-bottom:75px}@media (width>=701px){.bottom-nav{display:none}}button{color:#fff;cursor:pointer;background-color:#1976d2;border:none;border-radius:8px;margin:6px 6px 6px 0;padding:10px 18px;font-size:14px;font-weight:700;transition:all .2s}button:hover{background-color:#125ca1;transform:translateY(-1px)}button:active{transform:translateY(0)}.login-card button{width:100%;margin-top:10px;padding:12px;font-size:16px}.order-card button:first-of-type{margin-top:5px}@media (width<=600px){button{width:100%;margin-right:0}}.quick-actions{grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0 35px;display:grid}.quick-actions a{text-decoration:none}.quick-actions button{width:100%;min-height:55px}@media (width<=700px){.quick-actions{grid-template-columns:repeat(2,1fr)}}@media (width<=450px){.quick-actions{grid-template-columns:1fr}}.otp-section{background-color:#f8f9fa;border:1px solid #ddd;border-radius:10px;margin-top:25px;padding:20px}.otp-section h3{margin-top:0}.otp-section input{box-sizing:border-box;letter-spacing:3px;border:1px solid #ccc;border-radius:8px;width:100%;margin:10px 0;padding:12px;font-size:18px}.error-message{color:#dc3545;font-weight:700}.sidebar{box-sizing:border-box;z-index:1000;background:#fff;border-right:1px solid #e5e7eb;width:250px;height:100vh;padding:25px 15px;position:fixed;top:0;left:0;box-shadow:3px 0 15px #0000000f}.sidebar-brand{border-bottom:1px solid #eee;align-items:center;gap:12px;padding:5px 10px 30px;display:flex}.brand-icon{background:#e3f2fd;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;font-size:25px;display:flex}.sidebar-brand h2{color:#1f2937;margin:0;font-size:18px}.sidebar-brand span{color:#777;margin-top:4px;font-size:12px;display:block}.sidebar-menu{flex-direction:column;gap:8px;margin-top:25px;display:flex}.sidebar-link{color:#555;border-radius:10px;align-items:center;gap:14px;padding:13px 15px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.sidebar-icon{text-align:center;width:25px;font-size:19px}.sidebar-link:hover{color:#1976d2;background:#f0f7ff;transform:translate(4px)}.sidebar-link.active{color:#fff;background:#1976d2;box-shadow:0 5px 12px #1976d240}@media (width>=701px){.app{max-width:1000px;margin-left:250px;margin-right:auto;padding:30px 35px}}@media (width<=700px){.sidebar{display:none}.app{margin-left:0;margin-right:0}}.login-page{background:#f4fbfd;min-height:100vh;display:flex;overflow:hidden}.login-left{box-sizing:border-box;color:#fff;background:radial-gradient(circle at 80% 20%,#37d2e659,#0000 35%),linear-gradient(145deg,#00577a,#008bb5,#16b7c9);width:46%;min-height:100vh;padding:55px 80px;position:relative;overflow:hidden}.login-left:before{content:"";border:1px solid #ffffff29;border-radius:50%;width:800px;height:800px;position:absolute;top:180px;left:-250px;transform:rotate(-15deg)}.login-left:after{content:"";border:1px solid #ffffff1f;border-radius:50%;width:900px;height:500px;position:absolute;bottom:-100px;left:-200px;transform:rotate(10deg)}.brand{z-index:2;align-items:center;gap:15px;display:flex;position:relative}.brand-logo{background:#49e0efe6;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:25px;display:flex;box-shadow:0 8px 25px #00000026}.brand h2{letter-spacing:.5px;margin:0;font-size:28px;font-weight:700}.hero-content{z-index:2;margin-top:100px;position:relative}.hero-content h1{letter-spacing:-1px;margin:0;font-size:clamp(42px,4vw,68px);font-weight:700;line-height:1.1}.hero-content p{color:#ffffffd9;margin-top:35px;font-size:20px;line-height:1.7}.hero-content span{color:#ffffffb3;margin-top:30px;font-size:16px;display:block}.login-right{box-sizing:border-box;background:linear-gradient(135deg,#edfafd,#fff);justify-content:center;align-items:center;width:54%;min-height:100vh;padding:40px;display:flex}.login-card{box-sizing:border-box;background:#fffffff2;border-radius:30px;width:100%;max-width:620px;padding:65px 70px;animation:.7s loginCardAppear;box-shadow:0 20px 60px #005a781f}@keyframes loginCardAppear{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.portal-label{color:#078aaa;letter-spacing:2px;margin-bottom:25px;font-size:17px;font-weight:700;display:block}.login-heading h1{color:#063b5b;margin:0;font-size:54px;line-height:1.1}.login-heading p{color:#8296a2;margin-top:20px;margin-bottom:50px;font-size:21px;line-height:1.5}.input-group{margin-bottom:28px}.input-group label{color:#183b4d;margin-bottom:10px;font-size:17px;font-weight:700;display:block}.input-group input{box-sizing:border-box;color:#294856;background:#fbfeff;border:2px solid #dcebef;border-radius:13px;outline:none;width:100%;height:62px;padding:0 20px;font-size:17px;transition:all .25s}.input-group input::placeholder{color:#9baab1}.input-group input:focus{background:#fff;border-color:#13aac2;box-shadow:0 0 0 4px #13aac21a}.password-wrapper{position:relative}.password-wrapper input{padding-right:85px}.show-password{color:#078aaa;cursor:pointer;background:#e8f8fb;border:none;border-radius:8px;font-size:15px;font-weight:700;position:absolute;top:50%;right:10px;transform:translateY(-50%);width:auto!important;margin:0!important;padding:9px 14px!important}.show-password:hover{color:#006b85;background:#d4f2f7;transform:translateY(-50%)}.forgot-row{text-align:right;margin-top:-8px;margin-bottom:25px}.forgot-row a{color:#078aaa;font-size:16px;font-weight:700;text-decoration:none}.forgot-row a:hover{text-decoration:underline}.login-error{color:#d63333;background:#fff0f0;border-radius:8px;margin-bottom:20px;padding:12px 15px;font-weight:600}.shift-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#078db0,#13b8ca);border:none;border-radius:13px;width:100%;height:64px;font-size:19px;font-weight:700;transition:all .25s;box-shadow:0 10px 25px #0899b440;margin:0!important}.shift-button:hover{transform:translateY(-3px);box-shadow:0 15px 30px #0899b452}.register-link{text-align:center;color:#899da6;margin-top:35px;font-size:16px}.register-link a{color:#078aaa;font-weight:700;text-decoration:none}.register-link a:hover{text-decoration:underline}@media (width<=900px){.login-left{width:40%;padding:40px}.login-right{width:60%;padding:25px}.login-card{padding:45px 40px}.hero-content h1{font-size:42px}.hero-content p{font-size:16px}.login-heading h1{font-size:42px}}@media (width<=650px){.login-page{min-height:100vh;display:block}.login-left{width:100%;min-height:280px;padding:30px}.hero-content{margin-top:45px}.hero-content h1{font-size:38px}.hero-content p{display:none}.hero-content span{margin-top:15px}.login-right{width:100%;min-height:auto;padding:25px 15px}.login-card{border-radius:20px;padding:35px 25px}.login-heading h1{font-size:38px}.login-heading p{margin-bottom:35px;font-size:17px}}.register-page{background:#f4fbfd;min-height:100vh;display:flex;overflow:hidden}.register-left{box-sizing:border-box;color:#fff;background:radial-gradient(circle at 80% 20%,#37d2e659,#0000 35%),linear-gradient(145deg,#00577a,#008bb5,#16b7c9);width:46%;min-height:100vh;padding:55px 80px;position:relative;overflow:hidden}.register-left:before{content:"";border:1px solid #ffffff29;border-radius:50%;width:800px;height:800px;position:absolute;top:100px;left:-250px;transform:rotate(-15deg)}.register-left:after{content:"";border:1px solid #ffffff1f;border-radius:50%;width:900px;height:500px;position:absolute;bottom:-100px;left:-200px;transform:rotate(10deg)}.register-brand{z-index:2;align-items:center;gap:15px;display:flex;position:relative}.register-logo{background:#49e0efe6;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:25px;display:flex;box-shadow:0 8px 25px #00000026}.register-brand h2{margin:0;font-size:28px;font-weight:700}.register-hero{z-index:2;margin-top:75px;position:relative}.register-hero h1{letter-spacing:-1px;margin:0;font-size:clamp(42px,4vw,68px);font-weight:700;line-height:1.1}.register-hero p{color:#ffffffd9;margin-top:35px;font-size:20px;line-height:1.6}.register-hero span{color:#ffffffb3;margin-top:30px;font-size:16px;display:block}.register-right{box-sizing:border-box;background:linear-gradient(135deg,#edfafd,#fff);justify-content:center;align-items:center;width:54%;min-height:100vh;padding:35px 50px;display:flex}.register-card{box-sizing:border-box;background:#fffffff5;border-radius:30px;width:100%;max-width:680px;padding:35px 60px;animation:.7s registerAppear;box-shadow:0 20px 60px #005a781f}@keyframes registerAppear{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.register-label{color:#078aaa;letter-spacing:2px;margin-bottom:18px;font-size:16px;font-weight:700;display:block}.register-card h1{color:#063b5b;margin:0;font-size:50px;line-height:1.1}.register-subtitle{color:#8296a2;margin-top:14px;margin-bottom:30px;font-size:20px;line-height:1.5}.register-input-group{margin-bottom:18px}.register-input-group label{color:#183b4d;margin-bottom:8px;font-size:16px;font-weight:700;display:block}.register-input-group input{box-sizing:border-box;color:#294856;background:#fbfeff;border:2px solid #dcebef;border-radius:12px;outline:none;width:100%;height:55px;padding:0 18px;font-size:16px;transition:all .25s}.register-input-group input::placeholder{color:#9baab1}.register-input-group input:focus{background:#fff;border-color:#13aac2;box-shadow:0 0 0 4px #13aac21a}.register-password-wrapper{position:relative}.register-password-wrapper input{padding-right:80px}.register-show-button{color:#078aaa;cursor:pointer;background:#e8f8fb;border:none;border-radius:8px;font-size:14px;font-weight:700;position:absolute;top:50%;right:10px;transform:translateY(-50%);width:auto!important;margin:0!important;padding:8px 12px!important}.register-show-button:hover{color:#006b85;background:#d4f2f7;transform:translateY(-50%)}.register-error{color:#d63333;background:#fff0f0;border-radius:8px;margin:10px 0;padding:10px 14px;font-weight:600}.create-account-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#078db0,#13b8ca);border:none;border-radius:12px;width:100%;height:60px;font-size:18px;font-weight:700;transition:all .25s;box-shadow:0 10px 25px #0899b440;margin:8px 0 0!important}.create-account-button:hover{transform:translateY(-3px);box-shadow:0 15px 30px #0899b452}.already-account{text-align:center;color:#899da6;margin-top:25px;font-size:15px}.already-account a{color:#078aaa;font-weight:700;text-decoration:none}.already-account a:hover{text-decoration:underline}@media (width<=900px){.register-left{width:40%;padding:40px}.register-right{width:60%;padding:25px}.register-card{padding:35px}.register-hero h1{font-size:42px}.register-hero p{font-size:16px}.register-card h1{font-size:40px}}@media (width<=650px){.register-page{display:block}.register-left{width:100%;min-height:280px;padding:30px}.register-hero{margin-top:40px}.register-hero h1{font-size:38px}.register-hero p{display:none}.register-hero span{margin-top:15px}.register-right{width:100%;min-height:auto;padding:25px 15px}.register-card{border-radius:20px;padding:35px 25px}.register-card h1{font-size:36px}.register-subtitle{margin-bottom:30px;font-size:17px}}