html,body{max-width:100%;overflow-x:hidden}img,svg,video,canvas{max-width:100%}button,input,select,textarea{font:inherit}@media (width<=900px){.container,.page-container{width:min(100% - 32px, var(--container-lg,1180px))}.grid-2,.grid-3,.grid-4,.hero,.hero-content,.hero-grid,.home-hero,.create-hero,.dashboard-grid,.dashboard-content,.dashboard-layout,.tracking-grid,.tracking-content,.tracking-layout,.route-grid,.route-cards{grid-template-columns:1fr}}@media (width<=650px){.container,.page-container{width:min(100% - 24px, var(--container-lg,1180px))}main{width:100%}section{scroll-margin-top:80px}.page-section{padding-top:28px;padding-bottom:28px}.section-header,.tracking-section-heading,.dashboard-section-heading{gap:12px}h1{font-size:clamp(2rem,9vw,2.8rem);line-height:1.08}h2{font-size:clamp(1.4rem,6vw,2rem)}h3{font-size:1.1rem}p{line-height:1.65}.btn{min-height:46px}.btn--full,.button-full,.full-width{width:100%}.button-group,.button-row,.hero-actions,.form-actions{flex-direction:column;align-items:stretch}.button-group>*,.button-row>*,.hero-actions>*,.form-actions>*{width:100%}.card{border-radius:var(--radius-lg,16px)}.card-body{padding:20px}.form-grid,.create-form-grid,.shipment-form-grid{grid-template-columns:1fr}.form-row,.input-row{flex-direction:column}input,select,textarea{max-width:100%}textarea{min-height:120px}.home-hero{padding-top:32px;padding-bottom:48px}.hero-content{text-align:center}.hero-actions,.hero-actions a,.hero-actions button{width:100%}.workflow-grid,.capabilities-grid,.create-shipment-layout,.create-layout{grid-template-columns:1fr}.create-shipment-form,.create-form{padding:20px}.location-row,.destination-row{flex-direction:column;align-items:stretch}.location-row button,.destination-row button{width:100%}.tracking-header,.tracking-hero,.tracking-progress-header{flex-direction:column;align-items:flex-start}.tracking-hero{gap:18px}.tracking-progress-card{padding:20px 16px}.tracking-section-heading{flex-direction:column;align-items:flex-start}.tracking-status-card,.tracking-actions,.tracking-actions button,.tracking-actions a{width:100%}.package-details-grid,.tracking-details-grid,.shipment-details-grid,.route-grid{grid-template-columns:1fr}.shipment-progress{width:100%}.shipment-progress__steps{gap:8px}.shipment-progress__content strong{font-size:.82rem}.shipment-progress__content span{font-size:.7rem}.shipment-progress__marker{width:30px;height:30px;font-size:.75rem}.shipment-timeline{padding-left:0}.shipment-timeline__event{padding-left:42px}.shipment-timeline__card{padding:16px}.shipment-timeline__meta{flex-direction:column;align-items:flex-start;gap:6px}.qr-card{width:100%}.qr-card__body{padding:20px 16px}.qr-card__code{width:min(100%,260px);margin-inline:auto}.qr-card__actions{flex-direction:column}.qr-card__actions button,.scanner-container,.scan-container{width:100%}.scanner-frame,.scan-frame{aspect-ratio:1;width:100%;max-width:100%}.scanner-actions,.scan-actions{flex-direction:column}.scanner-actions button,.scan-actions button{width:100%}.dashboard-header{flex-direction:column;align-items:flex-start;gap:16px}.dashboard-actions,.dashboard-actions a,.dashboard-actions button{width:100%}.dashboard-stats,.stats-grid,.dashboard-stat-grid{grid-template-columns:1fr 1fr}.dashboard-filters,.filter-tabs{scrollbar-width:none;width:100%;overflow-x:auto}.dashboard-filters::-webkit-scrollbar{display:none}.filter-tabs::-webkit-scrollbar{display:none}.dashboard-filters>*,.filter-tabs>*{flex-shrink:0}.shipment-card{padding:18px}.table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table{min-width:620px}.navbar{width:100%}.navbar-container{padding-left:12px;padding-right:12px}.footer,.site-footer{padding-left:16px;padding-right:16px}.footer-grid,.footer-content{text-align:center;grid-template-columns:1fr}}@media (width<=400px){.container,.page-container{width:calc(100% - 20px)}h1{font-size:2rem}h2{font-size:1.35rem}.card-body{padding:16px}.tracking-progress-card{padding:18px 14px}.shipment-progress__content span{display:none}.dashboard-stats,.stats-grid,.dashboard-stat-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--color-primary:#f4b30c;--color-primary-hover:#e09f06;--color-primary-active:#c58a00;--color-primary-soft:#f4b30c24;--color-primary-subtle:#fef9ea;--color-espresso:#191200;--color-espresso-hover:#291e03;--color-espresso-soft:#1912000d;--color-accent:#1f4a38;--color-accent-soft:#e7f1eb;--color-success:#1f7a55;--color-success-soft:#eaf6f0;--color-warning:#c28800;--color-warning-soft:#fdf5df;--color-danger:#c93b3b;--color-danger-soft:#faeaea;--color-info:#195240;--color-info-soft:#e7f3ee;--color-background:#fbf9f1;--color-surface:#fff;--color-surface-muted:#f4f1e6;--color-surface-warm:#ede8d7;--color-surface-dark:#191200;--color-text-primary:#191200;--color-text-secondary:#5a5446;--color-text-muted:#8b8577;--color-text-inverse:#fbf9f1;--color-border:#e8e4d5;--color-border-strong:#d3cdbb;--color-border-dark:#31260a;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.5rem;--radius-md:.875rem;--radius-lg:1.25rem;--radius-xl:1.75rem;--radius-2xl:2.25rem;--radius-full:9999px;--shadow-xs:0 1px 3px #1912000a;--shadow-sm:0 3px 10px #1912000f;--shadow-md:0 10px 30px #19120014;--shadow-lg:0 20px 50px #1912001a;--shadow-pill:0 8px 24px -4px #19120014;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1220px;--container-2xl:1380px;--navbar-height:80px;--transition-fast:.15s ease;--transition-normal:.24s cubic-bezier(.16, 1, .3, 1);--transition-slow:.4s cubic-bezier(.16, 1, .3, 1);--z-dropdown:100;--z-sticky:200;--z-modal:500;--z-toast:1000;--primary-color:var(--color-primary);--bg-primary:var(--color-background);--bg-secondary:var(--color-surface);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-muted:var(--color-text-muted);--border-color:var(--color-border);--z-navbar:var(--z-sticky);--font-display:"Syne", "Plus Jakarta Sans", -apple-system, sans-serif;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Space Mono", SFMono-Regular, Consolas, monospace}html{font-family:var(--font-sans);color:var(--color-text-primary);background-color:var(--color-background);font-size:16px;line-height:1.5}body{font-family:var(--font-sans);color:var(--color-text-primary);background-color:var(--color-background);font-weight:400}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-weight:700;line-height:1.05}h1{letter-spacing:-.035em;font-size:clamp(2.5rem,5.5vw,4.5rem);font-weight:800;line-height:1.02}h2{letter-spacing:-.025em;font-size:clamp(2rem,3.8vw,3rem);font-weight:700;line-height:1.1}h3{font-size:clamp(1.35rem,2vw,1.75rem);font-weight:700;line-height:1.2}h4{font-size:1.125rem;font-weight:600;line-height:1.35}p{color:var(--color-text-secondary);font-family:var(--font-sans);margin:0;line-height:1.6}.font-mono{font-family:var(--font-mono);letter-spacing:-.01em}.font-display{font-family:var(--font-display)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-primary{color:var(--color-text-primary)}.text-brand{color:var(--color-primary)}.text-espresso{color:var(--color-espresso)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}*,:before,:after{box-sizing:border-box}html{background:var(--color-background);scroll-behavior:smooth;min-width:320px}body{background:var(--color-background);min-width:320px;min-height:100vh;color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}button,input,textarea,select{font:inherit}button{border:0}button,a{-webkit-tap-highlight-color:transparent}img,svg{max-width:100%;display:block}input,textarea,select{width:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}:focus-visible{outline-offset:2px;outline:3px solid #1d665052}#root{min-height:100vh}.page{min-height:calc(100vh - var(--navbar-height))}.page-container{width:min(calc(100% - 2rem), var(--container-xl));margin-inline:auto}.page-section{padding-block:var(--space-16)}@media (width<=768px){.page-container{width:min(calc(100% - 1.5rem), var(--container-xl))}.page-section{padding-block:var(--space-12)}}@media (width<=480px){.page-container{width:min(calc(100% - 1rem), var(--container-xl))}.page-section{padding-block:var(--space-10)}}.app-shell{background:var(--color-background);min-height:100vh}.app-main{min-height:calc(100vh - var(--navbar-height))}.navbar{z-index:var(--z-sticky);height:var(--navbar-height);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(14px);background:#fffffff0;position:sticky;top:0}.navbar-inner{width:min(calc(100% - 2rem), var(--container-2xl));justify-content:space-between;align-items:center;gap:var(--space-8);height:100%;margin-inline:auto;display:flex}.brand{align-items:center;gap:var(--space-3);flex-shrink:0;text-decoration:none;display:inline-flex}.brand-mark{border-radius:var(--radius-md);background:var(--color-primary);width:34px;height:34px;color:var(--color-text-inverse);letter-spacing:-.02em;box-shadow:var(--shadow-sm);place-items:center;font-size:.875rem;font-weight:800;display:grid}.brand-name{color:var(--color-text-primary);letter-spacing:-.02em;font-size:1.05rem;font-weight:700}.navbar-navigation{align-items:center;gap:var(--space-1);margin-inline:auto;display:flex}.navbar-link{color:var(--color-text-secondary);border-radius:var(--radius-md);transition:color var(--transition-fast), background var(--transition-fast);padding:.5rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;position:relative}.navbar-link:hover{color:var(--color-text-primary);background:var(--color-surface-muted)}.navbar-link-active{color:var(--color-primary);background:var(--color-primary-soft)}.navbar-actions{align-items:center;display:flex}.navbar-create-button{border-radius:var(--radius-md);background:var(--color-primary);min-height:38px;color:var(--color-text-inverse);transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);justify-content:center;align-items:center;padding:.5rem .875rem;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.navbar-create-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-sm)}.navbar-create-button:active{transform:translateY(1px)}.app-loading{justify-content:center;align-items:center;gap:var(--space-3);min-height:60vh;color:var(--color-text-secondary);flex-direction:column;font-size:.875rem;display:flex}.loading-spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast-region{z-index:var(--z-toast);gap:var(--space-2);pointer-events:none;flex-direction:column;width:min(100vw - 2rem,380px);display:flex;position:fixed;bottom:1.25rem;right:1.25rem}.toast{justify-content:space-between;align-items:flex-start;gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);width:100%;color:var(--color-text-primary);box-shadow:var(--shadow-lg);text-align:left;cursor:pointer;pointer-events:auto;padding:.875rem 1rem;font-size:.875rem;font-weight:500;animation:.18s ease-out toast-in;display:flex}.toast-info{border-left:3px solid var(--color-info)}.toast-success{border-left:3px solid var(--color-success)}.toast-error{border-left:3px solid var(--color-danger)}.toast-warning{border-left:3px solid var(--color-warning)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=720px){.navbar-inner{width:min(calc(100% - 1rem), var(--container-2xl));gap:var(--space-3)}.brand-name{display:none}.navbar-navigation{gap:0}.navbar-link{padding-inline:.5rem;font-size:.8125rem}.navbar-create-button{padding-inline:.7rem}}@media (width<=480px){.navbar-navigation{display:none}.navbar-inner{justify-content:space-between}.brand-name{display:inline}}.button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);cursor:pointer;min-height:44px;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border:1px solid #0000;padding:.7rem 1.4rem;font-size:.9rem;font-weight:600;line-height:1;display:inline-flex}.button:disabled{opacity:.55;cursor:not-allowed}.button:not(:disabled):active{transform:translateY(1px)scale(.98)}.button-primary{background:var(--color-primary);color:#191200;border:1px solid #19120014;font-weight:700;box-shadow:0 4px 16px #f4b30c52}.button-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 8px 24px #f4b30c6b}.button-secondary{color:#fbf9f1;background:#191200;border-color:#191200;font-weight:600;box-shadow:0 4px 16px #1912001f}.button-secondary:hover:not(:disabled){background:#2c2205;border-color:#2c2205;transform:translateY(-2px);box-shadow:0 6px 20px #19120033}.button-ghost{color:var(--color-text-secondary);background:0 0}.button-ghost:hover:not(:disabled){background:var(--color-surface-muted);color:var(--color-text-primary)}.button-danger{background:var(--color-danger);color:#fff}.button-danger:hover:not(:disabled){background:#a82a2a}.button-sm{min-height:34px;padding:.45rem .75rem;font-size:.8125rem}.button-md{min-height:42px}.button-lg{min-height:48px;padding-inline:1.25rem;font-size:.9375rem}.button-full{width:100%}.button-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs)}.card-padding-none{padding:0}.card-padding-sm{padding:var(--space-4)}.card-padding-md{padding:var(--space-6)}.card-padding-lg{padding:var(--space-8)}.card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border);display:flex}.card-title{letter-spacing:-.015em;font-size:1rem;font-weight:650}.card-description{margin-top:var(--space-1);color:var(--color-text-secondary);font-size:.875rem}.card-header-action{flex-shrink:0}.card-body{padding-top:var(--space-5)}.field{gap:var(--space-2);flex-direction:column;display:flex}.field-label{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.field-required{color:var(--color-danger);margin-left:3px}.input,.select{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);min-height:44px;color:var(--color-text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:.625rem .75rem;font-size:.875rem}.input::placeholder{color:var(--color-text-muted)}.input:hover,.select:hover{border-color:#aebbb3}.input:focus,.select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1f7a5a1a}.input-error,.select-error{border-color:var(--color-danger)}.field-hint,.field-error{font-size:.75rem}.field-hint{color:var(--color-text-muted)}.field-error{color:var(--color-danger)}.badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:6px;min-height:26px;padding:.3rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.badge-neutral{color:var(--color-text-secondary);background:var(--color-surface-muted)}.badge-info{color:var(--color-info);background:var(--color-info-soft)}.badge-success{color:var(--color-success);background:var(--color-success-soft)}.badge-danger{color:var(--color-danger);background:var(--color-danger-soft)}.badge-warning{color:var(--color-warning);background:var(--color-warning-soft)}.spinner-sm{width:16px;height:16px}.spinner-md{width:24px;height:24px}.spinner-lg{width:36px;height:36px}.empty-state{min-height:260px;padding:var(--space-8);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{width:52px;height:52px;margin-bottom:var(--space-4);border-radius:var(--radius-xl);background:var(--color-surface-muted);color:var(--color-text-muted);place-items:center;font-size:1.5rem;display:grid}.empty-state-title{font-size:1rem;font-weight:650}.empty-state-description{max-width:420px;margin-top:var(--space-2);font-size:.875rem;line-height:1.6}.empty-state-action{margin-top:var(--space-5)}@media (width<=640px){.card-padding-md{padding:var(--space-5)}.card-padding-lg{padding:var(--space-6)}.card-header{gap:var(--space-3)}}.navbar{z-index:var(--z-navbar);width:100%;height:var(--navbar-height);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(18px);background:#0a0f0cd1;position:sticky;top:0}.navbar-inner{width:min(var(--container-xl), calc(100% - 2rem));justify-content:space-between;align-items:center;gap:2rem;height:100%;margin:0 auto;display:flex}.navbar-brand{color:var(--text-primary);flex-shrink:0;align-items:center;gap:.65rem;text-decoration:none;display:inline-flex}.navbar-logo{background:var(--primary-color);color:#06130a;width:34px;height:34px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border-radius:10px;place-items:center;font-size:1rem;font-weight:900;display:grid;box-shadow:0 0 0 1px #22c55e33,0 6px 18px #22c55e1f}.navbar-brand:hover .navbar-logo{transform:rotate(-4deg)scale(1.04);box-shadow:0 0 0 1px #22c55e4d,0 8px 24px #22c55e33}.navbar-brand-text{letter-spacing:-.025em;font-size:1.05rem;font-weight:800}.navbar-brand-text span{color:var(--primary-color)}.navbar-links{align-items:center;gap:.25rem;height:100%;margin-left:auto;display:flex}.navbar-link{height:100%;color:var(--text-secondary);transition:color var(--transition-fast), background var(--transition-fast);align-items:center;gap:.45rem;padding:0 .8rem;font-size:.78rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.navbar-link:hover,.navbar-link.active{color:var(--text-primary)}.navbar-link.active:after{content:"";background:var(--primary-color);border-radius:999px;height:2px;position:absolute;bottom:0;left:.8rem;right:.8rem}.navbar-link-icon{color:var(--text-muted);font-size:1rem;line-height:1}.navbar-link.active .navbar-link-icon{color:var(--primary-color)}.navbar-context{border-left:1px solid var(--border-color);color:var(--text-muted);padding-left:.8rem;font-size:.72rem}.navbar-cta{color:var(--primary-color);transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:#22c55e1a;border:1px solid #22c55e40;border-radius:10px;flex-shrink:0;align-items:center;gap:.45rem;padding:.58rem .9rem;font-size:.76rem;font-weight:800;text-decoration:none;display:inline-flex}.navbar-cta span{font-size:1rem;line-height:1}.navbar-cta:hover{background:#22c55e29;border-color:#22c55e66;transform:translateY(-1px)}.navbar-menu-button{border:1px solid var(--border-color);background:var(--bg-secondary);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:40px;height:40px;padding:0;display:none}.navbar-menu-button span{background:var(--text-secondary);width:17px;height:2px;transition:transform var(--transition-fast), opacity var(--transition-fast);border-radius:999px}.navbar-menu-button.open span:first-child{transform:translateY(6px)rotate(45deg)}.navbar-menu-button.open span:nth-child(2){opacity:0}.navbar-menu-button.open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.navbar-mobile{display:none}@media (width<=760px){.navbar-inner{width:calc(100% - 1.2rem)}.navbar-links,.navbar-cta{display:none}.navbar-menu-button{display:flex}.navbar-mobile{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(18px);opacity:0;pointer-events:none;transition:transform var(--transition-fast), opacity var(--transition-fast);background:#0a0f0cf5;flex-direction:column;padding:.7rem;display:flex;position:absolute;top:100%;left:0;right:0;transform:translateY(-10px)}.navbar-mobile.open{opacity:1;pointer-events:auto;transform:translateY(0)}.navbar-mobile-link{color:var(--text-secondary);transition:background var(--transition-fast), color var(--transition-fast);border-radius:12px;align-items:center;gap:.85rem;padding:.85rem;text-decoration:none;display:flex}.navbar-mobile-link:hover,.navbar-mobile-link.active{color:var(--text-primary);background:#22c55e14}.navbar-mobile-link>span{width:34px;height:34px;color:var(--text-secondary);background:#ffffff0a;border-radius:9px;place-items:center;font-size:1rem;display:grid}.navbar-mobile-link.active>span{color:var(--primary-color);background:#22c55e1f}.navbar-mobile-link div{flex-direction:column;gap:.15rem;display:flex}.navbar-mobile-link strong{font-size:.8rem}.navbar-mobile-link small{color:var(--text-muted);font-size:.68rem}.navbar-mobile-create{background:#22c55e12;border:1px solid #22c55e33;margin-top:.35rem}.navbar-mobile-create>span{background:var(--primary-color);color:#06130a;font-weight:900}}@media (width<=420px){.navbar-brand-text{font-size:.95rem}.navbar-logo{width:32px;height:32px}}html{scroll-behavior:smooth}.page-container,.dashboard-page,.track-page,.scan-page,.create-page{animation:.42s both page-enter}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.45s both fade-up}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.stagger-children>*{animation:.45s both fade-up}.stagger-children>:first-child{animation-delay:40ms}.stagger-children>:nth-child(2){animation-delay:80ms}.stagger-children>:nth-child(3){animation-delay:.12s}.stagger-children>:nth-child(4){animation-delay:.16s}.stagger-children>:nth-child(5){animation-delay:.2s}.stagger-children>:nth-child(6){animation-delay:.24s}button,.btn,a.btn{-webkit-tap-highlight-color:transparent}button:not(:disabled),.btn:not(:disabled){transition:transform var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast)}button:not(:disabled):active,.btn:not(:disabled):active{transform:scale(.975)}.btn:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}.card{transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast)}.interactive-card{cursor:pointer}.interactive-card:hover{box-shadow:var(--shadow-md);border-color:#22c55e40;transform:translateY(-2px)}a{transition:color var(--transition-fast), opacity var(--transition-fast)}a:not(.btn):hover{opacity:.88}input,select,textarea{transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast)}input:hover,select:hover,textarea:hover{border-color:#ffffff2e}input:focus,select:focus,textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #22c55e14}.loading-center{min-height:50vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.loader{border:3px solid #ffffff14;border-top-color:var(--primary-color);border-radius:50%;width:30px;height:30px;animation:.75s linear infinite loader-spin}@keyframes loader-spin{to{transform:rotate(360deg)}}.success-pulse{animation:.9s both success-pulse}@keyframes success-pulse{0%{opacity:0;transform:scale(.94)}55%{opacity:1;transform:scale(1.02)}to{transform:scale(1)}}.status-dot{background:var(--primary-color);border-radius:50%;width:8px;height:8px;position:relative}.status-dot:after{content:"";background:#22c55e26;border-radius:50%;animation:1.8s ease-out infinite status-pulse;position:absolute;inset:-4px}@keyframes status-pulse{0%{opacity:.8;transform:scale(.7)}70%{opacity:0;transform:scale(1.4)}to{opacity:0;transform:scale(1.4)}}.motion-grid{position:relative}.motion-grid:before{content:"";pointer-events:none;opacity:.3;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.spinner-wrapper{justify-content:center;align-items:center;gap:.65rem;display:inline-flex}.spinner{border:2px solid #ffffff1a;border-top-color:var(--primary-color);border-radius:50%;animation:.7s linear infinite loader-spin;display:block}.spinner-sm .spinner{width:16px;height:16px}.spinner-md .spinner{width:22px;height:22px}.spinner-lg .spinner{border-width:3px;width:32px;height:32px}.spinner-label{color:var(--text-secondary);font-size:.8rem}.btn-loading{cursor:wait;opacity:.8}.btn-loading .spinner-wrapper{gap:0}.btn-loading .spinner{width:15px;height:15px}.btn-loading{justify-content:center;align-items:center;gap:.55rem;display:inline-flex}:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px;border-radius:6px}:focus:not(:focus-visible){outline:none}::selection{background:var(--color-primary);color:#fff}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.6}a,button{-webkit-tap-highlight-color:transparent}@media (pointer:coarse){button,[role=button],a.btn,input[type=checkbox],input[type=radio]{min-height:44px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:9999;background:var(--color-text);color:var(--color-surface);border-radius:8px;padding:10px 16px;font-size:.875rem;font-weight:700;text-decoration:none;transition:top .16s;position:fixed;top:-100px;left:16px}.skip-link:focus{top:16px}[aria-disabled=true]{pointer-events:none;cursor:not-allowed}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.spinner{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.spinner__circle{border:2px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spinner-rotate;display:block}.spinner--sm .spinner__circle{width:15px;height:15px}.spinner--lg .spinner__circle{width:28px;height:28px}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner__circle{animation:none}}input,select,textarea{color:var(--color-text);background:var(--color-surface);border-color:var(--color-border)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}input:focus,select:focus,textarea:focus{border-color:var(--color-primary)}textarea{resize:vertical}select{cursor:pointer}input[type=number]::-webkit-inner-spin-button{margin:0}input[type=number]::-webkit-outer-spin-button{margin:0}input[type=checkbox],input[type=radio]{accent-color:var(--color-primary)}.card{overflow:hidden}.card img{max-width:100%;display:block}.card h1,.card h2,.card h3,.card h4{color:var(--color-text)}.card p:last-child{margin-bottom:0}a{color:inherit}a:not(.btn):not(.nav-link){text-underline-offset:3px}a:not(.btn):not(.nav-link):hover{color:var(--color-primary)}.page-loading{min-height:60vh;color:var(--color-text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.page-loading p{margin:0;font-size:.9rem}.navbar.navbar{height:var(--navbar-height);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(20px);background:#fbf9f1eb;box-shadow:0 8px 30px #1912000a}.navbar .navbar-inner{width:min(var(--container-xl), calc(100% - 2rem));gap:2rem}.navbar .navbar-brand{color:#191200;transition:transform var(--transition-fast)}.navbar .navbar-brand:hover{transform:translateY(-1px)}.navbar .navbar-logo{border:1px solid var(--color-border-strong);background:#fff;border-radius:14px;width:42px;height:42px;overflow:hidden;box-shadow:0 4px 12px #1912000f}.navbar .navbar-logo img{object-fit:contain;width:100%;height:100%;padding:4px}.navbar .navbar-brand:hover .navbar-logo{border-color:#f4b30c;box-shadow:0 6px 18px #f4b30c40}.navbar .navbar-brand-text{font-family:var(--font-display);letter-spacing:-.03em;color:#191200;font-size:1.25rem;font-weight:800}.navbar .navbar-brand-text span{color:#f4b30c}.navbar .navbar-links{border:1px solid var(--color-border);background:#f4f1e6;border-radius:9999px;gap:.35rem;height:auto;padding:.3rem}.navbar .navbar-link{color:#5a5446;min-height:40px;transition:all var(--transition-fast);border-radius:9999px;padding:0 1.15rem;font-size:.85rem;font-weight:600}.navbar .navbar-link:hover{color:#191200;background:#1912000f}.navbar .navbar-link.active{color:#fbf9f1;background:#191200}.navbar .navbar-link.active:after{display:none}.navbar .navbar-link-icon{color:#8b8577;margin-right:.35rem;font-size:.9rem}.navbar .navbar-link.active .navbar-link-icon{color:#f4b30c}.navbar .navbar-context{border-color:var(--color-border);color:#8b8577;font-family:var(--font-mono);text-transform:uppercase;font-size:.75rem}.navbar .navbar-cta{color:#191200;transition:all var(--transition-fast);background:#f4b30c;border:1px solid #1912001a;border-radius:9999px;padding:.65rem 1.35rem;font-size:.88rem;font-weight:700;box-shadow:0 4px 16px #f4b30c52}.navbar .navbar-cta span{background:#1912001f;border-radius:50%;place-items:center;width:1.25rem;height:1.25rem;font-weight:800;display:grid}.navbar .navbar-cta:hover{background:#e09f06;transform:translateY(-2px);box-shadow:0 8px 24px #f4b30c73}.navbar .navbar-menu-button{border-color:var(--color-border);background:#f4f1e6}.navbar .navbar-menu-button span{background:#191200}@media (width<=760px){.navbar .navbar-inner{width:calc(100% - 1.2rem)}.navbar .navbar-links,.navbar .navbar-cta{display:none}.navbar .navbar-menu-button{display:flex}.navbar .navbar-mobile{border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-lg);background:#fbf9f1}.navbar .navbar-mobile-link{color:#5a5446}.navbar .navbar-mobile-link:hover,.navbar .navbar-mobile-link.active{color:#191200;background:#f4f1e6}.navbar .navbar-mobile-link>span{color:#191200;background:#ede8d7}.navbar .navbar-mobile-link.active>span{color:#f4b30c;background:#191200}.navbar .navbar-mobile-link small{color:#8b8577}.navbar .navbar-mobile-create{border-color:var(--color-border);color:#191200;background:#f4b30c;font-weight:700}.navbar .navbar-mobile-create>span{color:#f4b30c;background:#191200}}.container{width:min(calc(100% - 2rem), var(--container-xl));margin-inline:auto}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.text-left{text-align:left}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.w-full{width:100%}.max-w-sm{max-width:var(--container-sm)}.max-w-md{max-width:var(--container-md)}.max-w-lg{max-width:var(--container-lg)}.max-w-xl{max-width:var(--container-xl)}.mx-auto{margin-inline:auto}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}@media (width<=768px){.desktop-only{display:none!important}}@media (width>=769px){.mobile-only{display:none!important}}.page-shell{width:min(calc(100% - 40px), var(--container-lg,1180px));margin-inline:auto;padding-top:40px;padding-bottom:56px}.page-shell--narrow{max-width:820px}.page-shell--wide{max-width:1280px}.section-stack{flex-direction:column;gap:24px;display:flex}.section-stack--sm{gap:16px}.section-stack--lg{gap:32px}.actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.muted{color:var(--color-text-secondary)}.subtle{color:var(--color-text-muted)}.break-anywhere{overflow-wrap:anywhere;word-break:break-word}.divider{background:var(--color-border);border:0;width:100%;height:1px}.text-center{text-align:center}@media (width<=650px){.page-shell{width:min(calc(100% - 24px), var(--container-lg,1180px));padding-top:28px;padding-bottom:40px}}