.navbar-container{display:flex;justify-content:space-between;align-items:center;background-color:#1e293b;color:#fff;padding:.8rem 1.5rem;border-bottom:2px solid #3b82f6;flex-wrap:wrap}.navbar-left{display:flex;align-items:center;gap:1rem}.navbar-logo{height:40px}.navbar-title{font-size:1.5rem;font-weight:700;color:#3b82f6}.navbar-links{display:flex;list-style:none;gap:1rem;margin-left:2rem}.navbar-links li a{color:#fff;text-decoration:none;font-weight:500}.navbar-links li a:hover{text-decoration:underline}.navbar-right{margin-top:.5rem}.navbar-login{background-color:#3b82f6;border:none;color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer}.navbar-user{font-weight:500}body{margin:0;font-family:Segoe UI,sans-serif;background:#f3f7fa;color:#333}.app{text-align:center;padding:2rem}.app-header{background:white;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a;display:inline-block;margin-bottom:2rem}.app-logo{width:120px;margin-bottom:1rem}.btn-order{padding:.75rem 1.5rem;background-color:#0070f3;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer}.btn-order:hover{background-color:#005fd2}.btn-order{@apply px-5 py-2 bg-purple-600 text-white font-bold rounded-xl hover:bg-purple-700 transition;}body.dark-theme{background-color:#1a1a1a;color:#fff}body.dark-theme .app-header{background-color:#2c2c2c;color:#fff}body.dark-theme .btn-order{background-color:#444;color:#fff}body.dark-theme .btn-order:hover{background-color:#666}