*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a2e;background:#f0f2f5;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif}.page-container{max-width:1100px;margin:2rem auto;padding:0 1rem}.card{background:#fff;border-radius:10px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 2px 8px #00000014}.card-title{color:#16213e;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.form-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.form-group{flex-direction:column;gap:.25rem;display:flex}.form-group label{color:#555;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{color:#1a1a2e;background:#fafafa;border:1.5px solid #dde;border-radius:6px;padding:.5rem .75rem;font-size:.95rem;transition:border-color .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#4361ee;outline:none}.form-group textarea{resize:vertical;min-height:72px}.form-actions{gap:.5rem;margin-top:.25rem;display:flex}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.5rem 1.1rem;font-size:.9rem;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{color:#fff;background:#4361ee}.btn-primary:hover:not(:disabled){background:#3451d1}.btn-secondary{color:#4361ee;background:#e8ecff}.btn-secondary:hover:not(:disabled){background:#d5dcff}.btn-danger{color:#dc2626;background:#fee2e2}.btn-danger:hover:not(:disabled){background:#fecaca}.btn-sm{padding:.3rem .7rem;font-size:.82rem}.page-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.page-header h1{color:#16213e;font-size:1.6rem;font-weight:700}.table-wrapper{border-radius:8px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}thead th{color:#555;text-transform:uppercase;letter-spacing:.05em;text-align:left;background:#f0f2f5;border-bottom:2px solid #e0e4ee;padding:.75rem 1rem;font-size:.78rem;font-weight:700}tbody tr{border-bottom:1px solid #f0f2f5;transition:background .1s}tbody tr:hover{background:#f7f8ff}tbody tr:last-child{border-bottom:none}tbody td{vertical-align:middle;color:#333;padding:.75rem 1rem}.td-actions{gap:.4rem;display:flex}.badge{text-transform:capitalize;border-radius:20px;padding:.2rem .6rem;font-size:.78rem;font-weight:600;display:inline-block}.badge-pending{color:#b45309;background:#fef3c7}.badge-shipped{color:#1d4ed8;background:#dbeafe}.badge-delivered{color:#15803d;background:#dcfce7}.badge-cancelled{color:#dc2626;background:#fee2e2}.badge-processing{color:#7c3aed;background:#ede9fe}.alert{border-radius:6px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem}.alert-error{color:#dc2626;background:#fee2e2;border-left:4px solid #dc2626}.alert-success{color:#15803d;background:#dcfce7;border-left:4px solid #15803d}.empty-state{text-align:center;color:#999;padding:3rem 1rem}.empty-state p{font-size:1rem}.loading{text-align:center;color:#aaa;padding:3rem;font-size:1rem}.home-hero{text-align:center;padding:4rem 1rem 3rem}.home-hero h1{color:#16213e;margin-bottom:.75rem;font-size:2.5rem;font-weight:800}.home-hero p{color:#666;margin-bottom:2.5rem;font-size:1.1rem}.home-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;max-width:900px;margin:0 auto;display:grid}.home-card{color:inherit;background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1.5rem;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 2px 8px #00000014}.home-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #4361ee26}.home-card-icon{font-size:2.2rem}.home-card h2{color:#16213e;font-size:1.1rem;font-weight:700}.home-card p{color:#888;text-align:center;font-size:.85rem}.navbar{color:#fff;z-index:100;background:#16213e;align-items:center;gap:2rem;height:60px;padding:0 2rem;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0000002e}.navbar-brand{letter-spacing:.02em;color:#a5b4fc;flex-shrink:0;font-size:1.25rem;font-weight:800}.navbar-links{gap:.25rem;list-style:none;display:flex}.nav-link{color:#c4c9d8;border-radius:6px;padding:.4rem .85rem;font-size:.92rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:block}.nav-link:hover{color:#fff;background:#1e2d50}.nav-link.active{color:#fff;background:#4361ee}