:root{--bg: #0f0f0f;--card: #1a1a1a;--border: #2a2a2a;--text: #f5f5f5;--muted: #888;--accent-green: #4ade80;--accent-blue: #3b82f6;--danger: #ef4444;--radius: 12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}#root{min-height:100vh}.app{max-width:480px;margin:0 auto;padding:16px 16px 80px}.header{text-align:center;margin-bottom:20px}.hero{text-align:center;margin-bottom:20px;padding:20px 16px;background:linear-gradient(135deg,#4ade8014,#3b82f614);border:1px solid var(--border);border-radius:var(--radius)}.hero-badge{display:inline-block;font-size:.75rem;padding:4px 12px;border-radius:20px;background:var(--card);border:1px solid var(--border);margin-bottom:10px;color:var(--muted)}.hero h1{font-size:1.35rem;font-weight:700;margin-bottom:4px}.hero p{color:var(--muted);font-size:.85rem}.splash{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg)}.splash-icon{font-size:3rem;margin-bottom:12px;animation:pulse 1.5s ease-in-out infinite}.splash-title{font-size:1.2rem;font-weight:600;margin-bottom:20px}.splash-loader{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent-green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.in-telegram .app{padding-top:8px}.notice-card{text-align:center}.tabs-owner .tab.owner-active{background:var(--accent-blue);color:#fff}.header h1{font-size:1.25rem;font-weight:600}.header p{color:var(--muted);font-size:.85rem;margin-top:4px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px}.card-glass{background:#1a1a1ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 8px;text-align:center}.stat-card .value{font-size:1.1rem;font-weight:700;margin-top:4px}.stat-card .label{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.stat-card.green .value{color:var(--accent-green)}.stat-card.blue .value{color:var(--accent-blue)}.stat-card.red .value{color:var(--danger)}.tabs{display:flex;gap:4px;background:var(--card);border-radius:var(--radius);padding:4px;margin-bottom:16px;overflow-x:auto}.tab{flex:1;min-width:0;padding:10px 8px;border:none;background:transparent;color:var(--muted);font-size:.75rem;border-radius:8px;cursor:pointer;white-space:nowrap;transition:all .2s}.tab.active{background:var(--accent-green);color:#000;font-weight:600}.tab.owner-active{background:var(--accent-blue);color:#fff}label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:6px}input,select{width:100%;padding:12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:1rem;margin-bottom:12px}input:focus,select:focus{outline:none;border-color:var(--accent-green)}.btn{width:100%;padding:14px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-green);color:#000}.btn-blue{background:var(--accent-blue);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);font-size:.9rem}.info-row:last-child{border-bottom:none}.info-row .label{color:var(--muted)}.tx-list{list-style:none}.tx-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border);font-size:.9rem}.tx-item.income .amount{color:var(--accent-green)}.tx-item.expense .amount{color:var(--danger)}.table-wrap{overflow-x:auto;max-height:400px;overflow-y:auto}table{width:100%;border-collapse:collapse;font-size:.8rem}th,td{padding:8px 6px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}th{color:var(--muted);font-weight:500;position:sticky;top:0;background:var(--card)}.filters{display:flex;gap:8px;margin-bottom:12px}.filters input,.filters select{margin-bottom:0;flex:1;font-size:.85rem;padding:8px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;width:100%;max-width:400px;max-height:80vh;overflow-y:auto}.modal h3{margin-bottom:16px}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--muted);cursor:pointer;font-size:1.5rem}.activity-bar{display:flex;align-items:flex-end;gap:6px;height:120px;margin-top:12px}.activity-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.activity-bar-fill{width:100%;background:var(--accent-blue);border-radius:4px 4px 0 0;min-height:4px;transition:height .3s}.activity-col span{font-size:.6rem;color:var(--muted)}.loading,.error{text-align:center;padding:40px 16px;color:var(--muted)}.error{color:var(--danger)}.empty{text-align:center;padding:24px;color:var(--muted);font-size:.9rem}.machine-list-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s}.machine-list-item:hover{background:#ffffff08}.machine-list-item:last-child{border-bottom:none}.section-title{font-size:.85rem;color:var(--muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}