@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";.dashboard-page{background:#f7f8fa;min-height:100vh}.dashboard-header{color:#fff;background:#173f63;width:100%;box-shadow:0 3px 12px #173f631f}.header-content{align-items:center;gap:14px;width:min(1180px,100% - 40px);min-height:120px;margin:0 auto;display:flex}.header-icon{background:#ffffff1c;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.header-text h1{color:#fff;letter-spacing:-.03em;margin:0;font-family:Manrope,sans-serif;font-size:27px;font-weight:700;line-height:1.2}.header-text p{color:#ffffffab;margin:5px 0 0;font-size:12px;line-height:1.4}.dashboard-main{width:min(1100px,100% - 40px);margin:0 auto;padding:32px 0 50px}.approval-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.approval-card{cursor:pointer;background:#fff;border:1px solid #e0e5e9;border-radius:15px;min-height:135px;transition:border-color .2s,box-shadow .2s,transform .2s;overflow:hidden;box-shadow:0 4px 14px #1423320e}.approval-card:hover{border-color:#cbd4db;box-shadow:0 12px 26px #1423321a}.approval-card-top{color:#fff;background:#3478b9;justify-content:space-between;align-items:flex-start;min-height:135px;padding:19px 20px;display:flex}.approval-card:nth-child(2) .approval-card-top{background:#b4873b}.approval-card:nth-child(3) .approval-card-top{background:#7561a8}.approval-card-info{min-width:0}.approval-card-top h2{color:#fff;letter-spacing:-.025em;margin:0;font-family:Manrope,sans-serif;font-size:18px;font-weight:700;line-height:1.25}.approval-card-count-row{align-items:baseline;gap:9px;margin-top:11px;display:flex}.approval-card-count{color:#fff;letter-spacing:-.055em;font-family:Manrope,sans-serif;font-size:43px;font-weight:800;line-height:1;display:block}.approval-card-pending{color:#ffffffbf;font-size:12px;font-weight:600;line-height:1}.approval-card-arrow{color:#fff;background:#ffffff24;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;transition:background .2s,transform .2s;display:flex}.approval-card:hover .approval-card-arrow{background:#ffffff38;transform:translate(2px,-2px)}.approval-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f192380;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.approval-modal{background:#fff;border-radius:16px;flex-direction:column;width:min(700px,100%);max-height:calc(100vh - 40px);display:flex;overflow:hidden;box-shadow:0 25px 70px #0003}.approval-modal-header{color:#fff;background:#173f63;flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:21px 23px;display:flex}.modal-title-area{align-items:center;gap:13px;display:flex}.modal-status-icon{color:#fff;background:#ffffff1f;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.modal-eyebrow{color:#ffffff91;letter-spacing:.13em;margin-bottom:4px;font-size:9px;font-weight:700;line-height:1;display:block}.modal-title-area h2{color:#fff;letter-spacing:-.025em;margin:0;font-family:Manrope,sans-serif;font-size:21px;font-weight:700;line-height:1.25}.modal-close{color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .2s;display:flex}.modal-close:hover{background:#ffffff30}.modal-list-header{background:#fff;border-bottom:1px solid #edf0f2;flex-shrink:0;padding:19px 23px 15px}.modal-list-label{color:#8f989f;letter-spacing:.13em;margin-bottom:5px;font-size:9px;font-weight:700;line-height:1;display:block}.modal-list-header h3{color:#27323d;margin:0;font-family:Manrope,sans-serif;font-size:16px;font-weight:700;line-height:1.3}.approval-request-list{scrollbar-width:thin;background:#f7f8fa;flex:1;min-height:0;padding:17px 23px 23px;overflow-y:auto}.approval-request{background:#fff;border:1px solid #e1e6ea;border-radius:12px;margin-bottom:14px;padding:16px;box-shadow:0 3px 10px #14233209}.approval-request:last-child{margin-bottom:0}.approval-request-top{align-items:center;gap:11px;margin-bottom:13px;display:flex}.request-number{color:#173f63;background:#eef4f8;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-family:Manrope,sans-serif;font-size:12px;font-weight:800;display:flex}.request-id{min-width:0}.request-id span{color:#9ba3a9;letter-spacing:.12em;margin-bottom:4px;font-size:8px;font-weight:700;line-height:1;display:block}.request-id strong{color:#27323d;font-family:Manrope,sans-serif;font-size:13px;font-weight:700;line-height:1.2;display:block}.modal-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.modal-field{background:#fafbfc;border:1px solid #e5e9ec;border-radius:8px;min-width:0;padding:11px 12px}.modal-field span{color:#89939b;margin-bottom:5px;font-size:9px;font-weight:500;line-height:1.2;display:block}.modal-field strong{color:#26333e;overflow-wrap:anywhere;font-size:12px;font-weight:700;line-height:1.4;display:block}.request-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:13px;display:grid}.decline-button,.accept-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:42px;font-size:12px;font-weight:700;line-height:1;transition:background .2s,transform .15s;display:flex}.decline-button{color:#9a4444;background:#fff2f2;border:1px solid #efdada}.decline-button:hover{background:#fde7e7}.accept-button{color:#fff;background:#173f63}.accept-button:hover{background:#123653}.decline-button:active,.accept-button:active{transform:scale(.98)}.no-pending-requests{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:230px;padding:30px;display:flex}.no-pending-icon{color:#fff;background:#4d8a68;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:13px;display:flex}.no-pending-requests h3{color:#27323d;margin:0;font-family:Manrope,sans-serif;font-size:16px;font-weight:700}.no-pending-requests p{color:#8c969f;max-width:340px;margin:7px 0 0;font-size:12px;line-height:1.5}.confirmation-overlay{z-index:10000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f192361;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.confirmation-modal{text-align:center;background:#fff;border:1px solid #e4e8eb;border-radius:15px;width:min(420px,100%);padding:25px;box-shadow:0 20px 60px #0000002e}.confirmation-icon{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 15px;display:flex}.confirmation-icon-accept{color:#fff;background:#4d8a68}.confirmation-icon-decline{color:#9a4444;background:#fff0f0}.confirmation-content h3{color:#27323d;margin:0;font-family:Manrope,sans-serif;font-size:19px;font-weight:700;line-height:1.3}.confirmation-content p{color:#7c8790;max-width:330px;margin:8px auto 0;font-size:13px;line-height:1.55}.confirmation-content p strong{color:#27323d;font-weight:700}.confirmation-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:21px;display:grid}.confirmation-cancel,.confirmation-confirm{cursor:pointer;border-radius:8px;min-height:43px;font-size:12px;font-weight:700;transition:background .2s,transform .15s}.confirmation-cancel{color:#4f5b65;background:#fff;border:1px solid #dce1e5}.confirmation-cancel:hover{background:#f5f7f8}.accept-confirm{color:#fff;background:#173f63}.accept-confirm:hover{background:#123653}.decline-confirm{color:#fff;background:#a34d4d}.decline-confirm:hover{background:#913f3f}.confirmation-cancel:active,.confirmation-confirm:active{transform:scale(.98)}@media (width<=900px){.approval-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.header-content{width:calc(100% - 28px);min-height:100px}.header-icon{width:39px;height:39px}.header-text h1{font-size:22px}.header-text p{font-size:10px}.dashboard-main{width:calc(100% - 28px);padding:24px 0 35px}.approval-grid{grid-template-columns:1fr;gap:13px}.approval-card{min-height:120px}.approval-card-top{min-height:120px;padding:17px 18px}.approval-card-top h2{font-size:17px}.approval-card-count{font-size:38px}.approval-card-pending{font-size:11px}.approval-card-arrow{width:33px;height:33px}.approval-modal-overlay{align-items:flex-end;padding:0}.approval-modal{border-radius:16px 16px 0 0;width:100%;max-height:92vh}.approval-modal-header{padding:18px 19px}.modal-status-icon{width:40px;height:40px}.modal-title-area h2{font-size:19px}.modal-list-header{padding:17px 19px 13px}.approval-request-list{padding:14px 14px 19px}.approval-request{padding:14px}.modal-fields{grid-template-columns:1fr}.confirmation-overlay{padding:16px}.confirmation-modal{border-radius:14px;width:100%;padding:23px 19px}.confirmation-content h3{font-size:18px}.confirmation-content p{font-size:12px}}@media (width<=380px){.header-content{width:calc(100% - 24px)}.header-text h1{font-size:20px}.header-text p{font-size:9px}.dashboard-main{width:calc(100% - 24px)}.approval-card-top{padding:15px 16px}.approval-card-top h2{font-size:16px}.approval-card-count{font-size:36px}.modal-title-area{gap:9px}.modal-status-icon{width:37px;height:37px}.modal-title-area h2{font-size:18px}.approval-request{padding:12px}.modal-field{padding:10px}.confirmation-modal{padding:21px 16px}}:root{color:#17202a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f7f5;font-family:DM Sans,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;min-width:320px}body{background:#f7f7f5;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}button:focus-visible,[role=button]:focus-visible{outline-offset:3px;outline:3px solid #2563eb40}a{color:inherit;text-decoration:none}#root{min-height:100vh}