@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--accent:#2d5a28;--accent-mid:#3d7036;--accent-light:#eef4ec;--accent-border:#c3d9bf;--ink:#111a10;--ink-2:#3a4a39;--ink-3:#7a8c79;--ink-4:#b0bfae;--surface:#fff;--surface-2:#f7f9f6;--surface-3:#f0f4ee;--border:#e4ebe3;--border-mid:#cad6c8;--red:#c8303f;--red-light:#fdf0f1;--red-border:#f0c0c4;--amber:#9a6200;--amber-light:#fdf8ed;--amber-border:#f0dcaa;--teal:#0d7a70;--teal-light:#edf7f6;--teal-border:#a5d8d4;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 3px #111a100f;--shadow-md:0 4px 16px #111a1014;--font:"DM Sans", system-ui, sans-serif}.db{font-family:var(--font);background:var(--surface-2);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased}.db__inner{max-width:960px;margin:0 auto;padding:0 16px 80px}.db__loading{min-height:60vh;color:var(--ink-3);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:.9rem;display:flex}.db__spinner{border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.65s linear infinite spin}.db__mini-spin{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:13px;height:13px;animation:.65s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.db__topbar{justify-content:space-between;align-items:center;gap:12px;padding:20px 0 0;display:flex}.db__topbar-left h1{color:var(--ink);letter-spacing:-.4px;font-size:1.55rem;font-weight:700;line-height:1.2}.db__topbar-left p{color:var(--ink-3);margin-top:4px;font-size:.85rem}.db__add-btn{background:var(--accent);color:#fff;border-radius:var(--radius-md);font-family:var(--font);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;align-items:center;gap:6px;padding:10px 18px;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.db__add-btn:hover{background:var(--accent-mid)}.db__add-btn svg{font-size:1rem}.db__banner{background:var(--amber-light);border:1px solid var(--amber-border);border-radius:var(--radius-lg);align-items:flex-start;gap:12px;margin:20px 0 0;padding:14px 16px;display:flex}.db__banner-icon{color:var(--amber);flex-shrink:0;margin-top:1px;font-size:1.1rem}.db__banner-body{flex:1;min-width:0}.db__banner-body strong{color:var(--amber);margin-bottom:2px;font-size:.875rem;font-weight:700;display:block}.db__banner-body span{color:var(--ink-2);font-size:.8rem}.db__banner-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.db__banner-cta{background:var(--amber);color:#fff;border-radius:var(--radius-sm);font-family:var(--font);cursor:pointer;white-space:nowrap;border:none;padding:6px 14px;font-size:.78rem;font-weight:700;transition:opacity .15s}.db__banner-cta:hover{opacity:.88}.db__banner-dismiss{width:28px;height:28px;color:var(--ink-3);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;place-items:center;font-size:1rem;transition:background .15s;display:grid}.db__banner-dismiss:hover{background:#0000000f}.db__stats{grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0 0;display:grid}.db__stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:6px;padding:16px;transition:border-color .15s,box-shadow .15s;display:flex}.db__stat--clickable{cursor:pointer}.db__stat--clickable:hover{border-color:var(--accent-border);box-shadow:var(--shadow-sm)}.db__stat-icon{border-radius:var(--radius-sm);flex-shrink:0;place-items:center;width:32px;height:32px;margin-bottom:2px;font-size:1rem;display:grid}.db__stat--green .db__stat-icon{background:var(--accent-light);color:var(--accent)}.db__stat--purple .db__stat-icon{color:#6d4fc2;background:#f0edf8}.db__stat--amber .db__stat-icon{background:var(--amber-light);color:var(--amber)}.db__stat--teal .db__stat-icon{background:var(--teal-light);color:var(--teal)}.db__stat--red .db__stat-icon{background:var(--red-light);color:var(--red)}.db__stat--gray .db__stat-icon{background:var(--surface-3);color:var(--ink-3)}.db__stat-value{color:var(--ink);letter-spacing:-.5px;font-size:1.55rem;font-weight:700;line-height:1}.db__stat-label{color:var(--ink-3);font-size:.75rem;font-weight:500;line-height:1.3}.db__stat-sub{margin-top:1px;font-size:.7rem;font-weight:600}.db__stat-sub--hot{color:#c2410c}.db__stat-sub--good{color:var(--accent)}.db__stat-sub--warn{color:var(--amber)}.db__stat-sub--muted{color:var(--ink-3)}.db__section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);margin-top:20px;padding:20px}.db__section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.db__section-title{align-items:center;gap:8px;display:flex}.db__section-title svg{color:var(--accent);font-size:1.15rem}.db__section-title h2{color:var(--ink);margin:0;font-size:.95rem;font-weight:700}.db__badge{border-radius:999px;padding:2px 9px;font-size:.69rem;font-weight:700}.db__badge--green{background:var(--accent-light);color:var(--accent);border:1px solid var(--accent-border)}.db__badge--amber{background:var(--amber-light);color:var(--amber);border:1px solid var(--amber-border)}.db__badge--red{background:var(--red-light);color:var(--red);border:1px solid var(--red-border)}.db__badge--teal{background:var(--teal-light);color:var(--teal);border:1px solid var(--teal-border)}.db__tabs{flex-wrap:wrap;gap:6px;display:flex}.db__tab{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--ink-3);font-family:var(--font);cursor:pointer;background:0 0;align-items:center;gap:5px;padding:5px 12px;font-size:.78rem;font-weight:500;transition:all .14s;display:inline-flex}.db__tab:hover{color:var(--ink-2);border-color:var(--border-mid)}.db__tab.active{background:var(--accent-light);border-color:var(--accent-border);color:var(--accent);font-weight:600}.db__tab-count{background:#0000000f;border-radius:999px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:.67rem;font-weight:700;display:inline-flex}.db__tab.active .db__tab-count{background:var(--accent);color:#fff}.db__section-empty{color:var(--ink-3);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:32px 0;font-size:.85rem;display:flex}.db__section-empty svg{color:var(--ink-4);font-size:1.8rem}.db__section-loading{color:var(--ink-3);align-items:center;gap:10px;padding:24px 0;font-size:.85rem;display:flex}.db__req-list{flex-direction:column;gap:8px;display:flex}.db__req-card{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px;transition:border-color .14s;display:flex}.db__req-card:hover{border-color:var(--border-mid)}.db__req-card--confirmed{border-left:3px solid var(--teal);border-left-radius:0}.db__req-card--cancelled{opacity:.5}.db__req-left{flex:1;align-items:flex-start;gap:10px;min-width:0;display:flex}.db__req-avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:grid}.db__req-info{flex:1;min-width:0}.db__req-name{color:var(--ink);align-items:center;gap:6px;margin-bottom:2px;font-size:.88rem;font-weight:600;display:flex}.db__req-listing{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:.78rem;overflow:hidden}.db__req-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.db__req-meta span{color:var(--ink-3);align-items:center;gap:4px;font-size:.75rem;display:flex}.db__req-meta svg{font-size:.75rem}.db__req-note{color:var(--ink-3);margin-top:4px;font-size:.75rem;font-style:italic}.db__req-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.db__btn-confirm,.db__btn-decline{border-radius:var(--radius-sm);font-family:var(--font);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:5px;padding:7px 14px;font-size:.8rem;font-weight:600;transition:all .14s;display:inline-flex}.db__btn-confirm{background:var(--accent-light);border-color:var(--accent-border);color:var(--accent)}.db__btn-confirm:hover:not(:disabled){background:var(--accent);color:#fff}.db__btn-decline{background:var(--red-light);border-color:var(--red-border);color:var(--red)}.db__btn-decline:hover:not(:disabled){background:var(--red);color:#fff}.db__btn-confirm:disabled,.db__btn-decline:disabled{opacity:.5;cursor:not-allowed}.db__status{text-transform:capitalize;border-radius:999px;padding:2px 7px;font-size:.67rem;font-weight:600}.db__status--pending{background:var(--amber-light);color:var(--amber);border:1px solid var(--amber-border)}.db__status--confirmed{background:var(--teal-light);color:var(--teal);border:1px solid var(--teal-border)}.db__status--cancelled{background:var(--surface-3);color:var(--ink-3);border:1px solid var(--border)}.db__status--declined{background:var(--red-light);color:var(--red);border:1px solid var(--red-border)}.db__controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;display:flex}.db__filters{flex-wrap:wrap;gap:6px;display:flex}.db__filter-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--ink-3);font-family:var(--font);cursor:pointer;align-items:center;gap:5px;padding:7px 14px;font-size:.78rem;font-weight:500;transition:all .14s;display:inline-flex}.db__filter-btn:hover{color:var(--ink-2);border-color:var(--border-mid)}.db__filter-btn.active{background:var(--accent-light);border-color:var(--accent-border);color:var(--accent);font-weight:600}.db__filter-btn.alert{border-color:var(--amber-border);color:var(--amber)}.db__filter-btn.alert.active{background:var(--amber-light)}.db__filter-btn.hot{color:#c2410c;border-color:#c2410c40}.db__filter-btn.hot.active{background:#c2410c12}.db__filter-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.db__filter-dot--amber{background:var(--amber)}.db__filter-dot--hot{background:#ea580c}.db__filter-count{background:#0000000f;border-radius:999px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:.67rem;font-weight:700;display:inline-flex}.db__sort{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--ink-2);font-family:var(--font);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%237a8c79' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;outline:none;padding:7px 30px 7px 12px;font-size:.78rem;font-weight:500}.db__listings{flex-direction:column;gap:10px;margin-top:14px;display:flex}.db__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);grid-template-columns:140px 1fr;transition:border-color .15s,box-shadow .15s;display:grid;overflow:hidden}.db__card:hover{border-color:var(--border-mid);box-shadow:var(--shadow-sm)}.db__card--expired{border-color:var(--red-border)}.db__card--expiring{border-color:var(--amber-border)}.db__thumb{background:var(--surface-3);flex-shrink:0;width:140px;min-height:140px;position:relative;overflow:hidden}.db__thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.db__card:hover .db__thumb img{transform:scale(1.04)}.db__thumb-empty{width:100%;height:100%;color:var(--ink-4);flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:140px;display:flex}.db__thumb-empty svg{font-size:1.6rem}.db__thumb-badge{letter-spacing:.02em;border-radius:999px;padding:3px 7px;font-size:.64rem;font-weight:700;position:absolute;bottom:8px;left:8px}.db__thumb-badge--verified{color:var(--accent);background:#2d5a281f;border:1px solid #2d5a2847}.db__thumb-badge--expired{border:1px solid var(--red-border);color:var(--red);background:#fee2e2eb}.db__thumb-badge--expiring{border:1px solid var(--amber-border);color:var(--amber);background:#fdf8edeb}.db__card-body{flex-direction:column;gap:12px;min-width:0;padding:16px 18px;display:flex}.db__card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.db__card-info{flex:1;min-width:0}.db__card-title{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:.97rem;font-weight:700;overflow:hidden}.db__card-location{color:var(--ink-3);align-items:center;gap:4px;margin-bottom:8px;font-size:.78rem;display:inline-flex}.db__card-location svg{flex-shrink:0;font-size:.85rem}.db__card-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.db__card-meta span{color:var(--ink-2);align-items:center;gap:4px;font-size:.77rem;display:inline-flex}.db__card-meta svg{color:var(--accent);flex-shrink:0;font-size:.85rem}.db__card-meta em{color:var(--ink-3);font-size:.72rem;font-style:normal}.db__card-meta .muted{color:var(--ink-3)}.db__card-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.db__action{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border);width:32px;height:32px;color:var(--ink-3);background:0 0;flex-shrink:0;place-items:center;font-size:.95rem;text-decoration:none;transition:all .14s;display:grid}.db__action:hover{background:var(--surface-3);border-color:var(--border-mid);color:var(--ink)}.db__action--delete{color:var(--red);border-color:var(--red-border);background:var(--red-light)}.db__action--delete:hover:not(:disabled){background:var(--red);color:#fff;border-color:var(--red)}.db__action--delete:disabled{opacity:.45;cursor:not-allowed}.db__expiry-prompt{border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;display:flex}.db__expiry-prompt--expiring{background:var(--amber-light);border:1px solid var(--amber-border)}.db__expiry-prompt--expired{background:var(--red-light);border:1px solid var(--red-border)}.db__expiry-left{flex:1;align-items:flex-start;gap:8px;min-width:0;display:flex}.db__expiry-prompt--expiring .db__expiry-left svg{color:var(--amber);flex-shrink:0;margin-top:1px;font-size:.95rem}.db__expiry-prompt--expired .db__expiry-left svg{color:var(--red);flex-shrink:0;margin-top:1px;font-size:.95rem}.db__expiry-left strong{margin-bottom:1px;font-size:.8rem;font-weight:700;display:block}.db__expiry-prompt--expiring .db__expiry-left strong{color:var(--amber)}.db__expiry-prompt--expired .db__expiry-left strong{color:var(--red)}.db__expiry-left span{color:var(--ink-2);font-size:.74rem;line-height:1.4}.db__renew-btn{border-radius:var(--radius-sm);font-family:var(--font);cursor:pointer;white-space:nowrap;border:1px solid;flex-shrink:0;align-items:center;gap:6px;padding:7px 14px;font-size:.78rem;font-weight:700;transition:all .14s;display:inline-flex}.db__expiry-prompt--expiring .db__renew-btn{background:var(--amber-light);border-color:var(--amber-border);color:var(--amber)}.db__expiry-prompt--expiring .db__renew-btn:hover:not(:disabled){background:var(--amber);color:#fff}.db__expiry-prompt--expired .db__renew-btn{background:var(--red-light);border-color:var(--red-border);color:var(--red)}.db__expiry-prompt--expired .db__renew-btn:hover:not(:disabled){background:var(--red);color:#fff}.db__renew-btn:disabled{opacity:.5;cursor:not-allowed}.db__card-bottom{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:14px;padding-top:10px;display:flex}.db__card-stat{color:var(--ink-3);align-items:center;gap:5px;font-size:.78rem;font-weight:500;display:inline-flex}.db__card-stat svg{color:var(--accent);font-size:.9rem}.db__conv{flex-direction:column;gap:4px;min-width:100px;display:flex}.db__conv-top{justify-content:space-between;align-items:center;gap:6px;display:flex}.db__conv-label{white-space:nowrap;font-size:.72rem;font-weight:600}.db__conv-rate{white-space:nowrap;font-size:.74rem;font-weight:700}.db__conv-bar{background:var(--border);border-radius:999px;height:3px;overflow:hidden}.db__conv-fill{border-radius:999px;height:100%;transition:width .5s}.db__conv--hot .db__conv-label,.db__conv--hot .db__conv-rate{color:#c2410c}.db__conv--hot .db__conv-fill{background:#ea580c}.db__conv--good .db__conv-label,.db__conv--good .db__conv-rate{color:var(--accent)}.db__conv--good .db__conv-fill{background:var(--accent)}.db__conv--low .db__conv-label,.db__conv--low .db__conv-rate{color:var(--red)}.db__conv--low .db__conv-fill{background:var(--red)}.db__conv--neutral .db__conv-label{color:var(--ink-3)}.db__avail-wrap{align-items:center;gap:6px;margin-left:auto;display:flex}.db__avail-select{font-family:var(--font);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 24 24' fill='none' stroke='%237a8c79' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:1px solid;border-radius:999px;outline:none;padding:5px 24px 5px 10px;font-size:.73rem;font-weight:600;transition:all .15s}.db__avail-select.available{background-color:var(--accent-light);border-color:var(--accent-border);color:var(--accent)}.db__avail-select.soon{background-color:var(--amber-light);border-color:var(--amber-border);color:var(--amber)}.db__avail-select.unavailable{background-color:var(--red-light);border-color:var(--red-border);color:var(--red)}.db__avail-select option{color:var(--ink);background:#fff}.db__avail-select:disabled{opacity:.5;cursor:not-allowed}.db__empty{text-align:center;border:1.5px dashed var(--border-mid);border-radius:var(--radius-xl);background:var(--surface);flex-direction:column;justify-content:center;align-items:center;gap:12px;margin-top:14px;padding:60px 24px;display:flex}.db__empty svg{color:var(--ink-4);font-size:2.8rem}.db__empty h2{color:var(--ink);font-size:1.15rem;font-weight:700}.db__empty p{color:var(--ink-3);max-width:300px;font-size:.88rem;line-height:1.6}.db__toast{background:var(--accent);color:#fff;border-radius:var(--radius-md);z-index:999;white-space:nowrap;box-shadow:var(--shadow-md);pointer-events:none;align-items:center;gap:8px;padding:10px 18px;font-size:.85rem;font-weight:600;display:inline-flex;position:fixed;top:72px;left:50%;transform:translate(-50%)}.db__toast--error{background:var(--red)}@media (max-width:860px){.db__stats{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.db__stats{grid-template-columns:repeat(2,1fr)}.db__section{padding:16px}.db__card{grid-template-columns:110px 1fr}.db__thumb{width:110px}}@media (max-width:540px){.db__inner{padding:0 12px 72px}.db__topbar{flex-wrap:wrap;padding-top:16px}.db__topbar-left h1{font-size:1.3rem}.db__add-btn{justify-content:center;width:100%}.db__stats{grid-template-columns:repeat(2,1fr);gap:8px}.db__stat{padding:13px}.db__stat-value{font-size:1.3rem}.db__card{grid-template-columns:1fr}.db__thumb{width:100%;height:160px;min-height:unset}.db__card-body{padding:13px 14px}.db__card-meta{gap:8px}.db__avail-wrap{width:100%;margin-left:0}.db__avail-select{width:100%}.db__expiry-prompt{flex-direction:column;align-items:flex-start}.db__renew-btn{justify-content:center;width:100%}.db__controls{flex-direction:column;align-items:flex-start}.db__sort{width:100%}.db__req-card{flex-direction:column;align-items:flex-start}.db__req-actions{justify-content:stretch;width:100%}.db__btn-confirm,.db__btn-decline{flex:1;justify-content:center}.db__section-head{flex-direction:column;align-items:flex-start}.db__tabs{width:100%}.db__tab{flex:1;justify-content:center}.db__banner-actions{width:100%}.db__banner-cta{text-align:center;flex:1}}