:root{--color-primary:#039;--color-primary-light:#36c;--color-primary-dark:#026;--color-success:#52c41a;--color-success-light:#73d13d;--color-success-dark:#389e0d;--color-warning:#faad14;--color-warning-light:#ffc53d;--color-warning-dark:#d48806;--color-danger:#ff4d4f;--color-danger-light:#ff7875;--color-danger-dark:#cf1322;--color-text:#1f1f1f;--color-text-secondary:#8c8c8c;--color-text-tertiary:#bfbfbf;--color-text-inverse:#fff;--color-bg:#f5f5f5;--color-bg-secondary:#fafafa;--color-card:#fff;--color-card-hover:#fafafa;--color-border:#d9d9d9;--color-border-light:#f0f0f0;--color-bg-entering:#e8f5e9;--color-text-entering:#2e7d32;--color-bg-pending:#fff3e0;--color-text-pending:#ef6c00;--color-bg-completed:#e3f2fd;--color-text-completed:#1565c0;--color-bg-rejected:#ffebee;--color-text-rejected:#c62828;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--font-xs:12px;--font-sm:14px;--font-md:16px;--font-lg:18px;--font-xl:20px;--font-xxl:24px;--font-xxxl:28px;--font-display:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-card:0 2px 8px rgba(0,0,0,.06);--shadow-dropdown:0 4px 12px rgba(0,0,0,.1);--shadow-modal:0 8px 24px rgba(0,0,0,.15);--transition-fast:0.15s ease;--transition-normal:0.25s ease;--transition-slow:0.4s ease;--header-height:56px;--footer-height:60px;--content-max-width:480px;--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-mono:"SF Mono","Roboto Mono","Menlo",monospace;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-tooltip:600;--z-toast:700}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{font-family:var(--font-family);font-size:var(--font-md);line-height:1.5;color:var(--color-text);background-color:#f5f5f5;height:100%;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--color-text)}h1{font-size:var(--font-xxxl)}h2{font-size:var(--font-xxl)}h3{font-size:var(--font-xl)}h4{font-size:var(--font-lg)}p{margin-bottom:var(--space-md)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}.amount,.time,.timer{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:var(--font-family-mono)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-size:var(--font-md);font-weight:500;line-height:1.5;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-height:44px;min-width:44px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-secondary{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-primary);color:var(--color-text-inverse)}.btn-danger{background:var(--color-danger);color:var(--color-text-inverse)}.btn-danger:hover:not(:disabled){background:var(--color-danger-dark)}.btn-block{width:100%}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:var(--font-sm);min-height:36px}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--font-lg);min-height:52px}.input{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-md);color:var(--color-text);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);min-height:44px}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(22,119,255,.2)}.input::placeholder{color:var(--color-text-tertiary)}.input-error{border-color:var(--color-danger)}.input-error:focus{box-shadow:0 0 0 2px rgba(255,77,79,.2)}.label{display:block;font-size:var(--font-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--space-xs)}.form-group{margin-bottom:var(--space-md)}.error-text{font-size:var(--font-xs);color:var(--color-danger);margin-top:var(--space-xs)}.card{background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-md)}.card-hover:hover{background:var(--color-card-hover)}.status-badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);font-size:var(--font-xs);font-weight:500;border-radius:var(--radius-full)}.status-entering{background:var(--color-bg-entering);color:var(--color-text-entering)}.status-pending{background:var(--color-bg-pending);color:var(--color-text-pending)}.status-completed{background:var(--color-bg-completed);color:var(--color-text-completed)}.status-rejected{background:var(--color-bg-rejected);color:var(--color-text-rejected)}.amount-display{text-align:center;padding:var(--space-lg) 0}.amount-display .label{font-size:var(--font-sm);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.amount-display .value{font-size:var(--font-display);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--color-primary)}.timer-display{text-align:center;padding:var(--space-lg) 0}.timer-display .value{font-size:var(--font-xxxl);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--color-text)}.timer-display .label{font-size:var(--font-sm);color:var(--color-text-secondary);margin-top:var(--space-xs)}.list{background:var(--color-card);border-radius:var(--radius-lg);overflow:hidden}.list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast)}.list-item:last-child{border-bottom:none}.list-item:active{background:var(--color-card-hover)}.empty-state{text-align:center;padding:var(--space-xxl) var(--space-md);color:var(--color-text-secondary)}.empty-state .icon{font-size:48px;margin-bottom:var(--space-md);opacity:.5}.loading{display:flex;align-items:center;justify-content:center;padding:var(--space-xl)}.spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.safe-area-bottom{padding-bottom:calc(var(--space-lg) + var(--safe-area-inset-bottom))}.fixed-bottom{position:fixed;bottom:0;left:0;right:0;padding:var(--space-md);padding-bottom:calc(var(--space-md) + var(--safe-area-inset-bottom));background:var(--color-card);box-shadow:0 -2px 8px rgba(0,0,0,.06);z-index:var(--z-fixed)}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-secondary{color:var(--color-text-secondary)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-1{flex:1 1}.hidden{display:none}