@keyframes blink-red{0%,to{opacity:1}50%{opacity:0}}.ui-card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg, #ffffff09, #ffffff03), var(--surface);min-width:0;box-shadow:var(--shadow);padding:18px}.ui-card.timer-running{box-shadow:0 0 0 1px #dc3c3c2e, var(--shadow);border:2px solid #dc3c3cbf;position:relative}.ui-card.timer-idle{flex-direction:column;display:flex}.ui-card.timer-idle>.stack{flex-direction:column;flex:1;display:flex}.ui-card.timer-idle .invoice-now-btn{margin-top:auto}.ui-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;min-width:0;margin-bottom:16px;padding-bottom:14px;display:flex}.ui-card-header-main{align-items:center;gap:10px;min-width:0;display:flex}.ui-card-icon{color:var(--green);flex-shrink:0;align-items:center;font-size:.85rem;display:flex}.ui-button{border:1px solid var(--border);min-height:38px;color:var(--text);text-align:center;white-space:normal;background:#ffffff09;border-radius:6px;justify-content:center;align-items:center;gap:8px;max-width:100%;padding:0 13px;line-height:1.25;transition:border-color .16s,background .16s,transform .16s;display:inline-flex}.ui-button svg{width:16px;height:16px}.ui-button:hover:not(:disabled){border-color:var(--border-strong);background:#8ce8ad14;transform:translateY(-1px)}.ui-button:disabled{cursor:not-allowed;opacity:.48}.ui-button.primary{color:var(--green);background:#8ce8ad24;border-color:#8ce8ad70}.ui-button.danger{color:var(--red);border-color:#ff8e8e6b}.ui-button.ghost{background:0 0}.ui-badge{text-transform:uppercase;letter-spacing:.06em;color:#000000d1;text-shadow:0 1px #fff6;background:linear-gradient(125deg,#ff6ec7,#ffb347,#fffb6e,#47ffb3,#6ec7ff,#b347ff,#ff6ec7) 0 0/300% 300%;border:1.5px solid #ffffff59;border-radius:999px;align-items:center;padding:4px 10px;font-size:.8rem;font-weight:800;line-height:1.2;animation:4s infinite holo-shift;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00000040,0 2px 8px #00000080,inset 0 1px #ffffff73}.ui-badge:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,#0000 30%,#ffffff59 50%,#0000 70%) 0 0/200% 100%;animation:2s linear infinite holo-shift;position:absolute;inset:0}.ui-badge:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff47 0%,#ffffff0f 40%,#0000 60%);position:absolute;inset:0}.ui-badge.green,.ui-badge.red{justify-content:center;min-width:4.5rem}.ui-badge.green{background:linear-gradient(125deg,#52ff8a,#a8ffb0,#fffb6e,#47ffb3,#52ff8a,#b8ffcc,#52ff8a);border-color:#64ff9680;box-shadow:0 0 0 1px #00000040,0 2px 10px #48ff7866,inset 0 1px #ffffff80}.ui-badge.red{background:linear-gradient(125deg,#ff4f4f,#ff8c6e,#ffb347,#ff6e6e,#ff4f4f,#ff9090,#ff4f4f);border-color:#ff646480;box-shadow:0 0 0 1px #00000040,0 2px 10px #ff505066,inset 0 1px #ffffff80}@keyframes holo-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes terminal-blink{0%,49%{caret-color:#3f6}50%,to{caret-color:#0000}}.ui-input{color:#3f6;caret-color:#3f6;caret-shape:block;text-shadow:0 0 6px #33ff668c;background:#000802b8;border:1px solid #33ff6640;border-radius:4px;outline:none;width:100%;min-height:38px;padding:9px 10px;animation:1s step-end infinite terminal-blink;box-shadow:inset 0 0 12px #0009}.ui-input::placeholder{color:#33ff664d;text-shadow:none}.ui-input:focus{border-color:#33ff66b3;box-shadow:inset 0 0 12px #0009,0 0 0 2px #33ff6626,0 0 10px #33ff661f}.ui-input option{color:#3f6;background:#050e07}.ui-textarea{resize:vertical;min-height:86px}.ui-table-wrap{-webkit-overflow-scrolling:touch;min-width:0;max-width:100%;overflow-x:auto}.ui-table{border-collapse:collapse;width:100%;min-width:360px}.ui-table th,.ui-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:11px 10px}.ui-table thead tr{background:#ffffff08}.ui-table th{color:var(--muted);text-transform:uppercase;border-top:1px solid var(--border);font-size:.72rem;font-weight:700}.ui-table td.numeric,.ui-table th.numeric{font-variant-numeric:tabular-nums;text-align:right}@media (max-width:560px){.ui-card{padding:14px}.ui-card-header{flex-wrap:wrap;gap:12px}.ui-button,.ui-input{min-height:44px}.ui-table{min-width:420px}.ui-table th,.ui-table td{padding:10px 8px}}