:root{--bg: #f6f7f8;--surface: #ffffff;--surface-alt: #f0f2f4;--text: #1f2328;--muted: #656d76;--border: #d0d7de;--border-strong: #b6bec6;--accent: #0969da;--accent-hover: #0a5cc4;--danger: #cf222e;--danger-bg: #ffebe9;--brand-1: #2f6fed;--brand-2: #8a4fff;--brand-3: #d6409f;--hover-tint: #ecefff;--status-not_started: #6e7781;--status-draft: #9a6700;--status-draft-bg: #fff8c5;--status-submitted: #0969da;--status-submitted-bg: #ddf4ff;--status-rejected: #cf222e;--status-rejected-bg: #ffebe9;--status-approved: #1a7f37;--status-approved-bg: #dafbe1;--stripe-not_started: #a9b0ee;--stripe-draft: var(--status-draft);--stripe-submitted: var(--status-submitted);--stripe-rejected: var(--status-rejected);--stripe-approved: var(--status-approved);--radius: 6px;--row-gap: 0;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:linear-gradient(180deg,#f7f8fd,#eef0f7);background-attachment:fixed;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:inherit;font-size:14px;color:var(--text)}input[type=text],input[type=number],input[type=search],select,textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:5px 8px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0969da26}button{cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:5px 10px;transition:background .1s ease,border-color .1s ease,filter .1s ease}button:hover:not(:disabled){background:var(--hover-tint);border-color:var(--brand-1)}button:disabled{opacity:.5;cursor:default}button.primary{background:linear-gradient(135deg,var(--brand-1),var(--brand-2));border-color:transparent;color:#fff}button.primary:hover:not(:disabled){background:linear-gradient(135deg,var(--brand-1),var(--brand-2));filter:brightness(1.08);border-color:transparent}.page{max-width:1100px;margin:0 auto;padding:1rem}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:linear-gradient(180deg,#fff,#f7f5ff);border-bottom:2px solid transparent;border-image:linear-gradient(90deg,var(--brand-1),var(--brand-2),var(--brand-3)) 1;box-shadow:0 1px 6px #262b5b0d}.app-header .brand{font-weight:700;font-size:15px;white-space:nowrap;background:linear-gradient(90deg,var(--brand-1),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent}.app-header .brand:hover{text-decoration:none;filter:brightness(1.1)}.app-header .spacer{flex:1}.badge{display:inline-flex;align-items:center;gap:.25rem;font-size:12px;font-weight:500;padding:1px 8px;border-radius:999px;border:1px solid transparent;white-space:nowrap;line-height:1.6}.badge.status-not_started{color:var(--status-not_started);background:var(--surface-alt);border-color:var(--border)}.badge.status-draft{color:var(--status-draft);background:var(--status-draft-bg)}.badge.status-submitted{color:var(--status-submitted);background:var(--status-submitted-bg)}.badge.status-rejected{color:var(--status-rejected);background:var(--status-rejected-bg)}.badge.status-approved{color:var(--status-approved);background:var(--status-approved-bg)}.item-rows{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.item-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-bottom:1px solid var(--border);border-left:4px solid var(--row-accent, var(--border));text-decoration:none;color:var(--text);transition:background .1s ease}.item-row:last-child{border-bottom:none}.item-row:hover{background:var(--surface-alt);text-decoration:none}.item-row .thumb{width:44px;height:44px;flex:0 0 44px;object-fit:contain;background:var(--surface-alt);border:1px solid var(--border);border-radius:4px}.item-row .title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.item-row .stars{color:#d4a72c;font-size:13px;white-space:nowrap;letter-spacing:1px}.item-row .meta{color:var(--muted);font-size:12px;white-space:nowrap;flex:0 0 auto}.item-row .meta .k{opacity:.7}.empty{padding:2rem;text-align:center;color:var(--muted);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius)}.toolbar{display:flex;align-items:center;gap:.5rem;margin:.75rem 0;flex-wrap:wrap}.toolbar .count{color:var(--muted);font-size:13px}.pagination{display:flex;justify-content:center;align-items:center;gap:.25rem;margin:1rem 0;flex-wrap:wrap}.pagination a,.pagination span{min-width:32px;text-align:center;padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text)}.pagination a:hover{background:var(--hover-tint);border-color:var(--brand-1);text-decoration:none}.pagination .current{background:var(--accent);border-color:var(--accent);color:#fff}.pagination .gap{border:none;background:none}.pagination .disabled{opacity:.4;pointer-events:none}@media (max-width: 700px){.app-header{flex-wrap:wrap;gap:.5rem .6rem;padding:.5rem .75rem}.app-header .spacer{display:none}.app-header .search{order:10;flex:1 1 100%;max-width:none}.app-header .add{margin-left:auto}.app-header .add input{width:42vw;max-width:220px}.page{padding:.75rem}button,.pagination a,.pagination span{min-height:34px}}@media (max-width: 430px){input[type=text],input[type=number],input[type=search],select,textarea{font-size:16px}}