@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--lavender-50: #f5f0ff;--lavender-100: #ede5ff;--lavender-200: #e1d6f6;--lavender-300: #c9b8ed;--lavender-400: #a78bdd;--lavender-500: #8b6bc6;--lavender-600: #7252ab;--lavender-700: #5a3d8a;--white: #ffffff;--gray-50: #fafafa;--gray-100: #f4f4f5;--gray-200: #e4e4e7;--gray-300: #d4d4d8;--gray-400: #a1a1aa;--gray-500: #71717a;--gray-600: #52525b;--gray-700: #3f3f46;--gray-800: #27272a;--gray-900: #18181b;--red-500: #ef4444;--red-50: #fef2f2;--amber-500: #f59e0b;--amber-50: #fffbeb;--blue-500: #3b82f6;--blue-50: #eff6ff;--green-500: #22c55e;--green-50: #f0fdf4;--font: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--radius: 14px;--radius-sm: 10px;--radius-xs: 8px;--transition: .2s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--lavender-50: #1a1625;--lavender-100: #2a223c;--lavender-200: #3c3056;--lavender-300: #55447a;--lavender-400: #715b9e;--lavender-500: #8b6bc6;--lavender-600: #a68de3;--lavender-700: #c9b8ed;--white: #18181b;--gray-50: #09090b;--gray-100: #18181b;--gray-200: #27272a;--gray-300: #3f3f46;--gray-400: #52525b;--gray-500: #8aa1a1;--gray-600: #a1a1aa;--gray-700: #d4d4d8;--gray-800: #e4e4e7;--gray-900: #fafafa;--red-500: #ef4444;--red-50: #450a0a;--amber-500: #f59e0b;--amber-50: #451a03;--blue-500: #3b82f6;--blue-50: #172554;--green-500: #22c55e;--green-50: #052e16}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}*:focus-visible{outline:2px solid var(--lavender-500);outline-offset:2px}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font);background:var(--gray-50);color:var(--gray-900);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}#root{max-width:430px;margin:0 auto;min-height:100dvh;background:linear-gradient(145deg,var(--gray-50) 0%,var(--lavender-50) 100%);box-shadow:0 0 40px #0000000d;display:flex;flex-direction:column;position:relative;overflow-x:hidden}[data-theme=dark] #root{box-shadow:0 0 40px #ffffff05}.app-header{position:sticky;top:0;z-index:20;padding:16px 20px;padding-top:max(16px,env(safe-area-inset-top));background:#ffffffbf;backdrop-filter:saturate(200%) blur(24px);-webkit-backdrop-filter:saturate(200%) blur(24px);border-bottom:1px solid rgba(255,255,255,.8);box-shadow:0 4px 30px #00000005;display:flex;align-items:center;justify-content:space-between}.header-text h1{font-size:1.375rem;font-weight:700;letter-spacing:-.02em;color:var(--gray-900);display:flex;align-items:center;gap:6px}.header-text p{font-size:.8125rem;color:var(--gray-500);margin-top:1px}.secure-badge{display:flex;align-items:center;justify-content:center;background:var(--green-50);color:var(--green-600);padding:6px;border-radius:50%;box-shadow:0 2px 8px #22c55e26}[data-theme=dark] .app-header{background:#18181bbf;border-bottom:1px solid rgba(255,255,255,.05)}.page-content{flex:1;overflow-y:auto;padding:20px 16px 110px}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;z-index:50;padding:8px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:#ffffffd9;backdrop-filter:saturate(200%) blur(24px);-webkit-backdrop-filter:saturate(200%) blur(24px);border-top:1px solid rgba(228,228,231,.6);box-shadow:0 -4px 30px #00000008;display:flex;gap:8px}[data-theme=dark] .tab-bar{background:#18181bd9;border-top:1px solid rgba(255,255,255,.05)}.tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0;border:none;background:transparent;color:var(--gray-400);font-family:var(--font);font-size:.6875rem;font-weight:600;cursor:pointer;border-radius:var(--radius-sm);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.tab-btn:active{transform:scale(.92)}.tab-btn svg{width:22px;height:22px;stroke-width:1.8;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.tab-btn.active{color:var(--lavender-700);background:var(--lavender-200);transform:translateY(-2px)}.tab-btn.active svg{transform:scale(1.15)}.card{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius);padding:20px;border:1px solid rgba(255,255,255,.9);box-shadow:0 10px 30px -5px #0000000a,0 4px 10px -2px #00000005;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease}.card:hover{box-shadow:0 14px 40px -5px #0000000f,0 6px 15px -2px #00000008;transform:translateY(-2px) scale(1.005)}[data-theme=dark] .card{background:#27272a80;border:1px solid rgba(255,255,255,.05)}[data-theme=dark] .card:hover{box-shadow:0 14px 40px -5px #0000004d,0 6px 15px -2px #0003}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:var(--radius-xs);font-family:var(--font);font-size:.9375rem;font-weight:600;border:none;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.btn:active{transform:scale(.94)}.btn-primary{background:linear-gradient(135deg,var(--lavender-300) 0%,var(--lavender-200) 100%);color:var(--lavender-700);box-shadow:0 4px 14px #c9b8ed66;border:1px solid rgba(255,255,255,.5)}.btn-primary:hover{background:linear-gradient(135deg,var(--lavender-400) 0%,var(--lavender-300) 100%);box-shadow:0 6px 20px #a78bdd80;color:var(--white);transform:translateY(-1px)}.btn-ghost{background:#fff9;color:var(--gray-600);border:1px solid rgba(0,0,0,.05);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-ghost:hover{background:#fff;border-color:#0000001a;box-shadow:0 2px 8px #00000008}[data-theme=dark] .btn-ghost{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .btn-ghost:hover{background:#ffffff1a}.btn-sm{padding:8px 14px;font-size:.8125rem;border-radius:8px}.field{margin-bottom:14px}.field:last-child{margin-bottom:0}.field-label{display:block;font-size:.75rem;font-weight:600;color:var(--gray-500);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.field-input{width:100%;padding:12px 14px;border-radius:var(--radius-xs);border:1px solid var(--gray-200);background:var(--white);font-family:var(--font);font-size:.9375rem;color:var(--gray-900);transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease;outline:none}.field-input:focus{border-color:var(--lavender-400);box-shadow:0 0 0 3px var(--lavender-100);background:#ffffffe6}.field-input::placeholder{color:var(--gray-300)}select.field-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:100px;font-size:.6875rem;font-weight:600;letter-spacing:.02em}.pill-red{background:var(--red-50);color:var(--red-500)}.pill-amber{background:var(--amber-50);color:var(--amber-500)}.pill-blue{background:var(--blue-50);color:var(--blue-500)}.pill-green{background:var(--green-50);color:var(--green-500)}.summary-card{background:linear-gradient(120deg,var(--lavender-200) 0%,var(--lavender-100) 100%);border-radius:var(--radius);padding:24px 20px;margin-bottom:16px;box-shadow:0 10px 25px #c9b8ed4d;border:1px solid rgba(255,255,255,.6);position:relative;overflow:hidden}[data-theme=dark] .summary-card{box-shadow:0 10px 25px #0000004d;border:1px solid rgba(255,255,255,.1)}.summary-card:after{content:"";position:absolute;top:0;left:-150%;width:50%;height:100%;background:linear-gradient(to right,#fff0,#fff6,#fff0);transform:skew(-20deg);animation:shimmer 6s infinite}@keyframes shimmer{0%{left:-150%}20%{left:200%}to{left:200%}}.summary-card .label{font-size:.75rem;font-weight:600;color:var(--lavender-600);text-transform:uppercase;letter-spacing:.05em}.summary-card .amount{font-size:2.25rem;font-weight:800;color:var(--lavender-700);letter-spacing:-.04em;margin:4px 0 20px;text-shadow:0 2px 4px rgba(255,255,255,.5)}.summary-row{display:flex;gap:12px}.summary-box{flex:1;background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-xs);padding:12px 14px;border:1px solid rgba(255,255,255,.9);box-shadow:0 4px 12px #00000005}[data-theme=dark] .summary-box{background:#18181b80;border:1px solid rgba(255,255,255,.1)}.summary-box .sub-label{font-size:.6875rem;color:var(--lavender-600);font-weight:600}.summary-box .sub-amount{font-size:1rem;font-weight:700;color:var(--lavender-700);margin-top:2px}.section-title{font-size:.6875rem;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;padding-left:2px}.trx-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fffc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.8);box-shadow:0 4px 10px #00000005;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease}[data-theme=dark] .trx-item{background:#27272a80;border:1px solid rgba(255,255,255,.05)}.trx-item:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 6px 14px #0000000a}.trx-item+.trx-item{margin-top:10px}.trx-desc{font-size:.9375rem;font-weight:600;color:var(--gray-800)}.trx-date{font-size:.75rem;color:var(--gray-400);margin-top:4px;font-weight:500}.trx-amount{font-size:.9375rem;font-weight:700;padding:4px 10px;border-radius:100px}.trx-amount.expense{color:var(--red-500);background:var(--red-50)}.order-card{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius);padding:16px;border:1px solid rgba(255,255,255,.9);box-shadow:0 6px 16px #00000008;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease}[data-theme=dark] .order-card{background:#27272a80;border:1px solid rgba(255,255,255,.05)}.order-card:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 10px 24px #0000000d}.order-card+.order-card{margin-top:12px}.order-header{display:flex;justify-content:space-between;align-items:flex-start}.order-name{font-size:.9375rem;font-weight:600;color:var(--gray-900)}.order-phone{font-size:.75rem;color:var(--gray-400);margin-top:2px}.order-details{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail-label{font-size:.6875rem;color:var(--gray-400);font-weight:500}.detail-value{font-size:.8125rem;color:var(--gray-800);font-weight:500;margin-top:1px}.detail-value.overdue{color:var(--red-500);font-weight:600}.order-actions{display:flex;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--gray-100)}.order-actions>*{flex:1}.empty-state{text-align:center;padding:40px 20px;color:var(--gray-400);font-size:.875rem}.empty-icon{width:48px;height:48px;background:var(--lavender-100);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px}.empty-icon svg{color:var(--lavender-400)}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite linear;border-radius:var(--radius-xs)}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.w-full{width:100%}.flex{display:flex}.flex-col{flex-direction:column}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-3{margin-top:12px}.mb-0{margin-bottom:0}.text-center{text-align:center}.text-muted{color:var(--gray-400)}.text-danger{color:var(--red-500)}