.dp-outer{position:relative}.dp-wrapper{background:#0d1117;border:1px solid #ffffff14;border-radius:16px;width:100%;max-width:540px;transition:transform .5s cubic-bezier(.4,0,.2,1);overflow:hidden;transform:perspective(1200px)rotateY(-3deg)rotateX(2deg);box-shadow:0 0 0 1px #ffffff0a,0 25px 50px -12px #00000080,0 0 80px -20px #56d3641a}.dp-wrapper:hover{transform:perspective(1200px)rotateY(0)rotateX(0)}.dp-chrome{background:#080b12;border-bottom:1px solid #ffffff0f;align-items:center;gap:.75rem;padding:.6rem .85rem;display:flex}.dp-dots{gap:5px;display:flex}.dp-dots span{border-radius:50%;width:9px;height:9px}.dp-dots span:first-child{background:#ff5f56}.dp-dots span:nth-child(2){background:#ffbd2e}.dp-dots span:nth-child(3){background:#27c93f}.dp-url{text-align:center;color:#ffffff4d;background:#ffffff0a;border-radius:4px;flex:1;padding:.2rem .5rem;font-size:.62rem;font-weight:500}.dp-page{background:#0d1117;flex-direction:column;gap:.6rem;padding:.75rem;display:flex}.dp-header{justify-content:space-between;align-items:center;padding-bottom:.4rem;display:flex}.dp-greeting{color:#e6edf3;font-size:.82rem;font-weight:700}.dp-greeting-sub{color:#ffffff59;margin-top:.1rem;font-size:.52rem}.dp-header-actions{gap:.35rem;display:flex}.dp-icon-btn{color:#fff6;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.dp-stats-row{grid-template-columns:repeat(3,1fr);gap:.45rem;display:grid}.dp-fin-card{background:#161b22;border:1px solid #ffffff0f;border-radius:12px;padding:.6rem .65rem;position:relative}.dp-fin-label{letter-spacing:.08em;color:#ffffff59;margin-bottom:.25rem;font-size:.45rem;font-weight:700}.dp-fin-value{color:#e6edf3;letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:800}.dp-fin-prefix{opacity:.6;font-size:.7rem}.dp-fin-income{color:#3fb950}.dp-fin-expense{color:#f85149}.dp-fin-icon{color:#fff3;background:#ffffff0a;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:.5rem;right:.5rem}.dp-fin-change{align-items:center;gap:2px;margin-top:.1rem;font-size:.5rem;font-weight:600;display:flex}.dp-change-up{color:#3fb950}.dp-grid{grid-template-columns:1fr 1fr;gap:.45rem;display:grid}.dp-card{background:#161b22;border:1px solid #ffffff0f;border-radius:12px;padding:.6rem .65rem}.dp-card-header{align-items:center;gap:.4rem;margin-bottom:.5rem;display:flex}.dp-card-icon{border-radius:7px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.dp-card-icon-jobs{color:#a78bfa;background:#8b5cf626}.dp-card-icon-budget{color:#56d364;background:#56d3641f}.dp-card-icon-accounts{color:#58a6ff;background:#3b82f61f}.dp-card-title{color:#e6edf3;flex:1;font-size:.7rem;font-weight:700}.dp-card-add{color:#ffffff4d;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.dp-card-manage{color:#ffffff59;background:#ffffff0d;border-radius:4px;padding:.15rem .4rem;font-size:.5rem;font-weight:600}.dp-payday-pills{flex-direction:column;gap:.3rem;margin-bottom:.5rem;display:flex}.dp-payday-pill{background:#56d3640f;border:1px solid #56d3641f;border-radius:8px;align-items:center;gap:.35rem;padding:.3rem .5rem;display:flex}.dp-pill-days{color:#3fb950;background:#56d36433;border-radius:4px;padding:.1rem .3rem;font-size:.5rem;font-weight:700}.dp-pill-amount{color:#e6edf3;font-variant-numeric:tabular-nums;font-size:.6rem;font-weight:700}.dp-pill-job{color:#ffffff4d;font-size:.45rem}.dp-weekly-bars{align-items:flex-end;gap:3px;height:40px;margin-bottom:.4rem;padding:0 .1rem;display:flex}.dp-bar-col{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.dp-bar{opacity:.7;background:#3fb950;border-radius:2px;width:100%;min-height:2px}.dp-bar-label{color:#ffffff40;font-size:.38rem;font-weight:500}.dp-info-row{color:#fff6;background:#ffffff08;border-radius:6px;align-items:center;gap:.3rem;padding:.3rem .4rem;font-size:.52rem;display:flex}.dp-info-row strong{color:#e6edf3}.dp-info-row svg{color:#3fb950}.dp-budget-hero{margin-bottom:.3rem}.dp-budget-remaining{color:#3fb950;font-variant-numeric:tabular-nums;font-size:1rem;font-weight:800}.dp-budget-of{color:#ffffff59;margin-left:.3rem;font-size:.5rem}.dp-budget-bar{background:#ffffff0f;border-radius:3px;height:5px;margin-bottom:.25rem;overflow:hidden}.dp-budget-fill{background:linear-gradient(90deg,#059669,#3fb950);border-radius:3px;height:100%}.dp-budget-meta{color:#ffffff40;justify-content:space-between;margin-bottom:.5rem;font-size:.45rem;display:flex}.dp-budget-cats{flex-direction:column;gap:.25rem;display:flex}.dp-cat-row{align-items:center;gap:.3rem;display:flex}.dp-cat-dot{border-radius:2px;flex-shrink:0;width:6px;height:6px}.dp-cat-name{color:#ffffff8c;flex:1;font-size:.5rem}.dp-cat-vals{color:#fff6;font-variant-numeric:tabular-nums;font-size:.48rem;font-weight:600}.dp-accounts-card{padding:.5rem .65rem}.dp-accounts-row{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.dp-account{color:#ffffff4d;background:#ffffff08;border-radius:8px;align-items:center;gap:.35rem;padding:.35rem .4rem;display:flex}.dp-account-name{color:#fff6;font-size:.48rem;font-weight:500}.dp-account-balance{color:#e6edf3;font-variant-numeric:tabular-nums;font-size:.6rem;font-weight:700}.dp-balance-negative{color:#f85149}.dp-floating-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:3;color:#3fb950;background:#161b22f2;border:1px solid #3fb95040;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem .85rem;animation:3s ease-in-out infinite dp-float;display:flex;position:absolute;bottom:-16px;left:-16px;box-shadow:0 6px 20px #0006}.dp-floating-title{color:#e6edf3;font-size:.7rem;font-weight:700}.dp-floating-sub{color:#ffffff59;font-size:.5rem}@keyframes dp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width:968px){.dp-wrapper{max-width:440px;margin:0 auto;transform:none}.dp-wrapper:hover{transform:none}.dp-floating-badge{left:auto;right:-8px}}@media (max-width:640px){.dp-wrapper{max-width:100%}.dp-grid,.dp-accounts-row{grid-template-columns:1fr}.dp-floating-badge{display:none}}