.custom-data-page{display:grid;gap:28px;max-width:900px}.custom-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.custom-tabs button,.custom-actions button{border:1px solid var(--line);border-radius:16px;padding:13px 18px;background:var(--paper);color:var(--ink);min-height:44px;cursor:pointer}.custom-tabs button[aria-pressed=true]{background:#eee7f7;color:#66508d;border-color:#baa6ce}.custom-data-page .panel{padding:24px}.custom-data-page h2{margin:0 0 14px}.custom-data-page .form{gap:20px}.custom-data-page select{width:100%;padding:14px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:12px}.custom-data-page .picker-trigger{width:100%}.custom-data-page details{padding:16px;border:1px solid var(--line);border-radius:16px}.custom-data-page details label{margin-top:18px}.custom-data-page summary{cursor:pointer;color:var(--green);line-height:1.6}.custom-actions{display:flex;gap:10px;flex-wrap:wrap}.custom-actions .primary{background:var(--green);color:white}.custom-filters{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.custom-filters label{display:grid;gap:8px}.custom-filters input{width:100%;min-width:0;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink)}.custom-record{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px;margin:14px 0;background:var(--paper);border:1px solid var(--line);border-radius:20px;overflow-wrap:anywhere}.custom-record h3{font-size:28px;margin:10px 0}.custom-record p{color:var(--muted);margin:8px 0}.custom-record small{color:var(--muted)}.custom-actions .custom-delete{color:#9d4f59}.custom-empty{padding:24px;border:1px dashed var(--line);border-radius:18px;line-height:1.8}body.dark .custom-tabs button[aria-pressed=true]{background:#453951;color:#ecdefb}@media(max-width:600px){.custom-data-page .panel{padding:20px}.custom-record{align-items:flex-start;flex-direction:column}.custom-filters{grid-template-columns:1fr}.custom-actions button{flex:1}.custom-actions{width:100%}}