:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#111827;background-color:#f3f4f6}*,*:before,*:after{box-sizing:border-box}h1{text-align:center}body{margin:0}a{color:inherit;text-decoration:none}.app-root{min-height:100vh;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom) 16px;max-width:480px;margin:0 auto;display:flex;flex-direction:column}.page{display:flex;flex-direction:column;gap:16px;padding-bottom:24px}.page-header{padding:16px 4px 0}.page-header h1{margin:0 0 4px;font-size:1.6rem}.subtitle{margin:0;color:#6b7280;font-size:.9rem}.card{background:#fff;border-radius:18px;padding:16px;box-shadow:0 8px 20px #0f172a14;display:flex;flex-direction:column;gap:12px}.card h2{margin:0 0 4px;font-size:1.2rem}.card h3{margin:8px 0 4px;font-size:1rem}.button-primary{width:100%;padding:14px 16px;border-radius:999px;border:none;font-size:1rem;font-weight:600;cursor:pointer;background:#111827;color:#fff;margin-top:8px}.button-primary:active{transform:translateY(1px)}.button-group{display:flex;flex-direction:column;gap:10px;margin-top:8px}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.field-label{font-size:.9rem;color:#6b7280}.field-input{padding:10px 12px;border-radius:12px;border:1px solid #d1d5db;font-size:1rem}.field-input:focus{outline:2px solid #111827;outline-offset:1px}.banner-warning{background:#fef3c7;border-radius:12px;padding:10px 12px;font-size:.9rem;color:#92400e}.hint{font-size:.85rem;color:#6b7280;margin:4px 0 0}.stat-row{display:flex;justify-content:space-between;align-items:baseline;font-size:.95rem}.stat-row span{color:#6b7280}.stat-row strong{font-weight:600}.amount-positive{color:#047857}.amount-negative{color:#b91c1c}.divider{border:none;border-top:1px solid #e5e7eb;margin:8px 0}.user-list{display:flex;flex-direction:column;gap:8px}.user-link{padding:10px 12px;border-radius:999px;background:#f3f4f6;font-size:.95rem}.user-link:active{background:#e5e7eb}.notification{display:flex;align-items:center;justify-content:space-between;border-radius:14px;padding:10px 12px;font-size:.9rem;margin-bottom:10px}.notification-content{flex:1;padding-right:8px}.notification-success{background:#dcfce7;color:#14532d}.notification-error{background:#fee2e2;color:#7f1d1d}.notification-info{background:#e0f2fe;color:#0c4a6e}.notification-close{border:none;background:transparent;font-size:1rem;cursor:pointer;padding:0 4px;line-height:1}.scanner-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172abf;display:flex;justify-content:center;align-items:flex-end;z-index:50;padding:0 12px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 16px)}.scanner-dialog{background:#0f172a;color:#e5e7eb;border-radius:18px;padding:16px;width:100%;max-width:420px;box-shadow:0 20px 40px #00000080;display:flex;flex-direction:column;gap:12px;max-height:75vh;overflow:hidden}.scanner-instruction{font-size:.85rem;color:#cbd5f5;margin:0}.scanner-video-wrapper{position:relative;border-radius:16px;overflow:hidden;background:#020617;max-height:50vh}.scanner-video{width:100%;display:block}.scanner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:0 0 0 9999px #0f172a66;border:2px dashed #38bdf8;margin:12%;border-radius:12px;pointer-events:none}.scanner-error{color:#fecaca;font-size:.85rem;margin:4px 0 0}.scanner-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.scanner-button-primary,.scanner-button-secondary{border-radius:999px;padding:8px 14px;border:none;font-size:.9rem;cursor:pointer}.scanner-button-primary{background:#22c55e;color:#022c22;font-weight:600}.scanner-button-secondary{background:#1f2937;color:#e5e7eb}