@charset "UTF-8";*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif!important}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#c5d0de;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#8898a8}.wrapper .content-wrapper,body.sidebar-mini.layout-fixed .content-wrapper{background:#f3f8fa!important}.main-sidebar,.main-sidebar .sidebar,body .wrapper .main-sidebar,body .wrapper .main-sidebar .sidebar{margin-top:0!important}@keyframes proc-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes proc-scale-in{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes proc-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes proc-spin{to{transform:rotate(1turn)}}.page-shell{padding:20px 16px 16px}@media (max-width:576px){.page-shell{padding:12px 10px 10px}}.page-header{align-items:flex-start;border-bottom:1px solid #e8edf4;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.page-title{color:#1a2332;font-size:1.3rem;font-weight:800;letter-spacing:-.4px;margin:0 0 3px}.page-breadcrumb{color:#8898a8;font-size:.82rem;margin:0}.content-card{animation:proc-fade-up .25s ease both;background:#fff;border:1px solid rgba(220,230,240,.8);border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 16px rgba(100,130,180,.07);margin-bottom:16px;padding:20px;transition:box-shadow .2s}.content-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.06),0 8px 24px rgba(100,130,180,.11)}.content-wrapper .card{border:1px solid rgba(220,230,240,.8);border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 16px rgba(100,130,180,.07)}.filter-bar{align-items:flex-end;border-bottom:1px solid #e8edf4;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding-bottom:16px}.filter-group{display:flex;flex-direction:column;gap:4px;min-width:130px}.filter-group label{color:#8898a8;font-size:.72rem;font-weight:700;letter-spacing:.5px;margin-bottom:0;text-transform:uppercase}.filter-group .form-control{background:#fafcff;border:1.5px solid #dde4ee;border-radius:8px;color:#1a2332;font-size:.85rem;height:36px;padding:0 12px;transition:border-color .18s,box-shadow .18s,background .18s}.filter-group .form-control:focus{background:#fff;border-color:#5a9cb5;box-shadow:0 0 0 3px rgba(90,156,181,.15);outline:none}.filter-group .form-control::-moz-placeholder{color:#b0bec8}.filter-group .form-control::placeholder{color:#b0bec8}.filter-actions{align-items:flex-end;display:flex;gap:8px;margin-left:auto}.btn-brand{align-items:center;background:linear-gradient(135deg,#a3cad8,#3f7f96);border:none;border-radius:9px;box-shadow:0 2px 8px rgba(90,156,181,.3);color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:7px;letter-spacing:.1px;overflow:hidden;padding:8px 18px;position:relative;text-decoration:none;transition:all .18s cubic-bezier(.4,0,.2,1)}.btn-brand:focus{color:#fff;outline:none}.btn-brand:active{color:#fff;transform:scale(.96)!important}.btn-brand:after{background:hsla(0,0%,100%,0);border-radius:inherit;content:"";inset:0;position:absolute;transition:background .15s}.btn-brand:hover:after{background:hsla(0,0%,100%,.1)}.btn-brand:hover{box-shadow:0 5px 16px rgba(90,156,181,.38);color:#fff;transform:translateY(-1px)}.btn-outline-brand{align-items:center;background:transparent;border:1.5px solid #5a9cb5;border-radius:9px;box-shadow:none;color:#5a9cb5;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:7px;padding:7px 18px;text-decoration:none;transition:all .18s}.btn-outline-brand:hover{background:rgba(90,156,181,.08);color:#5a9cb5;transform:translateY(-1px)}.btn-outline-brand:focus{outline:none}.btn-outline-brand:active{transform:scale(.96)!important}.btn-outline-brand.btn-sm{font-size:.82rem;padding:5px 13px}.btn-ghost{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:9px;box-shadow:none;color:#64748b;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:7px;padding:7px 18px;text-decoration:none;transition:all .18s cubic-bezier(.4,0,.2,1)}.btn-ghost:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569;transform:translateY(-1px)}.btn-ghost:focus{color:#475569;outline:none}.btn-ghost:active{color:#475569;transform:scale(.96)!important}.btn-ghost.btn-sm{font-size:.82rem;padding:5px 13px}.btn-secondary{align-items:center!important;background:#f1f5f9!important;border:1.5px solid #e2e8f0!important;border-radius:9px!important;box-shadow:none!important;color:#94a3b8!important;cursor:not-allowed!important;display:inline-flex!important;font-size:.85rem!important;font-weight:600!important;gap:7px!important;opacity:.8!important;padding:7px 18px!important;transition:none!important}.btn-secondary.btn-sm{font-size:.82rem!important;padding:5px 13px!important}.btn-danger{align-items:center!important;background:linear-gradient(135deg,#f87171,#dc2626)!important;border:none!important;border-radius:9px!important;box-shadow:0 2px 8px rgba(220,38,38,.25)!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:.85rem!important;font-weight:600!important;gap:7px!important;letter-spacing:.1px!important;padding:8px 18px!important;transition:all .18s cubic-bezier(.4,0,.2,1)!important}.btn-danger:hover{box-shadow:0 5px 16px rgba(220,38,38,.38)!important;color:#fff!important;transform:translateY(-1px)!important}.btn-danger:focus{color:#fff!important;outline:none!important}.btn-danger:active{color:#fff!important;transform:scale(.96)!important}.btn-save{align-items:center;background:linear-gradient(135deg,#34d399,#059669);border:none;border-radius:9px;box-shadow:0 2px 8px rgba(5,150,105,.25);color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:7px;letter-spacing:.1px;overflow:hidden;padding:8px 18px;position:relative;transition:all .18s cubic-bezier(.4,0,.2,1)}.btn-save:hover{box-shadow:0 5px 16px rgba(5,150,105,.38);color:#fff;transform:translateY(-1px)}.btn-save:focus{color:#fff;outline:none}.btn-save:active{color:#fff;transform:scale(.96)!important}.btn-save.btn-sm{font-size:.82rem;padding:6px 14px}.btn-generate{align-items:center;background:linear-gradient(135deg,#a78bfa,#7c3aed);border:none;border-radius:9px;box-shadow:0 2px 8px rgba(124,58,237,.25);color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:7px;letter-spacing:.1px;overflow:hidden;padding:8px 18px;position:relative;transition:all .18s cubic-bezier(.4,0,.2,1)}.btn-generate:hover{box-shadow:0 5px 16px rgba(124,58,237,.38);color:#fff;transform:translateY(-1px)}.btn-generate:focus{color:#fff;outline:none}.btn-generate:active{color:#fff;transform:scale(.96)!important}.btn-generate.btn-sm{font-size:.82rem;padding:6px 14px}.btn-generate:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.55;transform:none!important}.btn-create{align-items:center!important;background:linear-gradient(135deg,#a3cad8,#3f7f96)!important;border:none!important;border-radius:9px!important;box-shadow:0 2px 8px rgba(90,156,181,.3)!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:.85rem!important;font-weight:600!important;gap:7px!important;padding:8px 18px!important;transition:all .18s!important}.btn-create:hover{box-shadow:0 5px 16px rgba(90,156,181,.38)!important;color:#fff!important;transform:translateY(-1px)!important}.btn-create:active{transform:scale(.96)!important}.btn-primary{background:linear-gradient(135deg,#a3cad8,#3f7f96)!important;border-color:#5a9cb5!important;box-shadow:0 2px 8px rgba(90,156,181,.3)}.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.btn-primary:not(:disabled):not(.disabled):active{background:linear-gradient(135deg,#5a9cb5,#3f7f96)!important;border-color:#3f7f96!important;box-shadow:0 5px 16px rgba(90,156,181,.38)!important}.btn-primary:focus{box-shadow:0 0 0 3px rgba(90,156,181,.15)!important}.form-control{background:#fafcff;border:1.5px solid #dde4ee;border-radius:8px;color:#1a2332;font-size:.85rem;transition:border-color .18s,box-shadow .18s,background .18s}.form-control:focus{background:#fff;border-color:#5a9cb5;box-shadow:0 0 0 3px rgba(90,156,181,.15);outline:none}.form-control::-moz-placeholder{color:#b0bec8}.form-control::placeholder{color:#b0bec8}.VueTables .VueTables__search-field input{background:#fafcff!important;border:1.5px solid #dde4ee!important;border-radius:8px!important;font-family:inherit!important;font-size:.85rem!important;height:36px;padding:6px 12px!important;transition:all .18s!important}.VueTables .VueTables__search-field input:focus{background:#fff!important;border-color:#5a9cb5!important;box-shadow:0 0 0 3px rgba(90,156,181,.15)!important;outline:none!important}.VueTables .VueTables__limit-field select{background:#fafcff;border:1.5px solid #dde4ee;border-radius:8px;cursor:pointer;font-size:.85rem;height:36px;padding:0 10px;transition:all .18s}.VueTables .VueTables__limit-field select:focus{border-color:#5a9cb5;box-shadow:0 0 0 3px rgba(90,156,181,.15);outline:none}.VueTables table{border-collapse:collapse;font-size:.84rem}.VueTables table thead th{background:linear-gradient(180deg,#f8fbff,#eef3f8)!important;border-bottom:2px solid #dde4ee!important;border-top:none!important;color:#4a5568!important;font-size:.72rem!important;font-weight:700!important;letter-spacing:.5px!important;padding:11px 14px!important;text-transform:uppercase!important;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.VueTables table tbody tr{transition:background .12s}.VueTables table tbody tr:nth-child(2n) td{background:#fafcff!important}.VueTables table tbody tr:hover td{background:#f3f8fa!important}.VueTables table tbody tr td{background:#fff;border-bottom:1px solid #e4eef2!important;color:#2d3748;padding:11px 14px!important;vertical-align:middle!important}.VueTables .VueTables__pagination-wrapper{align-items:center;display:flex;justify-content:space-between;margin-top:0}.VueTables .pagination{align-items:center;background:#fafcff;border-radius:0 0 14px 14px;border-top:1px solid #edf2f7;display:flex;flex-wrap:wrap;gap:4px;justify-content:center;list-style:none;margin:0;padding:14px 18px}.VueTables .pagination .page-item .page-link{align-items:center!important;background:#fff!important;border:1.5px solid #dde4ee!important;border-radius:8px!important;box-shadow:none!important;color:#4a5568!important;cursor:pointer;display:inline-flex!important;font-family:inherit!important;font-size:.82rem!important;font-weight:600!important;height:32px;justify-content:center!important;line-height:1!important;padding:0!important;transition:all .15s!important;width:32px}.VueTables .pagination .page-item .page-link:hover{background:#f3f8fa!important;border-color:#c5d0de!important;color:#2d3748!important}.VueTables .pagination .page-item.active .page-link{background:#5a9cb5!important;border-color:#5a9cb5!important;box-shadow:0 2px 8px rgba(90,156,181,.3)!important;color:#fff!important}.VueTables .pagination .page-item.disabled .page-link{cursor:not-allowed!important;opacity:.4!important;pointer-events:none!important}.modal-content{animation:proc-scale-in .25s cubic-bezier(.34,1.4,.64,1) both;border:none!important;border:1px solid rgba(220,230,240,.8)!important;border-radius:16px!important;box-shadow:0 24px 64px rgba(0,0,0,.16),0 8px 24px rgba(0,0,0,.08)!important;overflow:hidden}.modal-header{background:linear-gradient(180deg,#f8fbff,#f2f7fd)!important;border-bottom:1px solid #e8edf4!important;border-radius:16px 16px 0 0!important;padding:18px 22px!important}.modal-header .modal-title{color:#1a2332!important;font-size:1rem!important;font-weight:800!important;letter-spacing:-.2px;margin:0}.modal-header .close{align-items:center;background:#eef2f7;border:none;border-radius:8px;color:#718096!important;display:flex;filter:none!important;font-size:1.1rem;height:30px;justify-content:center;opacity:1!important;padding:0;text-shadow:none!important;transition:all .15s;width:30px}.modal-header .close:hover{background:#dde4ee;color:#2d3748!important;opacity:1!important}.modal-header .close span{line-height:1}.modal-body{background:#fff;padding:22px!important}.modal-body .form-group label,.modal-body label{color:#8898a8;display:block;font-size:.72rem;font-weight:700;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.modal-body .form-control{background:#fafcff;border:1.5px solid #dde4ee;border-radius:8px;color:#1a2332;font-size:.85rem;transition:border-color .18s,box-shadow .18s,background .18s}.modal-body .form-control:focus{background:#fff;border-color:#5a9cb5;box-shadow:0 0 0 3px rgba(90,156,181,.15);outline:none}.modal-body .vs__dropdown-toggle{background:#fafcff!important;border:1.5px solid #dde4ee!important;border-radius:8px!important;font-size:.85rem!important;min-height:36px;transition:border-color .18s,box-shadow .18s}.modal-body .vs--open .vs__dropdown-toggle{border-color:#5a9cb5!important;box-shadow:0 0 0 3px rgba(90,156,181,.15)!important}.modal-footer{background:linear-gradient(0deg,#f8fbff,#f2f7fd);border-radius:0 0 16px 16px!important;border-top:1px solid #e8edf4!important;display:flex;gap:10px;justify-content:flex-end;padding:16px 22px!important}.modal-footer .btn{align-items:center;border-radius:9px;display:inline-flex;gap:7px;padding:8px 18px;transition:all .18s}.form-errors,.modal-footer .btn{font-size:.85rem;font-weight:600}.form-errors{animation:proc-fade-up .2s ease both;background:#fff5f5;border:1px solid #fecaca;border-left:4px solid #fc8181;border-radius:10px;color:#b91c1c;margin-bottom:14px;padding:12px 16px}.form-errors ul{margin:0;padding-left:1.1rem}.form-errors ul li{margin-bottom:2px}.status-badge{align-items:center;border-radius:99px;display:inline-flex;font-size:.72rem;font-weight:700;gap:4px;letter-spacing:.3px;padding:3px 10px;white-space:nowrap}.status-badge--completed{background:#f3f8fa;color:#2c6075}.status-badge--cancelled{background:#fee2e2;color:#b91c1c}.status-badge--inprogress,.status-badge--pending{background:#fef9c3;color:#a16207}.status-badge--inprogress{padding-left:20px;position:relative}.status-badge--inprogress:before{animation:pulse-badge-dot 2s ease-in-out infinite;background:#d97706;border-radius:50%;content:"";height:6px;left:8px;position:absolute;top:50%;transform:translateY(-50%);width:6px}@keyframes pulse-badge-dot{0%,to{box-shadow:0 0 0 2px rgba(217,119,6,.25)}50%{box-shadow:0 0 0 4px rgba(217,119,6,.08)}}.status-badge--approved{background:#e4eef2;color:#2c6075}.status-badge--rejected{background:#fee2e2;color:#b91c1c}.status-badge--default{background:#f1f5f9;color:#475569}.status-badge--generated{background:#ede9fe;color:#7c3aed}.action-dropdown>.btn{align-items:center;background:#fff;border:1.5px solid #dde4ee;border-radius:8px;color:#4a5568;display:inline-flex;font-size:.82rem;height:32px;justify-content:center;padding:0;transition:all .15s;width:32px}.action-dropdown>.btn:hover{background:#f3f8fa;border-color:#c5d0de;color:#2d3748}.dropdown-menu{border:1px solid #e8edf4!important;border-radius:10px!important;box-shadow:0 8px 24px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.06)!important;min-width:145px;padding:6px!important}.dropdown-menu .dropdown-item{align-items:center;border-radius:7px;color:#2d3748;display:flex;font-size:.84rem!important;font-weight:500;gap:8px;padding:8px 12px!important;transition:background .12s}.dropdown-menu .dropdown-item:hover{background-color:rgba(90,156,181,.08);color:#5a9cb5}.dropdown-menu .dropdown-item i{font-size:.82rem;text-align:center;width:14px}.dropdown-menu .dropdown-divider{border-color:#edf2f7;margin:4px 0}.tbl-actions{flex-wrap:nowrap;gap:4px}.ds-action-btn,.tbl-actions{align-items:center;display:inline-flex}.ds-action-btn{border:none;border-radius:8px;cursor:pointer;font-size:.78rem;height:30px;justify-content:center;margin:0 2px;transition:all .15s cubic-bezier(.4,0,.2,1);width:30px}.ds-action-btn:hover{box-shadow:0 3px 8px rgba(0,0,0,.12);transform:translateY(-1px)}.ds-action-btn:active{transform:scale(.92)}.ds-action-btn--view{background:#e4eef2;color:#2c6075}.ds-action-btn--view:hover{background:#c3dde6}.ds-action-btn--edit{background:#fef3c7;color:#b45309}.ds-action-btn--edit:hover{background:#fde68a}.ds-action-btn--print{background:#d1fae5;color:#065f46}.ds-action-btn--print:hover{background:#a7f3d0}.ds-action-btn--cancel{background:#fee2e2;color:#b91c1c}.ds-action-btn--cancel:hover{background:#fecaca}.ds-action-btn--delete{background:#fee2e2;color:#b91c1c}.ds-action-btn--delete:hover{background:#fecaca}.ds-action-btn--approve{background:#d1fae5;color:#065f46}.ds-action-btn--approve:hover{background:#a7f3d0}.ds-action-btn--reject{background:#ffe4e6;color:#be123c}.ds-action-btn--reject:hover{background:#fecdd3}.ds-action-btn--process{background:#ede9fe;color:#6d28d9}.ds-action-btn--process:hover{background:#ddd6fe}.stat-card{align-items:center;animation:proc-fade-up .25s ease both;background:#fff;border:1px solid rgba(220,230,240,.8);border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 16px rgba(100,130,180,.07);cursor:default;display:flex;gap:14px;overflow:hidden;padding:18px 20px;position:relative;transition:all .22s cubic-bezier(.4,0,.2,1)}.stat-card:hover{box-shadow:0 6px 24px rgba(100,130,180,.16);transform:translateY(-3px)}.stat-card__icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:1.2rem;height:48px;justify-content:center;width:48px}.stat-card__value{color:#1a2332;font-size:1.7rem;font-weight:800;letter-spacing:-.5px;line-height:1;margin-bottom:4px}.stat-card__label{color:#718096;font-size:.72rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.stat-card--blue .stat-card__icon{background:linear-gradient(135deg,#e4eef2,#c3dde6);color:#3f7f96}.stat-card--green .stat-card__icon{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d}.stat-card--orange .stat-card__icon{background:linear-gradient(135deg,#e4eef2,#c3dde6);color:#2c6075}.stat-card--purple .stat-card__icon{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed}.stat-card--teal .stat-card__icon{background:linear-gradient(135deg,#ccfbf1,#99f6e4);color:#0f766e}.stat-skeleton{animation:proc-shimmer 1.6s infinite;background:linear-gradient(90deg,#f0f4f8 25%,#e2e8f0 50%,#f0f4f8 75%);background-size:600px 100%;border-radius:6px;display:inline-block;height:1.8rem;width:64px}.empty-state{color:#8898a8;padding:56px 24px;text-align:center}.empty-state i{color:#c5d0de;display:block;font-size:2rem;margin-bottom:12px}.empty-state p{font-size:.9rem;line-height:1.6;margin:0}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter,.fade-leave-to{opacity:0}.slide-up-enter-active{transition:opacity .3s ease,transform .3s ease}.slide-up-enter{opacity:0;transform:translateY(8px)}.slide-up-leave-active{transition:opacity .15s ease}.slide-up-leave-to{opacity:0}.vs__dropdown-toggle{background:#fafcff!important;border:1.5px solid #dde4ee!important;border-radius:8px!important;min-height:36px;transition:border-color .18s,box-shadow .18s}.vs--open .vs__dropdown-toggle{border-color:#5a9cb5!important;box-shadow:0 0 0 3px rgba(90,156,181,.15)!important}.vs__dropdown-menu{border:1.5px solid #5a9cb5!important;border-radius:0 0 10px 10px!important;border-top:none!important;box-shadow:0 8px 24px rgba(0,0,0,.1)!important;font-size:.85rem!important}.vs__dropdown-option--highlight{background:#5a9cb5!important}.main-header.navbar{border-bottom:none!important;border-bottom:2px solid rgba(0,7,180,.2)!important;box-shadow:0 2px 12px rgba(100,130,180,.1)!important}.main-sidebar .nav-sidebar .nav-item .nav-link{border-radius:0 8px 8px 0;font-size:.83rem;margin:1px 8px 1px 0;transition:background .15s ease}.main-sidebar .brand-link{border-bottom:1px solid hsla(0,0%,100%,.1);font-weight:700;letter-spacing:.01em}.content-header{padding:10px 15px}.content-header h1{color:#1a2332;font-size:1.1rem;font-weight:700}.ds-section-title,.section-title{align-items:center;color:#8898a8;display:flex;font-size:.72rem;font-weight:800;gap:8px;letter-spacing:.8px;margin-bottom:14px;text-transform:uppercase}.ds-section-title:after,.section-title:after{background:#edf2f7;content:"";flex:1;height:1px}.ds-info-grid{display:grid;gap:0;grid-template-columns:1fr 1fr}.ds-info-item{border-bottom:1px solid #e4eef2;display:flex;flex-direction:column;font-size:.85rem;gap:2px;padding:10px 12px}.ds-info-item--full{grid-column:1/-1}.ds-info-label{color:#8898a8;font-size:.72rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.ds-info-value{color:#1a2332;font-size:.88rem;font-weight:500}.ds-badge{align-items:center;border-radius:99px;display:inline-flex;font-size:.72rem;font-weight:700;gap:4px;letter-spacing:.3px;padding:3px 10px;white-space:nowrap}.ds-badge--blue{background:#e4eef2;color:#2c6075}.ds-badge--teal{background:#ccfbf1;color:#0f766e}.ds-badge--green{background:#dcfce7;color:#15803d}.ds-badge--orange{background:#e4eef2;color:#2c6075}.ds-badge--red{background:#fee2e2;color:#b91c1c}.ds-badge--gray{background:#f1f5f9;color:#475569}.ds-badge--yellow{background:#fef9c3;color:#a16207}.ds-badge--purple{background:#ede9fe;color:#7c3aed}.dash-stat-grid{display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:0}@media (max-width:1100px){.dash-stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.dash-stat-grid{grid-template-columns:1fr 1fr}}.dash-stat-card{align-items:center;animation:proc-fade-up .25s ease both;background:#fff;border:1px solid rgba(220,230,240,.8);border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 16px rgba(100,130,180,.07);display:flex;gap:14px;overflow:hidden;padding:18px 20px;position:relative;transition:all .22s cubic-bezier(.4,0,.2,1)}.dash-stat-card:hover{box-shadow:0 6px 24px rgba(100,130,180,.16);transform:translateY(-3px)}.dash-stat-card__icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:1.2rem;height:48px;justify-content:center;width:48px}.dash-stat-card__body{flex:1}.dash-stat-card__value{color:#1a2332;font-size:1.7rem;font-weight:800;letter-spacing:-.5px;line-height:1;margin-bottom:4px}.dash-stat-card__label{color:#718096;font-size:.72rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.dash-stat-card--blue{border-left:4px solid #a3cad8}.dash-stat-card--blue .dash-stat-card__icon{background:linear-gradient(135deg,#e4eef2,#c3dde6);color:#3f7f96}.dash-stat-card--teal{border-left:4px solid #4db6a8}.dash-stat-card--teal .dash-stat-card__icon{background:linear-gradient(135deg,#ccfbf1,#99f6e4);color:#0f766e}.dash-stat-card--green{border-left:4px solid #48bb78}.dash-stat-card--green .dash-stat-card__icon{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d}.dash-stat-card--orange{border-left:4px solid #a3cad8}.dash-stat-card--orange .dash-stat-card__icon{background:linear-gradient(135deg,#e4eef2,#c3dde6);color:#2c6075}.dash-stat-card--red{border-left:4px solid #fc8181}.dash-stat-card--red .dash-stat-card__icon{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c}.dash-stat-card--purple{border-left:4px solid #a78bfa}.dash-stat-card--purple .dash-stat-card__icon{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed}.dash-stat-card--gray{border-left:4px solid #8898a8}.dash-stat-card--gray .dash-stat-card__icon{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569}.ds-text-muted{color:#8898a8}.ds-text-muted,.ds-text-sm{font-size:.78rem}.ds-divider{border:none;border-top:1px solid #edf2f7;margin:16px 0}.ds-label{color:#8898a8;display:block;font-size:.72rem;font-weight:700;letter-spacing:.6px;margin-bottom:5px;text-transform:uppercase}.form-group{margin-bottom:14px}.form-group label,.form-group>label{color:#8898a8;display:block;font-size:.72rem;font-weight:700;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.form-group .form-control,.form-group select.form-control,.form-group textarea.form-control{background:#fafcff;border:1.5px solid #dde4ee;border-radius:8px;color:#1a2332;font-size:.85rem;transition:border-color .18s,box-shadow .18s,background .18s}.form-group .form-control:focus,.form-group select.form-control:focus,.form-group textarea.form-control:focus{background:#fff;border-color:#5a9cb5;box-shadow:0 0 0 3px rgba(90,156,181,.15);outline:none}.label_title{color:#8898a8!important;font-size:.72rem!important;font-weight:700!important;letter-spacing:.5px!important;text-transform:uppercase!important}.table{border-collapse:collapse;color:#2d3748;font-size:.84rem}.table thead th{background:linear-gradient(180deg,#f8fbff,#eef3f8)!important;border-bottom:2px solid #dde4ee!important;border-top:none!important;color:#4a5568!important;font-size:.72rem!important;font-weight:700!important;letter-spacing:.5px!important;padding:11px 14px!important;text-transform:uppercase!important;vertical-align:middle!important;white-space:nowrap}.table tbody td{border-bottom:1px solid #f0f5fa!important;color:#2d3748;padding:10px 14px!important;vertical-align:middle!important}.table.table-hover tbody tr:hover td{background-color:#f3f8fa!important}.table.table-bordered,.table.table-bordered tbody td,.table.table-bordered thead th{border:1px solid #e8edf4!important}.table.table-sm thead th{padding:8px 10px!important}.table.table-sm tbody td{padding:7px 10px!important}.btn-close,.btn-close-white{align-items:center;background:#eef2f7;border:none;border-radius:8px;color:#718096;cursor:pointer;display:inline-flex;height:30px;justify-content:center;opacity:1!important;padding:0;transition:background .15s;width:30px}.btn-close-white:hover,.btn-close:hover{background:#dde4ee;opacity:1!important}.btn-close-white:before,.btn-close:before{color:#718096;content:"×";font-size:1.2rem;line-height:1}.gap-1{gap:4px!important}.gap-2{gap:8px!important}.gap-3{gap:12px!important}.gap-4{gap:16px!important}.modal-footer .btn,.modal-footer>div .btn{align-items:center;border-radius:9px;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:7px 18px;transition:all .18s}.modal-body .form-group label,.modal-body .form-group>label,.modal-body>label{color:#8898a8!important;display:block!important;font-size:.72rem!important;font-weight:700!important;letter-spacing:.5px!important;margin-bottom:5px!important;text-transform:uppercase!important}.content-wrapper>.content,.content-wrapper>.content>.container-fluid{padding:16px!important}.obr-table{font-size:.85rem}.obr-table thead th{background:#f8f9fa;font-size:.78rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;vertical-align:middle!important}.obr-table tbody td{padding:7px 10px;vertical-align:middle!important}.obr-table tfoot td{background:#f8f9fa;border-top:2px solid #dee2e6;padding:7px 10px}.ppmp-table{font-size:.8rem;white-space:nowrap}.ppmp-table thead th{font-size:.75rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;vertical-align:middle!important}.ppmp-table tbody td{padding:6px 8px;vertical-align:middle!important}.ppmp-table tfoot td{font-size:.78rem;padding:6px 8px}.ppmp-quarter-section{background:#fafbfc;border:1px solid #e9ecef;border-radius:10px;padding:10px 12px}.ppmp-quarter-header{border-bottom:2px solid rgba(90,156,181,.08);color:#3f7f96;font-size:.78rem;font-weight:700;letter-spacing:.06em;margin-bottom:8px;padding-bottom:6px;text-transform:uppercase}.ppmp-portrait .mb-3{margin-bottom:8px!important}.ppmp-portrait .mb-2{margin-bottom:6px!important}.ppmp-portrait select.form-control:hover{background-color:#e4eef2;border-color:#5a9cb5}.ppmp-vs-option{display:flex;flex-direction:column;padding:4px 0}.ppmp-vs-option__name{color:#111827;font-size:.875rem;font-weight:600;line-height:1.3}.ppmp-vs-option__desc{color:#6b7280;font-size:.73rem;margin-top:1px;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ppmp-vs-option__cost{color:#3f7f96;font-size:.73rem;font-weight:700;margin-top:2px}#create-modal .vs__dropdown-option--highlight{background:#e4eef2!important}#create-modal .vs__dropdown-option--highlight .ppmp-vs-option__name{color:#111827}#create-modal .vs__dropdown-option--highlight .ppmp-vs-option__desc{color:#6b7280}#create-modal .vs__dropdown-option--highlight .ppmp-vs-option__cost{color:#3f7f96}.ppmp-field-label{color:#374151;display:block;font-size:.78rem;font-weight:600;margin-bottom:4px}.ppmp-search-hint{color:#9ca3af;font-size:.72rem;font-weight:400}.ppmp-info-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:8px 12px}.ppmp-info-bar,.ppmp-info-bar__desc{margin-bottom:8px}.ppmp-info-bar__label{color:#9ca3af;display:block;font-size:.68rem;font-weight:700;letter-spacing:.07em;margin-bottom:2px;text-transform:uppercase}.ppmp-info-bar__text{color:#374151;font-size:.8rem;line-height:1.4}.ppmp-info-bar__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.ppmp-chip{border-radius:8px;display:inline-flex;flex-direction:column;min-width:80px;padding:5px 10px}.ppmp-chip__label{font-size:.65rem;font-weight:700;letter-spacing:.06em;margin-bottom:1px;text-transform:uppercase}.ppmp-chip__val{font-size:.82rem;font-weight:600}.ppmp-chip--unit{background:#f1f5f9}.ppmp-chip--unit .ppmp-chip__label{color:#94a3b8}.ppmp-chip--unit .ppmp-chip__val{color:#334155}.ppmp-chip--cost{background:rgba(90,156,181,.08)}.ppmp-chip--cost .ppmp-chip__label{color:rgba(63,127,150,.7)}.ppmp-chip--cost .ppmp-chip__val{color:#3f7f96}.ppmp-chip--consumed{align-items:center;background:#fef3c7;color:#92400e;flex-direction:row;font-size:.76rem;font-weight:500;gap:6px;padding:5px 12px}.ppmp-chip--consumed i{font-size:.78rem}.ppmp-chip--consumed .ppmp-chip__label,.ppmp-chip--consumed .ppmp-chip__val{display:none}#create-modal .modal-body{max-height:72vh;overflow-y:auto;padding:14px 16px 0!important}.ppmp-portrait-divider{border-top:1px dashed #e5e7eb;margin:8px 0}.ppmp-quarters-grid{display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:0}@media (max-width:576px){.ppmp-quarters-grid{grid-template-columns:1fr}}.ppmp-quarter-grid{align-items:end;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr auto}.ppmp-month-col label{color:#4b5563;display:block;font-size:.8rem;font-weight:600;margin-bottom:4px}.ppmp-month-col .form-control{font-size:.875rem;height:38px}.ppmp-subtotal-col label{color:#9ca3af;font-size:.8rem;font-weight:600}.ppmp-subtotal-pill{align-items:center;background:#e4eef2;border-radius:8px;color:#2c6075;display:flex;font-size:.9rem;font-weight:700;height:38px;justify-content:center;min-width:54px;padding:0 10px}.ppmp-portrait-footer{align-items:center;border-top:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding-bottom:10px;padding-top:8px}.ppmp-portrait-total{align-items:center;color:#6b7280;display:flex;font-size:.82rem;gap:10px}.ppmp-portrait-total__eq{white-space:nowrap}.ppmp-portrait-total__amount{color:#3f7f96;font-size:1.05rem;font-weight:700;white-space:nowrap}.ppmp-portrait-actions{display:flex;gap:8px;margin-left:auto}.dash-hero{align-items:center;background:linear-gradient(135deg,#a3cad8,#3f7f96);border-radius:16px;box-shadow:0 4px 24px rgba(234,88,12,.32);color:#fff;display:flex;justify-content:space-between;padding:28px 32px}@media (max-width:768px){.dash-hero{padding:20px 18px}}.dash-hero__left{flex:1}.dash-hero__greeting{font-size:.9rem;font-weight:500;opacity:.8}.dash-hero__name{color:#fff;font-size:2rem;font-weight:800;letter-spacing:-.5px;margin:4px 0 6px}@media (max-width:576px){.dash-hero__name{font-size:1.4rem}}.dash-hero__sub{font-size:.875rem;margin:0 0 12px;opacity:.75}.dash-hero__meta{align-items:center;display:flex;font-size:.8rem;gap:6px;opacity:.7}.dash-hero__right{flex-shrink:0;margin-left:24px}.dash-hero__icon-box{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:hsla(0,0%,100%,.15);border-radius:18px;color:#fff;display:flex;font-size:2rem;height:72px;justify-content:center;width:72px}@media (max-width:768px){.dash-hero__icon-box{display:none}}.dash-stat-card2{align-items:flex-start;animation:proc-fade-up .25s ease both;background:#fff;border:1px solid rgba(220,230,240,.8);border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 12px rgba(100,130,180,.07);display:flex;gap:14px;padding:18px 16px 14px;transition:box-shadow .2s,transform .2s}.dash-stat-card2:hover{box-shadow:0 4px 16px rgba(100,130,180,.14);transform:translateY(-2px)}.dash-stat-card2__icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:1.1rem;height:44px;justify-content:center;width:44px}.dash-stat-card2__body{flex:1;min-width:0}.dash-stat-card2__value{color:#1a2332;font-size:1.7rem;font-weight:800;line-height:1;margin-bottom:4px}.dash-stat-card2__label{color:#6b7280;font-size:.78rem;font-weight:500;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-stat-card2__badge{border-radius:99px;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.4px;padding:2px 8px;text-decoration:none;text-transform:uppercase}.dash-stat-card2__badge:hover{opacity:.85;text-decoration:none}.dash-bottom-grid{display:grid;gap:16px;grid-template-columns:1fr 320px}@media (max-width:900px){.dash-bottom-grid{grid-template-columns:1fr}}.dash-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.dash-view-all{align-items:center;color:#5a9cb5;display:flex;font-size:.78rem;font-weight:600;gap:4px;text-decoration:none}.dash-view-all:hover{color:#3f7f96;text-decoration:none}.dash-activity-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;padding:10px 0}.dash-activity-row:last-child{border-bottom:none}.dash-activity-icon{align-items:center;background:#f3f8fa;border-radius:9px;color:#3f7f96;display:flex;flex-shrink:0;font-size:.85rem;height:34px;justify-content:center;width:34px}.dash-activity-body{flex:1;min-width:0}.dash-activity-title{color:#1a2332;font-size:.85rem;font-weight:700}.dash-activity-sub,.dash-activity-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-activity-sub{color:#6b7280;font-size:.75rem}.dash-activity-badge{border-radius:99px;flex-shrink:0;font-size:.7rem;font-weight:700;letter-spacing:.3px;padding:3px 9px;text-transform:uppercase}.dash-badge--green{background:#dcfce7;color:#166534}.dash-badge--yellow{background:#fef9c3;color:#713f12}.dash-badge--red{background:#fee2e2;color:#b91c1c}.dash-badge--orange{background:#e4eef2;color:#2c6075}.dash-badge--grey{background:#f3f4f6;color:#6b7280}.dash-qa-grid{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.dash-qa-btn{align-items:center;background:#f3f8fa;border:1.5px solid #c3dde6;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:14px 8px 12px;text-decoration:none;transition:all .18s}.dash-qa-btn:hover{background:#e4eef2;border-color:#5a9cb5;text-decoration:none;transform:translateY(-2px)}.dash-qa-btn__icon{align-items:center;background:linear-gradient(135deg,#a3cad8,#3f7f96);border-radius:10px;box-shadow:0 2px 8px rgba(90,156,181,.3);color:#fff;display:flex;font-size:1rem;height:38px;justify-content:center;width:38px}.dash-qa-btn__label{color:#7c2d12;font-size:.72rem;font-weight:700;line-height:1.2;text-align:center}