.md3-card{border-radius:16px;background:var(--md-sys-color-surface-1);box-shadow:0 1px 2px #00000014,0 2px 8px #0000000f}.md3-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:8px 4px 12px}.md3-title{font-size:24px;font-weight:700;margin:0}.md3-subtitle{color:var(--md-sys-color-on-surface-variant);margin:2px 0 0}.md3-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 14px;border-radius:20px;font-weight:600;outline:none;border:none;cursor:pointer;transition:box-shadow .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease,transform .02s ease;text-decoration:none}.md3-btn[disabled]{opacity:.6;cursor:not-allowed}.md3-btn--filled{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.md3-btn--filled:hover{filter:brightness(1.04)}.md3-btn--filled:active{transform:translateY(.5px)}.md3-btn--filled:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab,var(--md-sys-color-primary) 30%,transparent)}.md3-btn--tonal{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.md3-btn--tonal:hover{filter:brightness(1.03)}.md3-btn--tonal:active{transform:translateY(.5px)}.md3-btn--tonal:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab,var(--md-sys-color-secondary) 28%,transparent)}.md3-btn--outlined{background:transparent;color:var(--md-sys-color-primary);border:1px solid var(--md-sys-color-outline)}.md3-btn--outlined:hover{background:color-mix(in oklab,var(--md-sys-color-primary) 8%,transparent)}.md3-btn--outlined:active{transform:translateY(.5px)}.md3-btn--outlined:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab,var(--md-sys-color-primary) 25%,transparent)}.md3-btn--text{background:transparent;color:var(--md-sys-color-primary)}.md3-search{display:inline-flex;align-items:center;gap:8px;background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;padding:6px 8px}.md3-search input{width:100%;min-width:0;height:28px;border:0;outline:none;background:transparent;color:var(--md-sys-color-on-surface)}.md3-search .md3-btn{height:28px;border-radius:10px;padding:0 12px}.md3-pgsize{display:inline-flex;align-items:center;gap:8px;color:var(--md-sys-color-on-surface-variant)}.md3-pgsize select{height:36px;border-radius:10px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:0 10px}.md3-list{margin-top:12px}.md3-row{position:relative;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;padding:12px;margin-top:10px;background:var(--md-sys-color-surface);overflow:hidden}.md3-row:before{content:"";position:absolute;inset:0;background:color-mix(in oklab,var(--md-sys-color-on-surface) 7%,transparent);opacity:0;transition:opacity .2s ease;pointer-events:none}.md3-row:hover:before{opacity:1}.md3-row:active:before{opacity:1;background:color-mix(in oklab,var(--md-sys-color-on-surface) 10%,transparent)}.md3-row .name{font-weight:700;margin-bottom:2px}.md3-row .meta{color:var(--md-sys-color-on-surface-variant)}.md3-ops{display:inline-flex;gap:8px}.md3-pager{margin-top:16px;padding-top:12px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--md-sys-color-outline-variant)}.md3-page-info{color:var(--md-sys-color-on-surface-variant)}.md3-chip{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:12px;background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);font-size:12px;font-weight:600}.md3-input{width:100%;height:44px;padding:0 12px;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);outline:none;transition:box-shadow .2s ease,border-color .2s ease}.md3-input:focus{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--md-sys-color-primary) 20%,transparent)}.md3-loading{display:grid;place-items:center;min-height:120px;padding:16px;color:var(--md-sys-color-on-surface-variant)}.md3-loading .spinner{width:40px;height:40px}@media(max-width:768px){.md3-toolbar{flex-direction:column;align-items:stretch;gap:8px}.md3-search{width:100%}.md3-pgsize{width:100%;justify-content:space-between}}.md3-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-top:12px}.md3-tile{position:relative;display:flex;align-items:flex-start;gap:12px;padding:16px;min-height:120px;border:1px solid var(--md-sys-color-outline-variant);border-radius:16px;background:var(--md-sys-color-surface);cursor:pointer;transition:transform .06s ease,box-shadow .2s ease,border-color .2s ease}.md3-tile:hover{box-shadow:0 1px 2px #0000001a,0 6px 16px #00000014}.md3-tile:active{transform:translateY(.5px)}.md3-tile:focus-visible{outline:3px solid color-mix(in oklab,var(--md-sys-color-primary) 25%,transparent);outline-offset:2px}.md3-tile .icon{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-size:30px;flex:0 0 auto}.md3-tile .content{flex:1 1 auto;min-width:0}.md3-tile .content .title{font-size:18px;font-weight:700;margin:2px 0 4px}.md3-tile .content .desc{color:var(--md-sys-color-on-surface-variant)}.md3-tile .chevron{color:var(--md-sys-color-on-surface-variant);align-self:center}@media(max-width:480px){.md3-tile-grid{grid-template-columns:1fr}}.md3-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;user-select:none}.md3-switch input{position:absolute;opacity:0;width:0;height:0}.md3-switch .track{position:relative;width:52px;height:32px;border-radius:16px;background:color-mix(in oklab,var(--md-sys-color-on-surface) 12%,transparent);border:1px solid var(--md-sys-color-outline-variant);transition:background-color .2s ease,border-color .2s ease;flex:0 0 52px}.md3-switch .thumb{position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:var(--md-sys-color-surface);box-shadow:0 1px 2px #00000040,0 2px 6px #0003;transition:transform .2s ease,background-color .2s ease}.md3-switch input:checked+.track{background:var(--md-sys-color-primary);border-color:var(--md-sys-color-primary)}.md3-switch input:checked+.track .thumb{transform:translate(20px);background:var(--md-sys-color-on-primary)}.md3-switch input:focus-visible+.track{box-shadow:0 0 0 3px color-mix(in oklab,var(--md-sys-color-primary) 30%,transparent)}.md3-switch .label{color:var(--md-sys-color-on-surface)}