*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0;padding:0}body{background-color:var(--brand-bg);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}.app-wrapper{flex-direction:column;min-height:100vh;display:flex}:root{--primary:#007aff;--primary-dark:#0056b3;--danger:#ff3b30;--success:#34c759;--bg-app:#f2f2f7;--bg-card:#fff;--text-main:#000;--text-muted:#8e8e93;--border:#c6c6c8;--admin-bg:#f8fafc;--admin-sidebar:#1e293b;--admin-accent:#3b82f6;--radius-card:16px;--radius-btn:12px;--shadow-card:0 2px 8px #0000000a;--shadow-float:0 8px 24px #0000001f;--brand-primary:#4a90e2;--brand-danger:#e94e77;--brand-success:#50e3c2;--brand-bg:#f4f7f6}.ko-shell{background:var(--brand-bg);flex-direction:column;flex:1 0 auto;align-items:center;padding:60px 20px 40px;font-family:Roboto,sans-serif;display:flex}.ko-wrap{flex-direction:column;gap:20px;width:100%;max-width:440px;display:flex}.ko-header{text-align:center;margin-bottom:10px}.ko-heroTitle{letter-spacing:-.5px;color:var(--text-main);margin:0;font-size:28px;font-weight:700}.ko-subtitle{color:var(--text-muted);margin-top:6px;font-size:15px}.ko-card{background:var(--bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);flex-direction:column;gap:16px;padding:24px;display:flex}.ko-listItem{background:var(--bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);cursor:pointer;color:inherit;border:1px solid #0000;justify-content:space-between;align-items:center;padding:20px;text-decoration:none;transition:transform .1s,background-color .2s;display:flex}.ko-listItem:active{background-color:#f9f9f9;transform:scale(.98)}.ko-metaRow{border-top:1px solid #eee;justify-content:space-between;margin-top:10px;padding-top:20px;display:flex}.ko-metaLabel{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:4px;font-size:13px}.ko-metaValue{font-size:20px;font-weight:600}.ko-primaryBtn{border-radius:var(--radius-btn);cursor:pointer;background-color:var(--primary);color:#fff;border:0;justify-content:center;align-items:center;width:100%;padding:20px;font-size:18px;font-weight:600;transition:opacity .2s;display:flex}.ko-primaryBtn:active{background-color:var(--primary-dark)}.ko-primaryBtn:disabled{opacity:.5;cursor:not-allowed}.ko-primaryBtn.btn-brand-primary{background-color:var(--brand-primary);border-color:var(--brand-primary);box-shadow:0 2px 4px #0000001a}.ko-primaryBtn.btn-brand-danger{background-color:var(--brand-danger);border-color:var(--brand-danger);box-shadow:0 2px 4px #0000001a}.ko-primaryBtn.btn-brand-success{background-color:var(--brand-success);border-color:var(--brand-success);box-shadow:0 2px 4px #0000001a}.ko-outlineBtn-gray{color:#6b7280;cursor:pointer;background:0 0;border:1.5px solid #d1d5db;border-radius:14px;justify-content:center;align-items:center;padding:14px 20px;font-size:16px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.ko-outlineBtn-gray:hover{color:#374151;background:#f3f4f6}.ko-outlineBtn-gray:disabled{opacity:.5;cursor:default}.ko-secondaryBtn:hover{background:#00000008}.ko-outlineBtn-danger{border:1px solid var(--brand-danger);color:var(--brand-danger);cursor:pointer;background:0 0;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:500}.ko-alertMissed{color:var(--danger);text-align:left;background:#fff2f2;border:1px solid #ffd6d6;border-radius:12px;padding:16px}.ko-alertTitle{margin-bottom:4px;font-weight:700}.app-footer{text-align:center;color:var(--text-muted);background-color:var(--brand-bg);flex-shrink:0;padding:24px;font-size:13px}