.expense-project{display:inline-flex;align-items:center;padding:5px 8px;border-radius:8px;background:#edf5ff;color:#176ee0;font-size:9px;font-weight:800;white-space:nowrap}.expense-no-project{color:#9aa7b7}.project-detail-head>a{display:inline-block;margin-bottom:12px;color:#176ee0;font-size:10px;font-weight:800}.project-detail-head>section{display:flex;align-items:center;gap:16px;padding:22px;border-radius:18px;background:linear-gradient(135deg,#103a6d,#1679df);color:#fff}.project-detail-head>section>span{width:58px;height:58px;display:grid;place-items:center;border-radius:15px;background:#fff;color:#176ee0;font-size:22px;font-weight:900}.project-detail-head>section>div:nth-child(2){flex:1}.project-detail-head small{font-size:9px;letter-spacing:.14em;color:#bddafd}.project-detail-head h1{margin:5px 0;font-size:27px}.project-detail-head p{margin:0;color:#d8e9fc}.project-head-actions{display:flex;gap:8px}.project-head-actions a{padding:10px 13px;border:1px solid #ffffff40;border-radius:9px;color:#fff;font-size:10px;font-weight:800}.project-head-actions a.primary{border-color:#fff;background:#fff;color:#176ee0}.project-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.project-summary article{padding:18px;border:1px solid #dce7f3;border-top:3px solid #176ee0;border-radius:15px;background:#fff}.project-summary article.spent{border-top-color:#ef8b24}.project-summary article.paid{border-top-color:#1cab75}.project-summary article.remaining{border-top-color:#704ee2}.project-summary small,.project-summary b,.project-summary span{display:block}.project-summary small{font-size:8px;color:#74869d;font-weight:800}.project-summary b{margin:7px 0;color:#15365d;font-size:20px}.project-summary b.negative{color:#d9424f}.project-summary span{font-size:8px;color:#8493a6}.project-budget-progress{margin-bottom:15px;padding:14px 17px;border:1px solid #dce7f3;border-radius:12px;background:#fff}.project-budget-progress>div{display:flex;justify-content:space-between;margin-bottom:8px;color:#49637e;font-size:9px;font-weight:800}.project-budget-progress>i{display:block;height:8px;overflow:hidden;border-radius:8px;background:#e6edf5}.project-budget-progress>i>b{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#1eb17a,#176ee0)}.project-expense-card{overflow:hidden;border:1px solid #dce7f3;border-radius:17px;background:#fff}.project-expense-card>header{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;background:#12375f;color:#fff}.project-expense-card>header>div{display:flex;align-items:center;gap:11px}.project-expense-card>header>div>span{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:#ffffff18}.project-expense-card h2{margin:0;font-size:14px}.project-expense-card header p{margin:3px 0 0;color:#bbcee2;font-size:8px}.project-expense-card header>strong{font-size:9px}.project-expense-table{overflow:auto}.project-expense-table table{min-width:850px}.project-expense-table th,.project-expense-table td{padding:13px 15px}.project-expense-table th{background:#f6f9fc;color:#75869d}.project-expense-table td small{display:block;margin-top:3px;color:#8494a7;font-size:8px}.project-expense-table td>a{color:#176ee0;font-size:9px;font-weight:800}.project-expense-status{padding:5px 8px;border-radius:20px;background:#fff3dc;color:#d58310;font-size:8px;font-weight:800}.project-expense-status.completed{background:#e6f8ef;color:#12835a}.project-expense-status.cancelled{background:#ffeaec;color:#d63f4c}.project-empty{text-align:center!important;padding:45px!important}.project-empty>span{display:grid;place-items:center;width:46px;height:46px;margin:auto;border-radius:12px;background:#eaf3ff;color:#176ee0;font-size:18px;font-weight:900}.project-empty h3{margin:12px 0 5px}.project-empty p{color:#7b8ca0}.project-empty a{display:inline-block;margin-top:6px;padding:9px 12px;border-radius:8px;background:#176ee0;color:#fff;font-weight:800}@media(max-width:850px){.project-summary{grid-template-columns:1fr 1fr}.project-detail-head>section{align-items:flex-start;flex-wrap:wrap}.project-head-actions{width:100%;padding-left:74px}}@media(max-width:560px){.project-summary{grid-template-columns:1fr}.project-head-actions{padding-left:0}.project-head-actions a{flex:1;text-align:center}}