@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#132c1d;--color-primary-light:#1f422d;--color-primary-dark:#0a170f;--color-accent:#f8ad62;--color-accent-light:#fbe0c1;--color-bg:#f5f5f7;--color-bg-card:#fff;--color-text:#222;--color-text-secondary:#555;--color-text-muted:#8e8e93;--color-border:#e5e5ea;--color-success:#2d8a56;--color-success-bg:#ebf5f0;--color-warning:#ff9500;--color-warning-bg:#fff4e5;--color-danger:#c44536;--color-danger-bg:#fbebe9;--color-pending:#b4721a;--color-pending-bg:#fcf4e6;--radius:24px;--radius-sm:16px;--radius-lg:32px;--shadow:0 8px 30px #0000000a;--shadow-sm:0 2px 10px #00000005}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Outfit,sans-serif;font-size:15px;line-height:1.6}.app-shell{background:var(--color-bg);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex;position:relative;box-shadow:0 0 40px #0000000d}.slide-in-right{animation:.35s cubic-bezier(.25,1,.5,1) slideInRight}.slide-in-left{animation:.35s cubic-bezier(.25,1,.5,1) slideInLeft}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.mobile-header{justify-content:space-between;align-items:flex-start;padding:2.5rem 1.5rem 1.5rem;display:flex}.greeting{color:var(--color-text);font-size:1.4rem;font-weight:600;line-height:1.3}.accent-text{color:var(--color-accent)}.btn-icon{width:42px;height:42px;box-shadow:var(--shadow-sm);cursor:pointer;color:var(--color-text);background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .15s;display:flex}.btn-icon:active{transform:scale(.92)}.main-content{flex:1;width:100%;padding:0 1.5rem 6rem}.section-title{color:var(--color-text);letter-spacing:-.01em;margin-top:1rem;margin-bottom:1rem;font-size:1.25rem;font-weight:600}.bottom-nav-container{z-index:1000;max-width:440px;margin:0 auto;position:fixed;bottom:1.5rem;left:1.5rem;right:1.5rem}.bottom-nav{-webkit-backdrop-filter:blur(12px);background:#ffffff59;border:1px solid #fff6;border-radius:9999px;justify-content:space-around;align-items:center;width:100%;padding:.5rem;display:flex;box-shadow:0 8px 32px #00000014}.nav-item{color:var(--color-text);border-radius:9999px;flex-direction:row;justify-content:center;align-items:center;padding:.6rem .75rem;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.nav-item.active{color:var(--color-primary);background:#0000000d}.nav-text{opacity:0;white-space:nowrap;max-width:0;margin-left:0;font-size:.85rem;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.nav-item.active .nav-text{opacity:1;max-width:100px;margin-left:.4rem}.nav-fab-standalone{-webkit-backdrop-filter:blur(12px);width:56px;height:56px;color:var(--color-text);background:#ffffff59;border:1px solid #fff6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 8px 32px #00000014}.nav-fab-standalone.active{color:var(--color-primary);background:#173f4a14}.nav-fab-accent{-webkit-backdrop-filter:none;color:#fff;background:#f8ad62;border:none;transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #f8ad6266}.nav-fab-accent.active,.nav-fab-accent:active{background:#e69d56;transform:scale(.95);box-shadow:0 2px 8px #f8ad624d}.nav-fab-standalone:active{transform:scale(.95)}.highlight-card{background:var(--color-primary);color:#fff;border-radius:var(--radius);box-shadow:var(--shadow);justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.75rem;display:flex}.highlight-content h3{letter-spacing:-.01em;margin-bottom:.25rem;font-size:1.25rem;font-weight:600;line-height:1.3}.highlight-content p{color:#ffffffd9;margin-bottom:1rem;font-size:.95rem}.btn-highlight{background:var(--color-accent);color:var(--color-primary-dark);border-radius:9999px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-block}.btn-highlight:active{opacity:.9;transform:scale(.95)}.card{background:var(--color-bg-card);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:1rem;padding:1.25rem}.card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.card-header h2{color:var(--color-text);letter-spacing:-.01em;font-size:1.1rem;font-weight:600}.card-body{padding:0}.order-grid{grid-template-columns:1fr;gap:1rem;display:grid}.order-card{border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;border:none;flex-direction:column;gap:.75rem;padding:1.25rem;transition:all .15s;display:flex}.order-card:active{transform:scale(.98);box-shadow:0 2px 5px #0000000d}.order-card.accent-bg{background:var(--color-accent-light);color:var(--color-primary-dark)}.order-header{justify-content:space-between;align-items:center;display:flex}.order-id{color:var(--color-text);font-size:1.05rem;font-weight:600}.order-date{color:var(--color-text-muted);font-size:.85rem}.order-body{justify-content:space-between;align-items:flex-end;display:flex}.order-amount{color:var(--color-primary-dark);font-size:1.15rem;font-weight:700}.btn{cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:.4rem;padding:1rem 1.75rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn:active{opacity:.9;transform:scale(.96)}.btn-primary{background:var(--color-primary);color:#fff}.btn-accent{background:var(--color-accent);color:var(--color-primary-dark)}.btn-ghost{color:var(--color-text-muted);border:1px solid var(--color-border);background:0 0}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.form-group{margin-bottom:1.25rem}.form-label{color:var(--color-text-secondary);margin-bottom:.4rem;font-size:.95rem;font-weight:500;display:block}.form-control{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text);background:#fff;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .15s}.form-control:focus{border-color:var(--color-primary);outline:none}select.form-control{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.2em;padding-right:2.5rem}label:has(~input:required):after{content:" *";color:var(--color-danger)}label:has(~select:required):after{content:" *";color:var(--color-danger)}label:has(~textarea:required):after{content:" *";color:var(--color-danger)}.form-error{color:var(--color-danger);margin-top:.25rem;font-size:.8rem}.list-item-interactive{transition:all .15s}.list-item-interactive:active{background:#00000005;border-radius:12px;transform:scale(.98)}.interactive-card{cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.interactive-card:active{transform:scale(.97)}.badge{border-radius:100px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-pending{background:var(--color-pending-bg);color:var(--color-pending)}.badge-approved{background:var(--color-success-bg);color:var(--color-success)}.badge-rejected{background:var(--color-danger-bg);color:var(--color-danger)}.login-wrapper{background:linear-gradient(to bottom, #1a231c 0%, var(--color-primary) 35%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-container{background:0 0;flex-direction:column;width:100%;max-width:420px;min-height:100vh;display:flex;position:relative;overflow:hidden}@media (width>=480px){.login-container{border-radius:36px;min-height:750px;box-shadow:0 24px 50px #0003}}.login-header{z-index:1;background:0 0;flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem 2rem;display:flex;position:relative}.login-logo{text-align:center}.login-logo img{object-fit:contain;height:100px;margin-bottom:.5rem}.login-body{z-index:2;background:#fff;border-radius:40px 40px 0 0;flex-direction:column;flex:1;padding:2.5rem 2rem;display:flex;position:relative}.login-body h1{color:var(--color-text);letter-spacing:-.5px;margin-bottom:1.5rem;font-size:1.85rem;font-weight:800}.login-input{background:#fff;border:1px solid #0000001a;border-radius:16px;padding:1rem 1.25rem;font-size:1rem}.login-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #132c1d0d}.btn-login-submit{color:#fff;background:#000;border-radius:9999px;width:100%;margin-top:1rem;padding:1.1rem;font-size:1.05rem;font-weight:600;transition:transform .2s}.btn-login-submit:active{transform:scale(.97)}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--color-border);background:#fdfaf7;padding:.75rem 1rem;font-size:.8rem;font-weight:600}td{border-bottom:1px solid var(--color-border);padding:.85rem 1rem;font-size:.9rem}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}@keyframes fadeOutBackdrop{0%{opacity:1}to{opacity:0}}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDownSheet{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes rippleReveal{0%{opacity:1;width:56px;height:56px}to{opacity:1;width:3000px;height:3000px}}.modal-backdrop-anim{animation:.3s forwards fadeInBackdrop}.modal-backdrop-anim.closing{animation:.3s forwards fadeOutBackdrop}.modal-sheet-anim{animation:.4s cubic-bezier(.175,.885,.32,1.1) forwards slideUpSheet}.modal-sheet-anim.closing{animation:.3s cubic-bezier(.4,0,.2,1) forwards slideDownSheet}