:root{font-family:Space Grotesk,Segoe UI,sans-serif;color:#1f2933;background:#fff}*{box-sizing:border-box}body{margin:0;background:#fff}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid #e6e8eb;background:#fff;position:sticky;top:0;z-index:10}.brand{font-size:18px;font-weight:600;letter-spacing:.2px}.user{display:flex;align-items:center;gap:12px}.user-info{text-align:right}.user-name{font-weight:600;font-size:14px}.user-email{font-size:12px;color:#5b6470}.avatar{width:36px;height:36px;border-radius:50%;border:1px solid #e6e8eb}.logout{border:1px solid #d0d6dd;background:#fff;padding:6px 10px;border-radius:6px;cursor:pointer}.logout:hover{background:#f6f8fa}.login{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px}.login-card{border:1px solid #e6e8eb;padding:32px;border-radius:16px;width:min(420px,100%);box-shadow:0 12px 30px #0f172a14;background:#fff}.login-card h1{margin-top:0;margin-bottom:8px;font-size:24px}.login-card p{margin-top:0;color:#5b6470;margin-bottom:24px}.content{padding:20px 28px 40px}.controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.filters{border:1px solid #e6e8eb;border-radius:12px;padding:16px;margin-bottom:16px;background:#fff}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 16px}.filters label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#52606d}.filters label.checkbox{flex-direction:row;align-items:center;gap:8px;font-size:13px;color:#1f2937}.filters label.checkbox input[type=checkbox]{width:16px;height:16px;margin:0}.filters input,.filters select{border:1px solid #d0d6dd;border-radius:8px;padding:8px 10px;font-size:14px}.filters-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.filters-actions button{border:1px solid #d0d6dd;border-radius:8px;padding:8px 14px;background:#fff;cursor:pointer}.filters-actions .secondary{background:#f6f8fa}.pager{display:flex;align-items:center;justify-content:flex-end}.pager button{border:1px solid #d0d6dd;background:#fff;padding:6px 12px;border-radius:6px;cursor:pointer;margin-left:8px}.pager button:disabled{opacity:.5;cursor:not-allowed}.footer-pager{padding:12px 0;width:100%}.table-wrap{overflow:auto;border:1px solid #e6e8eb;border-radius:12px}.data-row{cursor:pointer}.data-row:hover{background-color:#f1f5f9!important}table{border-collapse:collapse;width:100%;min-width:1400px}th,td{border-bottom:1px solid #e6e8eb;padding:10px 12px;font-size:12px;vertical-align:top;text-align:left}th{background:#f8fafc;position:sticky;top:0;z-index:1}.json-cell{max-width:360px;white-space:pre-wrap}.loading{margin-bottom:8px;color:#2563eb}.error{margin-top:12px;color:#c2410c;font-size:13px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000}.modal{background:#fff;border-radius:16px;padding:24px;width:min(900px,95vw);max-height:90vh;overflow:hidden;position:relative;box-shadow:0 20px 50px #0f172a40;display:flex;flex-direction:column;gap:16px}.modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;font-size:24px;cursor:pointer;color:#334155}.kv{display:grid;gap:8px;font-size:14px}.warning-icon{margin-left:6px;font-size:12px;vertical-align:middle}.log-block{border:1px solid #fde68a;background:#fffbeb;border-radius:12px;padding:12px;display:grid;gap:10px}.log-title{font-size:13px;font-weight:600;color:#92400e}.log-list{display:grid;gap:10px;max-height:220px;overflow:auto}.log-entry{display:grid;gap:6px;padding-bottom:8px;border-bottom:1px dashed #fcd34d}.log-entry:last-child{border-bottom:none;padding-bottom:0}.log-meta{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#b45309}.log-type{font-weight:600}.log-time{color:#92400e}.log-payload{font-size:12px;color:#7c2d12;white-space:pre-wrap;word-break:break-word}.line-items{flex:1}.line-items-table{border:1px solid #e6e8eb;border-radius:12px;overflow:auto}.line-items-table.scrollable{max-height:320px;overflow:auto}.line-items-table table{width:100%;min-width:0}.line-item-name{max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 900px){.topbar{flex-direction:column;align-items:flex-start;gap:12px}.user{width:100%;justify-content:space-between}.controls{flex-direction:column;align-items:flex-start;gap:12px}}