.db-wrap{width:100%;position:relative;overflow:hidden}.db{transform-origin:0 0;color:#16191d;width:1440px;height:900px;font-family:var(--font-inter), system-ui, sans-serif;background:#fff;font-size:13px;line-height:16px;display:flex;position:absolute;top:0;left:0;overflow:hidden}.grow{flex:1 0 0}.db-side{border-right:1px solid #e3e7ec;flex-direction:column;flex-shrink:0;width:260px;padding:0 12px 16px;display:flex}.db-side__brand{letter-spacing:-.01em;align-items:center;gap:10px;height:56px;padding:0 6px;font-size:16px;font-weight:600;display:flex}.db-side__group{flex-direction:column;gap:2px;padding-top:8px;display:flex}.db-side__group--account{padding-top:12px}.db-side__label{color:#6b7480;align-items:center;gap:8px;height:32px;padding:0 10px;font-size:13px;font-weight:500;display:flex}.db-nav{border-radius:8px;align-items:center;gap:10px;height:38px;padding:0 10px;font-size:14px;font-weight:500;line-height:18px;display:flex}.db-nav--active{background:#f2f4f6}.db-badge{border-radius:11px;align-items:center;height:22px;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.db-badge--blue{color:#1b4fd8;background:#e8eefc}.db-badge--grey{color:#6b7480;background:#f2f4f6}.db-badge--red{color:#c2410c;background:#fbe9e2}.db-badge--outline{color:#6b7480;letter-spacing:.08em;border:1px solid #e3e7ec;border-radius:4px;height:20px;padding:0 6px;font-size:10px;font-weight:600}.db-promo{border:1px solid #e3e7ec;border-radius:12px;flex-direction:column;gap:8px;margin-top:24px;padding:14px;display:flex}.db-promo__title{align-items:center;gap:8px;font-size:14px;font-weight:600;line-height:18px;display:flex}.db-promo p{color:#6b7480;margin:0;font-size:13px;line-height:18px}.db-promo__btn{background:#f2f4f6;border-radius:8px;justify-content:center;align-items:center;height:32px;font-size:13px;font-weight:500;display:flex}.db-user{align-items:center;gap:10px;height:56px;padding:12px 6px 0;display:flex}.db-user__avatar{color:#1b4fd8;background:#e8eefc;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.db-user__meta{flex:1;min-width:0;font-size:14px;font-weight:500;line-height:18px}.db-user__email{color:#6b7480;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:400;overflow:hidden}.db-main{flex-direction:column;flex:1;min-width:0;display:flex}.db-top{border-bottom:1px solid #e3e7ec;align-items:center;gap:10px;height:56px;padding:0 24px;display:flex}.db-top__title{font-size:15px;font-weight:500;line-height:18px}.db-search{color:#6b7480;border:1px solid #e3e7ec;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;width:300px;height:36px;padding:0 12px;display:flex}.db-ask{border:1px solid #e3e7ec;border-radius:8px;align-items:center;gap:8px;height:36px;padding:0 12px;font-weight:500;display:flex}.db-bell{border:1px solid #e3e7ec;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.db-bell__dot{background:#c2410c;border:1.5px solid #fff;border-radius:4px;width:7px;height:7px;position:absolute;top:8px;right:9px}.db-content{flex-direction:column;flex:1;gap:20px;min-height:0;padding:24px;display:flex}.db-greeting{align-items:flex-end;gap:12px;display:flex}.db-greeting>div:first-child{flex:1}.db-greeting h1{letter-spacing:-.02em;margin:0 0 6px;font-size:26px;font-weight:600;line-height:32px}.db-greeting p{color:#6b7480;margin:0;font-size:15px;line-height:22px}.db-new{color:#fff;background:#16191d;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;height:40px;padding:0 16px 0 14px;font-size:14px;font-weight:500;display:flex}.db-stats{border:1px solid #e3e7ec;border-radius:12px;display:flex}.db-stat{border-right:1px solid #e3e7ec;flex-direction:column;flex:1;gap:8px;padding:18px 24px;display:flex}.db-stat:last-child{border-right:0}.db-stat__k,.db-stat__s{color:#6b7480;font-size:13px;font-weight:500}.db-stat__v{letter-spacing:-.02em;font-size:30px;font-weight:600;line-height:36px}.red{color:#c2410c!important}.green{color:#1a7f4b!important}.amber{color:#b45309!important}.ink{color:#16191d!important}.db-board{flex-direction:column;gap:14px;display:flex}.db-board__head{align-items:center;gap:10px;height:32px;display:flex}.db-board__title{letter-spacing:-.01em;font-size:16px;font-weight:600}.db-board__meta{color:#6b7480}.db-seg{color:#6b7480;background:#e3e7ec;border-radius:8px;gap:2px;height:30px;padding:2px;font-size:12px;font-weight:500;display:flex}.db-seg span{border-radius:6px;align-items:center;height:26px;padding:0 10px;display:flex}.db-seg__on{color:#16191d;background:#fff}.db-cols{align-items:flex-start;gap:12px;display:flex}.db-col{flex-direction:column;flex:1 0 0;gap:8px;min-width:0;display:flex}.db-col__head{align-items:center;gap:6px;height:28px;padding:0 4px;display:flex}.db-col__dot{border-radius:4px;width:8px;height:8px}.db-col__name{font-weight:600}.db-col__count,.db-col__total{color:#6b7480;font-weight:500}.db-col__total{font-size:12px}.db-card{background:#fff;border:1px solid #e3e7ec;border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex}.db-card--alert{border-color:#f1c9b8}.db-card__brand{align-items:center;gap:8px;display:flex}.db-card__logo{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-weight:700;display:flex}.db-card__name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.db-card__amount{letter-spacing:-.01em;font-size:18px;font-weight:600;line-height:22px}.db-card__items{flex-direction:column;gap:5px;display:flex}.db-card__item{color:#6b7480;align-items:center;gap:6px;font-size:12px;display:flex}.db-card__item.done{color:#16191d;font-weight:500}.db-card__rule{background:#e3e7ec;height:1px}.db-card__status{color:#6b7480;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.db-card__status-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.db-card__date{flex-shrink:0}.db-card__thread{color:#6b7480;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:12px;display:flex;overflow:hidden}
