:root{--db-font-body: "Manrope", "Inter", "Segoe UI", sans-serif;--db-font-display: "Quicksand", "Manrope", "Inter", sans-serif;--db-bg: #f5f8f7;--db-bg-strong: #e9f2ef;--db-surface: #ffffff;--db-surface-soft: #f7faf9;--db-surface-muted: #eef5f3;--db-border: rgba(15, 118, 110, .12);--db-border-strong: rgba(15, 118, 110, .2);--db-text: #102027;--db-text-soft: #40515d;--db-muted: #6a7a86;--db-muted-light: #8b9aa5;--db-primary: #0f766e;--db-primary-dark: #115e59;--db-primary-ink: #063f3a;--db-primary-soft: rgba(15, 118, 110, .1);--db-warm: #d97706;--db-warm-soft: rgba(217, 119, 6, .12);--db-danger: #dc2626;--db-danger-soft: rgba(220, 38, 38, .1);--db-info: #2563eb;--db-info-soft: rgba(37, 99, 235, .1);--db-radius-xs: 10px;--db-radius-sm: 14px;--db-radius-md: 20px;--db-radius-lg: 28px;--db-shadow-soft: 0 18px 38px -30px rgba(15, 23, 42, .28);--db-shadow-card: 0 22px 46px -36px rgba(15, 23, 42, .34);--db-focus: 0 0 0 4px rgba(15, 118, 110, .12);--db-touch-target: 44px}.db-workspace{min-height:100%;padding:clamp(18px,3vw,32px);color:var(--db-text);font-family:var(--db-font-body);background:radial-gradient(circle at top left,rgba(15,118,110,.08),transparent 30vw),linear-gradient(180deg,#f5f8f7,#fbfcfb)}.db-workspace--flush{padding:0}.db-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.db-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--db-primary-dark);font-size:11px;line-height:1;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.db-title{margin:0;color:var(--db-text);font-family:var(--db-font-display);font-size:clamp(1.9rem,2.9vw,2.75rem);font-weight:900;letter-spacing:-.055em;line-height:1.02;text-wrap:balance}.db-subtitle{max-width:720px;margin:10px 0 0;color:var(--db-muted);font-size:.98rem;line-height:1.55}.db-hero__actions,.db-row-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.db-surface{position:relative;background:linear-gradient(180deg,#fffffffa,#f9fcfbf5);border:1px solid var(--db-border);border-radius:var(--db-radius-lg);box-shadow:var(--db-shadow-card);isolation:isolate}.db-surface:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at top right,rgba(15,118,110,.07),transparent 34%);opacity:0;transition:opacity .2s ease}.db-surface:hover:before,.db-surface:focus-within:before{opacity:1}.db-surface--padded{padding:clamp(18px,2vw,28px)}.db-surface--compact{border-radius:var(--db-radius-md);padding:16px}.db-surface--overflow{overflow:hidden}.db-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--db-touch-target);padding:10px 16px;border:1px solid var(--db-border);border-radius:999px;background:var(--db-surface);color:var(--db-text-soft);font-size:13px;font-weight:800;line-height:1;text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.db-button:hover{transform:translateY(-1px);color:var(--db-text);border-color:var(--db-border-strong);box-shadow:var(--db-shadow-soft);text-decoration:none}.db-button:active{transform:translateY(0)}.db-button:focus-visible,.db-field__control:focus-visible,.db-page-link:focus-visible{outline:none;box-shadow:var(--db-focus);border-color:var(--db-primary)}.db-button--primary{color:#fff;border-color:#0f766e47;background:linear-gradient(135deg,var(--db-primary) 0%,var(--db-primary-dark) 100%);box-shadow:0 16px 30px -22px #0f766ee6}.db-button--primary:hover{color:#fff;background:linear-gradient(135deg,#0c6b64,#0f4f4a)}.db-button--ghost{background:#0f766e12;color:var(--db-primary-dark)}.db-button--icon{width:40px;padding-inline:0}.db-field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;align-items:end}.db-field{min-width:0}.db-field__header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.db-field__label{margin:0;color:var(--db-muted-light);font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.db-field__icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;color:var(--db-primary-dark);background:var(--db-primary-soft);font-size:11px}.db-field__control{width:100%;min-height:var(--db-touch-target);padding:10px 12px;border:1px solid rgba(15,23,42,.08);border-radius:var(--db-radius-sm);background:#f9fbfb;color:var(--db-text);font-size:13px;font-weight:650;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.db-field__control:hover{border-color:var(--db-border-strong);background:#fff}select.db-field__control{padding-right:32px}.db-pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 11px;border:1px solid transparent;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.06em;line-height:1;text-transform:uppercase;white-space:nowrap}.db-pill--success{color:#0f6a5b;background:#dff6ef;border-color:#b6eadb}.db-pill--warning{color:#a16207;background:#fff1d9;border-color:#f5d7a3}.db-pill--danger{color:#b54733;background:#fee5de;border-color:#f8c6ba}.db-pill--info{color:#315d99;background:#e7eefb;border-color:#cedcf5}.db-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-color:rgba(15,118,110,.28) transparent;scrollbar-width:thin}.db-table-wrap::-webkit-scrollbar{height:10px}.db-table-wrap::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:#0f766e47;background-clip:padding-box}.db-table{width:100%;border-collapse:separate;border-spacing:0;margin:0}.db-table thead th{padding:15px 18px;border-bottom:1px solid rgba(15,23,42,.07);background:#f0f5f4;color:var(--db-muted);font-size:11px;font-weight:900;letter-spacing:.12em;text-align:left;text-transform:uppercase;white-space:nowrap}.db-table tbody td{padding:17px 18px;border-bottom:1px solid rgba(15,23,42,.055);color:var(--db-text-soft);font-size:13px;vertical-align:middle}.db-table tbody tr{transition:background .16s ease}.db-table tbody tr:hover{background:#0f766e09}.db-table__strong{color:var(--db-text);font-weight:900}.db-table__muted{color:var(--db-muted);font-weight:700}.db-empty{display:grid;justify-items:center;padding:64px 18px;text-align:center}.db-empty__icon{width:78px;height:78px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px;border-radius:26px;color:var(--db-primary-dark);background:radial-gradient(circle at top right,rgba(15,118,110,.14),transparent 50%),var(--db-surface-muted);font-size:30px}.db-empty h3{margin:0 0 8px;color:var(--db-text);font-family:var(--db-font-display);font-size:1.35rem;font-weight:900;letter-spacing:-.04em}.db-empty p{max-width:420px;margin:0;color:var(--db-muted);font-size:.93rem;line-height:1.55}.db-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;margin-top:22px;border-top:1px solid rgba(15,23,42,.07);flex-wrap:wrap}.db-pagination__summary{color:var(--db-muted);font-size:13px;font-weight:650}.db-pagination__summary strong{color:var(--db-text);font-weight:900}.db-pagination__links{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.db-page-link{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(15,23,42,.08);border-radius:11px;background:var(--db-surface);color:var(--db-muted);font-size:13px;font-weight:850;text-decoration:none;transition:all .16s ease}.db-page-link:hover{color:var(--db-text);border-color:var(--db-border-strong);text-decoration:none}.db-page-link.is-active{color:#fff;border-color:var(--db-primary);background:var(--db-primary);box-shadow:0 14px 26px -18px #0f766ed9}.db-page-link.is-disabled{opacity:.45;pointer-events:none}@media (max-width: 991.98px){.db-hero{flex-direction:column;align-items:stretch}.db-hero__actions,.db-row-actions{justify-content:flex-start}}@media (max-width: 575.98px){.db-workspace{padding:16px}.db-title{font-size:clamp(1.75rem,9vw,2.2rem)}.db-pagination{align-items:stretch}.db-pagination__links,.db-button{width:100%}.db-button--icon{width:var(--db-touch-target);flex:0 0 var(--db-touch-target)}}