body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f5f5f7;color:#1a1a1a}#app{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:24px;box-sizing:border-box}.card{width:100%;max-width:360px;background:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 4px #00000014;box-sizing:border-box;text-align:center}.card h1{font-size:20px;margin:0 0 24px}.card input{width:100%;padding:10px 12px;margin-bottom:12px;border:1px solid #d0d0d5;border-radius:8px;font-size:14px;box-sizing:border-box}.card button{width:100%;padding:10px 12px;border:none;border-radius:8px;background:#1a73e8;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.card button:disabled{opacity:.6;cursor:default}.card button.secondary{background:#e8e8ec;color:#1a1a1a;margin-top:12px}.error-text{color:#c5221f;font-size:13px;margin:0 0 12px;text-align:left}.status-text{font-size:15px;margin-bottom:20px}.admin-shell{width:100%;max-width:1100px}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.admin-header h1{font-size:20px;margin:0}.admin-header button{padding:8px 16px;border:none;border-radius:8px;background:#e8e8ec;color:#1a1a1a;font-size:14px;font-weight:600;cursor:pointer}.admin-nav{display:flex;gap:8px;margin-bottom:20px}.nav-tab{padding:8px 16px;border:none;border-radius:8px;background:#e8e8ec;color:#1a1a1a;font-size:14px;font-weight:600;cursor:pointer}.nav-tab-active{background:#1a73e8;color:#fff}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:24px}.summary-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 4px #00000014;box-sizing:border-box;text-align:left}.summary-icon{font-size:20px;line-height:1;margin-bottom:6px}.summary-value{font-size:28px;font-weight:700}.summary-label{font-size:13px;color:#666;margin-top:4px}.summary-card-clickable{cursor:pointer}.summary-card-clickable:hover{box-shadow:0 1px 4px #0000002e}.dashboard section{margin-bottom:28px}.dashboard section h2{font-size:16px;margin:0 0 10px}.table-wrap{background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000014;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid #eee;white-space:nowrap}th{background:#fafafa;font-weight:600;color:#555}tbody tr:last-child td{border-bottom:none}.empty-row td{color:#888;font-style:italic;white-space:normal}.status-completed{color:#1e8e3e;font-weight:600}.status-cancelled{color:#c5221f;font-weight:600}.error-banner{color:#c5221f;background:#fdecea;border-radius:8px;padding:10px 12px;margin-bottom:12px;font-size:13px}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.filter-bar input,.filter-bar select{padding:8px 10px;border:1px solid #d0d0d5;border-radius:8px;font-size:13px;background:#fff;box-sizing:border-box}.filter-bar .search-input{flex:1 1 260px;min-width:200px}.filter-bar select{flex:0 0 auto}.toggle-button{flex:0 0 auto;padding:8px 14px;border:1px solid #d0d0d5;border-radius:8px;font-size:13px;font-weight:600;background:#fff;color:#1a1a1a;cursor:pointer;box-sizing:border-box}.toggle-button-active{background:#1a73e8;border-color:#1a73e8;color:#fff}.clickable-row{cursor:pointer}.clickable-row:hover{background:#f5f8ff}.wrap-cell{white-space:normal;word-break:break-word;max-width:260px}.detail-header{margin-bottom:16px}.secondary-button{padding:8px 16px;border:none;border-radius:8px;background:#e8e8ec;color:#1a1a1a;font-size:14px;font-weight:600;cursor:pointer}.detail-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 4px #00000014;box-sizing:border-box}.detail-card h2{font-size:18px;margin:0 0 16px}.detail-row{display:flex;flex-wrap:wrap;gap:4px 16px;padding:10px 0;border-bottom:1px solid #f0f0f0}.detail-row:last-child{border-bottom:none}.detail-label{flex:0 0 220px;font-size:13px;color:#666;font-weight:600}.detail-value{flex:1 1 260px;font-size:14px;word-break:break-word}