:root{--primary-blue:#1d4ed8;--primary-blue-hover:#1e40af;--primary-blue-dim:rgba(29,78,216,0.08);--primary-blue-glow:rgba(29,78,216,0.2);--lime:#10b981;--lime-dim:rgba(16,185,129,0.1);--card:rgba(255,255,255,0.95);--card2:rgba(248,251,255,0.85);--border:rgba(15,23,42,0.08);--muted:#64748b;--muted2:#94a3b8;--ff-h:"Poppins",sans-serif;--ff-b:"Poppins",sans-serif;--ease:cubic-bezier(0.16,1,0.3,1);--r-xl:32px;--r-2xl:40px}.history-mobile-list{display:none}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--ff-b);background:#f8fbff;color:#0f172a}.app{display:flex;height:100vh;padding:12px;gap:12px;background:linear-gradient(160deg,#f1f5f9,#e2e8f0)}.sidebar{width:280px;background:var(--card);border-radius:var(--r-xl);border:1px solid var(--border);display:flex;flex-direction:column;backdrop-filter:blur(20px);box-shadow:0 10px 40px rgba(15,23,42,.05)}.sb-brand{padding:24px;border-bottom:1px solid var(--border)}.brand-mark{width:44px;height:44px;background:var(--primary-blue);color:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;box-shadow:0 8px 16px var(--primary-blue-glow)}.nav-wrap{padding:20px 12px;flex:1}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:8px!important;color:var(--muted);font-weight:600;font-size:14px;transition:all .2s;cursor:pointer;margin-bottom:4px;position:relative;overflow:hidden}.nav-link:hover{transform:translateX(4px)}.nav-link.active,.nav-link:hover{background:var(--primary-blue-dim);color:var(--primary-blue)}.nav-link.active{border:none}.nav-link.active:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:var(--primary-blue)}.main{background:var(--card);border-radius:var(--r-xl);border:1px solid var(--border);backdrop-filter:blur(20px);display:flex;overflow:hidden}.main,.page-body{flex:1;flex-direction:column}.page-body{padding:16px 32px 32px;overflow-y:auto;display:none;gap:24px}.page-body.active{display:flex}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.stat-card{background:#fff;padding:24px;border-radius:24px;border:1px solid var(--border);display:flex;align-items:center;gap:16px;transition:transform .2s}.stat-card:hover{transform:translateY(-2px);border-color:var(--primary-blue-glow)}.ticket-card{background:#fff;border-radius:var(--r-xl);border:1px solid var(--border);padding:24px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.02)}.ticket-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:6px;background:var(--primary-blue)}.ticket-header{display:flex;justify-content:space-between;align-items:flex-start}.ticket-title{font-weight:800;font-size:18px;color:#0f172a}.ticket-date{font-size:13px;color:var(--muted);font-weight:600}.ticket-actions{display:flex;gap:8px;margin-top:12px}.btn-transfer{flex:1;padding:10px;border-radius:999px;border:1px solid var(--primary-blue);color:var(--primary-blue);font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;gap:6px;background:transparent;transition:all .2s}.btn-transfer:hover{background:var(--primary-blue);color:#fff}.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.6);backdrop-filter:blur(8px);z-index:10000;display:none;align-items:center;justify-content:center}.modal-overlay.open{display:flex}.modal{background:#fff;width:480px;border-radius:var(--r-xl);padding:32px;box-shadow:0 20px 60px rgba(0,0,0,.2)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.fu{animation:slideUp .5s var(--ease) both}.brand-mark-sm,.mobile-header,.mobile-toggle{display:none}.mobile-overlay{display:none;position:fixed;inset:0;background:rgba(15,23,42,.6);backdrop-filter:blur(4px);z-index:999;opacity:0;transition:opacity .3s;pointer-events:none}.mobile-overlay.active{opacity:1;pointer-events:all}@media (max-width:1024px){.mobile-overlay{display:block}body{overflow:auto}.app{flex-direction:column;height:auto;min-height:100vh;padding:0;gap:0}.sidebar{position:fixed;top:0;left:0;bottom:0;width:300px;z-index:1000;transform:translateX(-100%);transition:transform .5s cubic-bezier(.16,1,.3,1);border-radius:0 40px 40px 0}.sidebar.open{transform:translateX(0);box-shadow:40px 0 80px rgba(15,23,42,.15)}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:rgba(255,255,255,.8);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.brand-mark-sm{width:36px;height:36px;background:var(--primary-blue);color:#fff;border-radius:10px;font-weight:800;font-size:14px;box-shadow:0 8px 16px var(--primary-blue-glow)}.brand-mark-sm,.mobile-burger,.mobile-toggle{display:flex;align-items:center;justify-content:center}.mobile-burger,.mobile-toggle{background:none;border:none;color:#0f172a;cursor:pointer;width:44px;height:44px}.mobile-toggle{display:flex}.main{border-radius:0;border:none;flex:initial}.page-body{padding:24px;gap:24px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:8px}.stat-card{padding:12px 8px;border-radius:16px;flex-direction:column;align-items:center;text-align:center;gap:4px;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.02)}table{display:none}.history-card,.history-mobile-list{display:flex;flex-direction:column;gap:12px}.history-card{background:#fff;border-radius:24px;padding:20px;border:1px solid var(--border);box-shadow:0 4px 12px rgba(15,23,42,.03);transition:transform .2s}.history-card:active{transform:scale(.98)}.history-card-header{display:flex;justify-content:space-between;align-items:center}.history-card-id{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.history-card-title{font-size:15px;font-weight:800;color:#0f172a;line-height:1.3}.history-card-footer{display:flex;justify-content:space-between;align-items:flex-end;padding-top:10px;border-top:1px dashed var(--border)}.history-card-date{display:flex;flex-direction:column;gap:2px}.history-card-label{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--muted2)}.history-card-value{font-size:11px;font-weight:700;color:var(--muted)}.history-card-amount{text-align:right}.history-card-price{font-size:16px;font-weight:900;color:var(--primary-blue)}td,th{white-space:nowrap;padding:16px 24px}.modal{width:95%;max-width:440px;padding:24px;border-radius:32px}}@media (max-width:640px){.page-body{padding:16px;gap:20px}.text-3xl{font-size:1.75rem}.ticket-card{padding:20px}.ticket-actions{flex-direction:column;gap:12px}.ticket-actions button{width:100%;flex:initial}.stat-card p.text-2xl{font-size:1rem;font-weight:800}.stat-card p.tracking-wider{font-size:8px}.p-12{padding:32px 24px}.text-4xl{font-size:1.75rem}}