body{overflow-x:hidden}.navbar{position:sticky;top:0;width:100%;background:#1f2937;color:#fff;z-index:1000;box-shadow:0 4px 12px #00000026;font-weight:700}.navbar-container{max-width:1200px;margin:0 auto;padding:.75rem 2rem;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-size:2rem;font-weight:800;text-decoration:none;color:#fff;letter-spacing:1px;transition:color .3s}.nav-logo:hover{color:#2563eb}.nav-toggle{display:none;background:none;border:none;cursor:pointer;color:#fff;position:relative;z-index:1100}.nav-menu{display:flex;align-items:center;gap:2rem}.nav-list{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-list li a{text-decoration:none;color:#fff;font-size:1.1rem;font-weight:700;padding:.25rem 0;transition:color .3s,border-bottom .3s}.nav-list li a:hover{color:#2563eb;border-bottom:3px solid #2563eb}.nav-buttons{display:flex;gap:1rem;align-items:center;margin-top:0}.btn-primary{padding:10px;min-width:100px;background-color:#2563eb;color:#fff;border-radius:8px;text-decoration:none;font-weight:800;font-size:1rem;text-align:center;transition:background-color .3s,transform .2s}.btn-primary:hover{background-color:#1d4ed8;transform:translateY(-2px)}.btn-outline{padding:10px;min-width:100px;border:2px solid #2563eb;border-radius:8px;color:#2563eb;text-decoration:none;font-weight:800;font-size:1rem;text-align:center;transition:all .3s,transform .2s}.btn-outline:hover{background-color:#2563eb;color:#fff;transform:translateY(-2px)}@media (max-width: 768px){.nav-toggle{display:block}.nav-menu{position:fixed;top:0;right:-100%;width:70%;height:100vh;background:#1f2937;flex-direction:column;align-items:flex-start;padding:5rem 2rem;gap:2rem;transition:right .3s ease-in-out;box-shadow:-2px 0 12px #0003;z-index:1050}.nav-menu.active{right:0}.nav-list{flex-direction:column;gap:2rem;text-align:left;width:100%}.nav-list li a{display:block}.nav-buttons{flex-direction:column;gap:1.5rem;margin-top:30px;width:100%}.btn-primary,.btn-outline{width:100%}}.footer{background:#1e2a3a;color:#fff;padding:2rem 10%;text-align:center}.footer-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-links{display:flex;gap:1rem}.footer-links a{color:#fff;transition:color .3s}.footer-links a:hover{color:#64b5f6}html{scroll-behavior:smooth}.home{font-family:Inter,sans-serif;background:#f5f7fa;color:#1e2a3a;scroll-behavior:smooth}.hero{position:relative;height:100vh;background:url(/cargo.jpg) no-repeat center center / cover;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:#0000008c;-webkit-backdrop-filter:brightness(.7);backdrop-filter:brightness(.7)}.hero-content{position:relative;z-index:2;max-width:700px;padding:2rem}.hero-content h1{font-size:3rem;color:#1e88e5;margin-bottom:1rem}.hero-content p{color:#2291b6;font-size:1.1rem;margin-bottom:2rem}.hero-buttons a{margin-right:1rem}.hero-image img{width:420px;border-radius:20px;box-shadow:0 10px 25px #00000026}.features{display:flex;flex-direction:column;justify-content:center;text-align:center;padding:4rem 10%;height:100vh;margin:20px 0}.alert{color:#ff1818}.features h2{margin-bottom:3rem;font-size:2rem;color:#1565c0}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem}.feature-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 5px 20px #0000000d;transition:all .3s ease}.feature-card:hover{transform:translateY(-8px);box-shadow:0 8px 30px #0000001a}.feature-card .icon{color:#1e88e5;font-size:2rem;margin-bottom:1rem}.cta{background:linear-gradient(120deg,#1e88e5,#1565c0);color:#fff;text-align:center;padding:5rem 10%;border-radius:24px;margin:5rem 10%}.cta h2{font-size:2rem;margin-bottom:1rem}.cta a{margin-top:1rem;display:inline-block}.stats{background:linear-gradient(135deg,#0046ff0f,#00b4d80f);padding:5rem 2rem;height:80vh;text-align:center;color:#1e2a38}.stats h2{font-size:2rem;font-weight:700;margin-bottom:3rem;color:#0046ff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;max-width:900px;margin:20px auto}.stat{background:#fff;border-radius:16px;padding:2rem 1.5rem;box-shadow:0 5px 15px #0000000f;transition:all .3s ease;position:relative;overflow:hidden}.stat:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0046ff26,#00b4d826);opacity:0;transition:opacity .3s ease;border-radius:16px}.stat:hover:before{opacity:1}.stat:hover{transform:translateY(-6px);box-shadow:0 10px 25px #00000014}.stat .icon{color:#0046ff;background:#0046ff1a;padding:.8rem;border-radius:50%;font-size:2rem;margin-bottom:1rem}.stat h3{font-size:2rem;font-weight:700;color:#081f5c;margin-bottom:.3rem}.stat p{color:#555;font-size:1rem;font-weight:500}@media (max-width: 768px){.stats{padding:3rem 1rem}.stats h2{font-size:1.7rem}.stat{padding:1.5rem}.stat h3{font-size:1.6rem}}*{margin:0;padding:0;box-sizing:border-box}.dashboard{min-height:100vh;background:#f6f9fc;font-family:Poppins,sans-serif;padding:2rem 4rem;color:#1e2a38}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.logo{font-size:1.8rem;font-weight:700;color:#0046ff}.logo span{color:#00b4d8}.username{color:#0046ff;font-weight:600}.header-actions{display:flex;gap:1rem}.create-btn,.logout-btn{display:flex;align-items:center;gap:.4rem;background:#0046ff;color:#fff;border:none;border-radius:8px;padding:.6rem 1rem;font-weight:500;transition:all .3s ease;cursor:pointer;text-decoration:none}.logout-btn{background:#ff4757}.create-btn:hover{background:#0062ff}.logout-btn:hover{background:#ff5e6c}.overview h2{margin-bottom:1rem;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.stat-card{background:#fff;padding:1.5rem;border-radius:15px;text-align:center;box-shadow:0 4px 10px #0000000d;transition:transform .2s ease}.stat-card:hover{transform:translateY(-4px)}.icon-box{background:linear-gradient(135deg,#0046ff,#00b4d8);color:#fff;border-radius:50%;width:45px;height:45px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center}.stat-card h3{font-size:1.8rem;font-weight:700;margin-bottom:.3rem}.packages{margin-top:3rem}.package-list{list-style:none;margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.package-item{background:#fff;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 2px 6px #0000000d;display:flex;justify-content:space-between;align-items:center}.pkg-info{display:flex;flex-direction:column}.pkg-title{font-weight:600;color:#222}.pkg-meta{color:#555;font-size:.9rem}.pkg-actions{display:flex;gap:.6rem}.edit-btn,.delete-btn{border:none;border-radius:6px;padding:.4rem .8rem;font-weight:500;cursor:pointer;transition:all .3s ease}.edit-btn{background:#00b4d8;color:#fff}.edit-btn:hover{background:#0096c7}.delete-btn{background:#ff4757;color:#fff}.delete-btn:hover{background:#e84141}.empty{text-align:center;color:#555;margin-top:1.5rem}.register-body{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100vh;background:linear-gradient(120deg,#0077e6,#4da6ff)}.back{position:absolute;top:0;left:0;margin:15px}.back button{background:none;border:none;transition:.5s ease;animation:wiggle 1s infinite alternate}@keyframes wiggle{0%{transform:translate(0)}50%{transform:translate(10px)}to{transform:translate(-10px)}}.back:hover{transform:scaleY(1.2)}.register-card{background:#fff;padding:2.5rem;border-radius:16px;box-shadow:0 10px 30px #00000026;text-align:center;width:90%;max-width:400px}.register-title{font-size:1.8rem;color:#081f5c;margin-bottom:.5rem}.register-subtitle{color:#666;margin-bottom:1.5rem}.register-form{display:flex;flex-direction:column;gap:1rem}.form-input{padding:.8rem;border-radius:8px;border:1px solid #ccc;outline:none;transition:border .3s}.form-input:focus{border-color:#0077e6}.register-button{background:#0077e6;color:#fff;padding:.9rem;border-radius:8px;border:none;cursor:pointer;font-weight:600;transition:background .3s}.register-button:hover{background:#005bb5}.error{color:red;margin-top:.5rem}.register-text{margin-top:1rem;color:#555}.register-link{color:#0077e6;text-decoration:none;font-weight:600}.register-link:hover{text-decoration:underline}.create-container{max-width:600px;margin:3rem auto;background:#fff;padding:2rem 3rem;border-radius:16px;box-shadow:0 5px 20px #0000001a}.create-container h2{color:#081f5c;margin-bottom:1.5rem;text-align:center}.create-form{display:flex;flex-direction:column;gap:1rem}.create-form input,.create-form textarea,.create-form select{padding:.8rem;border:1px solid #ccc;border-radius:8px;outline:none;font-size:1rem}.create-form textarea{resize:none;min-height:80px}.create-form input:focus,.create-form select:focus,.create-form textarea:focus{border-color:#0077e6}.create-form button{background:#0077e6;color:#fff;border:none;padding:.9rem;border-radius:8px;cursor:pointer;font-weight:600;transition:background .3s}.create-form button:hover{background:#005bb5}.message{text-align:center;margin-top:.5rem;color:#0077e6}