.dp-shell{isolation:isolate;background:#060905;position:relative}.dp-aura{z-index:-1;pointer-events:none;background:radial-gradient(45% 40% at 70% 0,#2f6a1733,#0000 70%),radial-gradient(35% 35% at 100% 60%,#b394ff14,#0000 70%),radial-gradient(40% 40% at 20% 100%,#c2ff8a0f,#0000 70%);position:fixed;inset:0}.dp-shell .app-sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#0d150bcc,#080c07cc);border-right:1px solid #ffffff0d}.dp-shell .app-sidebar button{border-radius:14px;transition:background .2s,color .2s,transform .2s}.dp-shell .app-sidebar button:hover{transform:translate(3px)}.dp-shell .app-sidebar button.selected{background:linear-gradient(90deg,#c2ff8a1f,#c2ff8a05);box-shadow:inset 2px 0 #c2ff8a}.dp-shell .workspace-title h1{letter-spacing:-.045em;font-size:clamp(36px,3.6vw,56px);font-weight:780}.dp-shell .button.primary{box-shadow:inset 0 1px #fff8,0 12px 34px #c2ff8a33}.dp-hero{grid-template-columns:1.15fr 1fr 1fr;gap:16px;margin:8px 0 34px;display:grid}.dp-card{background:linear-gradient(160deg,#ffffff0b,#ffffff02);border:1px solid #ffffff12;border-radius:26px;padding:24px;animation:.7s cubic-bezier(.2,.8,.2,1) both dpIn;position:relative;overflow:hidden;box-shadow:0 30px 80px #0007}.dp-card:nth-child(2){animation-delay:80ms}.dp-card:nth-child(3){animation-delay:.16s}@keyframes dpIn{0%{opacity:0;transform:translateY(18px)scale(.985)}}.dp-label{letter-spacing:.16em;color:#c2ff8a;margin-bottom:12px;font-size:11.5px;font-weight:750;display:block}.dp-total{background:radial-gradient(120% 100% at 0 0,#2f6a1755,#0000 60%),linear-gradient(160deg,#ffffff0d,#ffffff02);border-color:#c2ff8a2e;min-height:230px}.dp-big{letter-spacing:-.05em;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 40px #c2ff8a40;font-size:clamp(44px,4.4vw,68px);font-weight:800;line-height:1;display:block}.dp-sub{color:#a9bb98;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;font-size:14.5px;display:flex}.dp-chip{color:#d9f4c4;background:#c2ff8a1a;border:1px solid #c2ff8a33;border-radius:99px;padding:4px 10px;font-size:12.5px;font-weight:650}.dp-bars{opacity:.9;align-items:flex-end;gap:6px;height:44%;display:flex;position:absolute;bottom:0;left:46%;right:20px}.dp-bars i{transform-origin:bottom;background:linear-gradient(#c2ff8a,#c2ff8a22);border-radius:7px 7px 0 0;flex:1;max-width:22px;animation:.9s cubic-bezier(.2,.8,.2,1) both barUp}@keyframes barUp{0%{transform:scaleY(0)}}.dp-donut{grid-template-columns:132px 1fr;align-items:center;gap:18px;display:grid;position:relative}.dp-donut svg{width:132px;height:132px;transform:rotate(-90deg)}.dp-donut-track{fill:none;stroke:#ffffff10;stroke-width:16px}.dp-donut-seg{fill:none;stroke-width:16px;stroke-linecap:round;filter:drop-shadow(0 0 6px #0008);transition:stroke-dasharray 1.1s cubic-bezier(.2,.8,.2,1)}.dp-donut-mid{text-align:center;width:132px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.dp-donut-mid b{color:#fff;font-size:28px;font-weight:800;display:block}.dp-donut-mid span{color:#8fa184;font-size:11px}.dp-legend{color:#cfdcc4;gap:8px;margin:0;padding:0;font-size:13.5px;list-style:none;display:grid}.dp-legend li{grid-template-columns:10px 1fr auto;align-items:center;gap:8px;display:grid}.dp-legend i{border-radius:50%;width:10px;height:10px}.dp-legend b{font-variant-numeric:tabular-nums;color:#fff;font-weight:650}.dp-soon ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.dp-soon button{width:100%;color:inherit;text-align:left;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:14px;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:8px 10px 8px 8px;transition:background .2s,border-color .2s,transform .2s;display:grid}.dp-soon button:hover{background:#c2ff8a0d;border-color:#c2ff8a33;transform:translate(3px)}.dp-soon-main{min-width:0}.dp-soon-main b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.dp-soon-main small{color:#8fa184;font-size:12px}.dp-due{white-space:nowrap;color:#cfdcc4;background:#ffffff10;border-radius:99px;padding:3px 9px;font-size:11.5px;font-weight:750}.dp-due.u-hot,.dp-due.u-over{color:#fff;background:#ff6b5e}.dp-due.u-warm{color:#1b1405;background:#f5b544}.dp-due.u-mild{color:#c2ff8a;background:#c2ff8a22}.dp-empty{color:#8fa184;margin:8px 0 0;font-size:14.5px}.dp-grid{gap:16px!important}.dp-sub-card{--tone:#c2ff8a;isolation:isolate;border:1px solid color-mix(in srgb,var(--tone) 24%,#ffffff10);background:radial-gradient(120% 90% at 0% 0%,color-mix(in srgb,var(--tone) 20%,transparent),transparent 60%),linear-gradient(160deg,#ffffff0a,#ffffff02);transform-style:preserve-3d;border-radius:26px;padding:22px;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s;animation:.6s cubic-bezier(.2,.8,.2,1) both dpIn;position:relative;overflow:hidden;box-shadow:0 24px 60px #0007}.dp-sub-card:before{content:"";z-index:-1;background:radial-gradient(380px circle at var(--mx,50%) var(--my,0%),color-mix(in srgb,var(--tone) 22%,transparent),transparent 45%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.dp-sub-card:hover{border-color:color-mix(in srgb,var(--tone) 50%,transparent);box-shadow:0 30px 80px #0009,0 0 40px color-mix(in srgb,var(--tone) 18%,transparent)}.dp-sub-card:hover:before{opacity:1}.dp-sub-card.is-cancelled{filter:saturate(.3);opacity:.75}.dp-sub-top{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.dp-edit{color:#cfdcc4;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;place-items:center;width:38px;height:38px;transition:background .2s,transform .2s;display:grid}.dp-edit:hover{color:#142008;background:#c2ff8a;transform:rotate(45deg)}.dp-edit svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.dp-sub-card h3{letter-spacing:-.025em;color:#f4fbee;margin:0;font-size:21px;font-weight:750}.dp-sub-meta{color:#8fa184;margin:4px 0 0;font-size:13.5px}.dp-sub-price{letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums;margin:18px 0;font-size:34px;font-weight:800}.dp-sub-price span{color:#8fa184;letter-spacing:0;margin-left:6px;font-size:14px;font-weight:600}.dp-sub-foot{border-top:1px solid #ffffff0f;align-items:center;gap:12px;padding-top:14px;display:flex}.dp-sub-foot b{color:#eef6e6;font-size:14px;display:block}.dp-sub-foot small{color:#8fa184;font-size:12.5px}.dp-sub-card.u-hot .dp-sub-foot b,.dp-sub-card.u-over .dp-sub-foot b{color:#ff8a7f}.dp-sub-card.u-warm .dp-sub-foot b{color:#f5b544}.dp-ring{flex:none;place-items:center;width:48px;height:48px;display:grid;position:relative}.dp-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.dp-ring-track{fill:none;stroke:#ffffff12;stroke-width:4px}.dp-ring-bar{fill:none;stroke-width:4px;stroke-linecap:round;filter:drop-shadow(0 0 4px);transition:stroke-dasharray 1s}.dp-ring b{color:#fff;font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:800}.dp-fallback{color:#c2ff8a;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:28%;place-items:center;font-weight:800;display:grid}.dp-shell .timeline article{background:linear-gradient(160deg,#ffffff09,#ffffff02);border-radius:20px;grid-template-columns:44px 84px 1fr auto auto;transition:border-color .2s,transform .2s}.dp-shell .timeline article:hover{border-color:#c2ff8a33;transform:translate(4px)}.dp-name-row{grid-template-columns:44px 1fr;align-items:end;gap:12px;display:grid}.dp-name-preview{transition:transform .3s cubic-bezier(.2,.9,.3,1.4)}.dp-name-preview.on{transform:scale(1.06)}.dp-shell .editor{border:1px solid #c2ff8a2a;border-radius:28px;box-shadow:0 60px 140px #000d,0 0 80px #c2ff8a14}@media (max-width:1100px){.dp-hero{grid-template-columns:1fr 1fr}.dp-total{grid-column:span 2}}@media (max-width:700px){.dp-hero{grid-template-columns:1fr}.dp-total{grid-column:auto;min-height:0}.dp-bars{max-width:none;height:64px;margin-top:18px;position:static}.dp-bars i{max-width:none}.dp-donut{grid-template-columns:110px 1fr}.dp-donut svg,.dp-donut-mid{width:110px}.dp-donut svg{height:110px}.dp-sub-price{font-size:30px}.dp-shell .timeline article{grid-template-columns:40px 1fr auto}}@media (prefers-reduced-motion:reduce){.dp-card,.dp-sub-card,.dp-bars i{animation:none}}