@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--font-heading: "Montserrat", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--color-primary-text: #0E3846;--color-secondary-text: #4A7380;--color-accent-start: #FF9E36;--color-accent-end: #FF621F;--color-bg-canvas: #F8FAFC;--color-card-bg: #FFFFFF;--color-border: #E2E8F0;--color-success: #10B981;--color-error: #EF4444;--color-warning: #F59E0B;--gradient-primary: linear-gradient(135deg, var(--color-accent-start) 0%, var(--color-accent-end) 100%);--gradient-overlay: linear-gradient(180deg, rgba(14, 56, 70, 0) 0%, rgba(14, 56, 70, .6) 100%);--shadow-card: 0 4px 20px -2px rgba(14, 56, 70, .06);--shadow-hover: 0 10px 25px -4px rgba(255, 98, 31, .15);--radius-main: 12px;--header-height: 72px;--bottom-nav-height: 80px;--sidebar-width: 280px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--color-bg-canvas);color:var(--color-primary-text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:.05em;font-weight:700;color:var(--color-primary-text)}.dashboard-container{display:flex;min-height:100vh}.main-content{flex:1;padding-bottom:calc(var(--bottom-nav-height) + 32px);max-width:100vw}@media(min-width:1024px){.main-content{padding-left:var(--sidebar-width);padding-bottom:32px}}.page-header{height:var(--header-height);padding:0 24px;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:40}.sidebar{display:none;width:var(--sidebar-width);height:100vh;background:var(--color-primary-text);color:#fff;position:fixed;left:0;top:0;flex-direction:column;z-index:50;border-right:1px solid rgba(255,255,255,.05)}@media(min-width:1024px){.sidebar{display:flex}}.sidebar-header{height:var(--header-height);padding:0 24px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}.sidebar-logo{display:flex;align-items:center;gap:12px;font-family:var(--font-heading);font-size:22px;font-weight:800;color:#fff}.sidebar-nav{padding:32px 16px;list-style:none;flex:1}.nav-link{display:flex;align-items:center;gap:16px;padding:14px 20px;border-radius:var(--radius-main);color:var(--color-secondary-text);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600;font-size:15px}.nav-link:hover{color:#fff;background:#ffffff0d}.nav-link.active{color:#fff;background:var(--gradient-primary);box-shadow:var(--shadow-hover)}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);background:#fff;border-top:1px solid var(--color-border);justify-content:space-around;align-items:center;padding:0 12px;z-index:100;box-shadow:0 -4px 15px #0e38460a}@media(min-width:1024px){.bottom-nav{display:none}}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--color-secondary-text);text-decoration:none;font-size:12px;font-weight:700;padding:10px;border-radius:var(--radius-main);transition:all .3s}.bottom-nav-item.active{color:var(--color-accent-end)}.card{background:var(--color-card-bg);border-radius:var(--radius-main);padding:24px;box-shadow:var(--shadow-card);border:1px solid rgba(14,56,70,.02);transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 30px -4px #0e384614}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:var(--radius-main);font-weight:700;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.02em;cursor:pointer;border:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px}.btn-primary{background:var(--gradient-primary);color:#fff}.btn-primary:hover{transform:scale(1.02);box-shadow:var(--shadow-hover)}.btn-lg{padding:18px 36px;width:100%}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:20px}@media(min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr);gap:24px}}.stat-card{padding:20px;background:#fff;border-radius:var(--radius-main);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-primary);opacity:.8}.stat-label{display:block;font-size:13px;font-weight:700;color:var(--color-secondary-text);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.stat-value{font-family:var(--font-heading);font-size:24px;font-weight:800;color:var(--color-primary-text)}.status-badge{padding:6px 12px;border-radius:99px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.status-pending{background:#fff7ed;color:#ea580c}.status-assigned{background:#f0f9ff;color:#0284c7}.status-transit{background:#ecfdf5;color:#059669}.status-delivered{background:#f0fdf4;color:#166534}.status-cancelled{background:#fef2f2;color:#991b1b}.list-container{padding:20px;display:flex;flex-direction:column;gap:16px}.list-item{background:#fff;border-radius:var(--radius-main);padding:20px;display:flex;flex-direction:column;gap:16px;text-decoration:none;box-shadow:var(--shadow-card);border:1px solid transparent;transition:all .3s}.list-item:hover{border-color:#ff621f33;transform:translate(4px)}.progress-bar{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;position:relative}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:4px;transition:width 1s cubic-bezier(.4,0,.2,1);position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 2s infinite}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.form-group{margin-bottom:24px}.form-label{display:block;font-size:13px;font-weight:700;margin-bottom:10px;color:var(--color-primary-text);text-transform:uppercase;letter-spacing:.05em}.form-input{width:100%;padding:16px 20px;border-radius:var(--radius-main);border:1px solid var(--color-border);font-family:var(--font-body);font-size:16px;transition:all .3s;background:#f8fafc}.form-input:focus{outline:none;border-color:var(--color-accent-start);background:#fff;box-shadow:0 0 0 4px #ff9e361a}.animate-fade-in{animation:fadeIn .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.grid-main{display:grid;grid-template-columns:1fr;gap:32px}@media(min-width:1024px){.grid-main{grid-template-columns:2fr 1fr}}.grid-deliveries{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:1024px){.grid-deliveries{grid-template-columns:1fr 1fr}}.grid-orders{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:768px){.grid-orders{grid-template-columns:1fr 1fr}}.text-muted{color:var(--color-secondary-text)}.font-heading{font-family:var(--font-heading)}