body{margin:0;padding:0}.div2{grid-column:span 5 / span 5;grid-row:span 2 / span 2;display:flex;align-items:center;justify-content:center;padding:80px 0}.div2 img{max-width:35%;height:auto;object-fit:contain}@media (max-width: 1024px){.div2{padding:60px 0}.div2 img{max-width:45%}}@media (max-width: 768px){.div2{grid-column:1;grid-row:2;padding:20px 0}.div2 img{max-width:55%}}@media (max-width: 480px){.div2{padding:15px 0}.div2 img{max-width:65%}}.login-container[data-v-aa56a275]{display:flex;width:100%;height:100vh;background-color:#000;font-family:serif}.login-sidebar[data-v-aa56a275]{width:20%;max-width:150px;min-width:90px;background-color:#000;display:flex;justify-content:center;align-items:center}.avatar[data-v-aa56a275]{width:150px;height:150px;object-fit:cover;border-radius:50%}.login-content[data-v-aa56a275]{width:100%;height:100vh;background-color:#121517;border-top-left-radius:60px;border-bottom-left-radius:60px;display:flex;flex-direction:column;justify-content:center;align-items:center}.logo[data-v-aa56a275]{width:420px;height:130px;object-fit:contain;margin-bottom:3rem}.form[data-v-aa56a275]{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:400px}.login-input[data-v-aa56a275]{width:100%;background:none!important;background-color:transparent!important;border:none!important;border-bottom:2px solid #cd9034!important;color:#fff!important;font-size:24px!important;padding:1rem 0 .5rem .5rem!important;box-shadow:none!important;-webkit-box-shadow:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.login-input[data-v-aa56a275]::placeholder{color:#888!important;opacity:1!important}.login-input[data-v-aa56a275]:focus{outline:none!important;border-bottom:2px solid #cd9034!important;box-shadow:none!important;-webkit-box-shadow:none!important;background:none!important;background-color:transparent!important}.login-input[data-v-aa56a275]:-webkit-autofill,.login-input[data-v-aa56a275]:-webkit-autofill:hover,.login-input[data-v-aa56a275]:-webkit-autofill:focus,.login-input[data-v-aa56a275]:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #121517 inset!important;-webkit-text-fill-color:white!important;caret-color:#fff!important}button[data-v-aa56a275]{width:100%;height:60px;border-radius:15px;background:linear-gradient(1deg,#411620,#be2a4a);border:none;color:#fff;font-weight:700;font-size:20px;cursor:pointer;transition:all .3s ease}button[data-v-aa56a275]:hover{background:linear-gradient(1deg,#5a1e2b,#d7385a)}button[data-v-aa56a275]:disabled{background:#555;cursor:not-allowed}.alert[data-v-aa56a275]{font-size:18px;margin-top:1rem;height:27px;transition:color .3s ease}.alert.error[data-v-aa56a275]{color:#ff3c3ccc}.alert.success[data-v-aa56a275]{color:#3cff82cc}.sidebar[data-v-ade5dc1f]{width:100%;height:100vh;background-color:#0f0f0f;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:2rem 0;box-sizing:border-box;position:sticky;top:0}.menu[data-v-ade5dc1f]{display:flex;flex-direction:column;gap:15px;align-items:center;width:100%;overflow-y:auto;padding:0 .5rem}.menu-link[data-v-ade5dc1f]{text-decoration:none;color:#fff;width:100%;display:block}.menu-link.active .menu-item[data-v-ade5dc1f],.menu-link:hover .menu-item[data-v-ade5dc1f]{color:#9b2c25}.menu-item[data-v-ade5dc1f]{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;width:100%;padding:8px;transition:all .3s ease;border-radius:8px}.menu-link:hover .menu-item[data-v-ade5dc1f]{background-color:#9b2c251a}.icon-wrapper[data-v-ade5dc1f]{display:flex;justify-content:center;align-items:center;width:60px;height:60px;border-radius:8px;transition:background-color .3s ease}.icon[data-v-ade5dc1f]{width:32px;height:32px;transition:color .3s ease;color:#424242}.menu-link.active .icon[data-v-ade5dc1f],.menu-link:hover .icon[data-v-ade5dc1f]{color:#9b2c25}.label[data-v-ade5dc1f]{font-size:11px;letter-spacing:.1em;color:#424242;text-align:center;font-weight:600;white-space:nowrap}.menu-link.active .label[data-v-ade5dc1f],.menu-link:hover .label[data-v-ade5dc1f]{color:#9b2c25}.logout-link[data-v-ade5dc1f]{margin-top:10px;border-top:1px solid #1a1a1a;padding-top:15px}.logout-link:hover .icon[data-v-ade5dc1f],.logout-link:hover .label[data-v-ade5dc1f]{color:#ff6b6b}.logo-container[data-v-ade5dc1f]{width:100%;text-align:center;padding:1rem 0;margin-top:auto}.logo[data-v-ade5dc1f]{width:90px;height:90px;object-fit:cover;border-radius:50%}.menu[data-v-ade5dc1f]::-webkit-scrollbar{width:4px}.menu[data-v-ade5dc1f]::-webkit-scrollbar-track{background:#0f0f0f}.menu[data-v-ade5dc1f]::-webkit-scrollbar-thumb{background:#424242;border-radius:2px}@media (max-width: 1024px) and (min-width: 769px){.sidebar[data-v-ade5dc1f]{padding:1.5rem 0}.icon-wrapper[data-v-ade5dc1f]{width:55px;height:55px}.icon[data-v-ade5dc1f]{width:28px;height:28px}.label[data-v-ade5dc1f]{font-size:10px}.logo[data-v-ade5dc1f]{width:80px;height:80px}}@media (max-width: 768px){.sidebar[data-v-ade5dc1f]{flex-direction:row;padding:.5rem;width:100%;height:auto;min-height:75px;overflow:visible;position:fixed;bottom:0;left:0;right:0;z-index:100;box-shadow:0 -2px 10px #0000004d}.menu[data-v-ade5dc1f]{flex-direction:row;gap:0;flex:1;overflow:visible;padding:0;justify-content:space-around;flex-wrap:wrap}.menu-link[data-v-ade5dc1f]{width:auto;flex:1 1 calc(25% - 4px);min-width:70px;max-width:90px}.menu-item[data-v-ade5dc1f]{gap:3px;padding:4px 2px}.icon-wrapper[data-v-ade5dc1f]{width:38px;height:38px}.icon[data-v-ade5dc1f]{width:22px;height:22px}.label[data-v-ade5dc1f]{font-size:8px;letter-spacing:.03em}.logout-link[data-v-ade5dc1f]{border-top:none;border-left:none;padding-top:0;padding-left:0;margin-left:0;margin-top:0;flex:1 1 calc(25% - 4px)}.logo-container[data-v-ade5dc1f]{display:none}}@media (max-width: 480px){.sidebar[data-v-ade5dc1f]{padding:.5rem .25rem;min-height:65px}.menu[data-v-ade5dc1f]{gap:6px}.menu-link[data-v-ade5dc1f]{min-width:65px}.menu-item[data-v-ade5dc1f]{gap:3px;padding:3px}.icon-wrapper[data-v-ade5dc1f]{width:36px;height:36px}.icon[data-v-ade5dc1f]{width:20px;height:20px}.label[data-v-ade5dc1f]{font-size:8px}}.modal-overlay[data-v-910b609e]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container[data-v-910b609e]{background-color:#f0f0f0;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000080}.modal-header[data-v-910b609e]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px}.modal-header h2[data-v-910b609e]{background:linear-gradient(1deg,#5a1e2b,#d7385a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;font-size:28px;font-weight:700}.close-btn[data-v-910b609e]{background:none;border:none;color:#fff;font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-btn[data-v-910b609e]:hover{color:#cd8f35}.modal-form[data-v-910b609e]{padding:25px}.form-group[data-v-910b609e]{margin-bottom:20px}.form-group label[data-v-910b609e]{display:block;color:#6d2335;font-weight:700;margin-bottom:8px;font-size:14px}.form-group input[data-v-910b609e]{width:100%;padding:12px;background-color:transparent;border:none;color:#000;font-size:16px;box-sizing:border-box}.form-group input[data-v-910b609e]:focus{outline:none;border-color:#cd8f35}.form-group input[data-v-910b609e]::placeholder{color:#666}.error-message[data-v-910b609e]{background-color:#ff6b6b1a;border:1px solid #ff6b6b;color:#ff6b6b;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.success-message[data-v-910b609e]{background-color:#4caf501a;border:1px solid #4caf50;color:#4caf50;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.modal-actions[data-v-910b609e]{display:flex;gap:12px;margin-top:25px}.btn-cancel[data-v-910b609e],.btn-submit[data-v-910b609e]{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.btn-cancel[data-v-910b609e]{background-color:#2a2d31;color:#fff}.btn-cancel[data-v-910b609e]:hover:not(:disabled){background-color:#3a3d41}.btn-submit[data-v-910b609e]{background:linear-gradient(187deg,#db204c,#571625);color:#fff}.btn-submit[data-v-910b609e]:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 12px #db204c66}.btn-cancel[data-v-910b609e]:disabled,.btn-submit[data-v-910b609e]:disabled{opacity:.6;cursor:not-allowed}.modal-container[data-v-910b609e]::-webkit-scrollbar{width:8px}.modal-container[data-v-910b609e]::-webkit-scrollbar-track{background:#1a1d21}.modal-container[data-v-910b609e]::-webkit-scrollbar-thumb{background:#cd8f35;border-radius:4px}.modal-container[data-v-910b609e]::-webkit-scrollbar-thumb:hover{background:#b87d2e}.photo-upload-area[data-v-910b609e]{width:100%;min-height:200px;border:2px dashed #6d2335;border-radius:8px;overflow:hidden;background-color:#6d23350d}.upload-placeholder[data-v-910b609e]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;cursor:pointer;color:#6d2335;transition:all .3s}.upload-placeholder[data-v-910b609e]:hover{background-color:#6d23351a;border-color:#cd8f35}.upload-placeholder svg[data-v-910b609e]{margin-bottom:12px;opacity:.6}.upload-placeholder p[data-v-910b609e]{margin:0;font-size:14px;opacity:.7}.photo-preview[data-v-910b609e]{position:relative;width:100%;height:200px}.photo-preview img[data-v-910b609e]{width:100%;height:100%;object-fit:cover}.remove-photo-btn[data-v-910b609e]{position:absolute;top:8px;right:8px;background-color:#ff3b30e6;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:#fff}.remove-photo-btn[data-v-910b609e]:hover{background-color:#ff3b30;transform:scale(1.1)}.modal-overlay[data-v-5ff9d482]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container[data-v-5ff9d482]{background-color:#f0f0f0;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000080}.modal-header[data-v-5ff9d482]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px}.modal-header h2[data-v-5ff9d482]{background:linear-gradient(1deg,#5a1e2b,#d7385a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;font-size:28px;font-weight:700}.close-btn[data-v-5ff9d482]{background:none;border:none;color:#5a1e2b;font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-btn[data-v-5ff9d482]:hover{color:#d7385a}.modal-form[data-v-5ff9d482]{padding:25px}.form-group[data-v-5ff9d482]{margin-bottom:20px}.form-group label[data-v-5ff9d482]{display:block;color:#6d2335;font-weight:700;margin-bottom:8px;font-size:14px}.form-group input[data-v-5ff9d482],.form-group select[data-v-5ff9d482]{width:100%;padding:12px;background-color:transparent;border:none;border-bottom:2px solid #e0e0e0;color:#000;font-size:16px;box-sizing:border-box;transition:border-color .3s}.form-group input[data-v-5ff9d482]:focus,.form-group select[data-v-5ff9d482]:focus{outline:none;border-bottom-color:#d7385a}.form-group select[data-v-5ff9d482]{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236d2335' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:30px}.form-group input[data-v-5ff9d482]::placeholder{color:#999}.total-price[data-v-5ff9d482]{padding:16px;background:linear-gradient(135deg,#f8f8f8,#e8e8e8);border:2px solid #d7385a;border-radius:8px;color:#5a1e2b;font-size:24px;font-weight:700;text-align:center}.materials-container[data-v-5ff9d482]{border:2px solid #e0e0e0;border-radius:8px;padding:15px;background-color:#fafafa}.material-item[data-v-5ff9d482]{display:flex;gap:10px;margin-bottom:10px;align-items:center}.material-select[data-v-5ff9d482]{flex:2;padding:10px;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#000;font-size:14px}.material-input[data-v-5ff9d482]{flex:1;padding:10px;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#000;font-size:14px}.btn-remove[data-v-5ff9d482]{background-color:#ff6b6b;color:#fff;border:none;border-radius:6px;width:32px;height:32px;font-size:20px;cursor:pointer;transition:background-color .2s;flex-shrink:0}.btn-remove[data-v-5ff9d482]:hover{background-color:#ff5252}.btn-add-material[data-v-5ff9d482]{width:100%;padding:10px;background-color:#fff;color:#6d2335;border:2px dashed #d7385a;border-radius:6px;cursor:pointer;font-weight:700;transition:all .2s}.btn-add-material[data-v-5ff9d482]:hover{background-color:#fef5f7;border-color:#5a1e2b}.photo-upload-area[data-v-5ff9d482]{width:100%;min-height:180px;border:2px dashed #d7385a;border-radius:8px;overflow:hidden;background-color:#d7385a0d}.upload-placeholder[data-v-5ff9d482]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:180px;cursor:pointer;color:#6d2335;transition:all .3s}.upload-placeholder[data-v-5ff9d482]:hover{background-color:#d7385a1a;border-color:#5a1e2b}.upload-placeholder svg[data-v-5ff9d482]{margin-bottom:12px;opacity:.6}.upload-placeholder p[data-v-5ff9d482]{margin:0;font-size:14px;opacity:.7}.photo-preview[data-v-5ff9d482]{position:relative;width:100%;height:180px}.photo-preview img[data-v-5ff9d482]{width:100%;height:100%;object-fit:cover}.remove-photo-btn[data-v-5ff9d482]{position:absolute;top:8px;right:8px;background-color:#ff3b30e6;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:#fff}.remove-photo-btn[data-v-5ff9d482]:hover{background-color:#ff3b30;transform:scale(1.1)}.error-message[data-v-5ff9d482]{background-color:#ff6b6b1a;border:1px solid #ff6b6b;color:#ff6b6b;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.success-message[data-v-5ff9d482]{background-color:#4caf501a;border:1px solid #4caf50;color:#4caf50;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.modal-actions[data-v-5ff9d482]{display:flex;gap:12px;margin-top:25px}.input-error[data-v-5ff9d482]{border-color:#ff6b6b!important;background-color:#ff6b6b1a!important}.material-input[data-v-5ff9d482]:focus{outline:none;border-color:#d7385a!important}.btn-cancel[data-v-5ff9d482],.btn-submit[data-v-5ff9d482]{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.btn-cancel[data-v-5ff9d482]{background-color:#e0e0e0;color:#5a1e2b}.btn-cancel[data-v-5ff9d482]:hover:not(:disabled){background-color:#d0d0d0}.btn-submit[data-v-5ff9d482]{background:linear-gradient(187deg,#db204c,#571625);color:#fff}.btn-submit[data-v-5ff9d482]:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 12px #db204c66}.btn-cancel[data-v-5ff9d482]:disabled,.btn-submit[data-v-5ff9d482]:disabled{opacity:.6;cursor:not-allowed}.modal-container[data-v-5ff9d482]::-webkit-scrollbar{width:8px}.modal-container[data-v-5ff9d482]::-webkit-scrollbar-track{background:#f0f0f0}.modal-container[data-v-5ff9d482]::-webkit-scrollbar-thumb{background:#d7385a;border-radius:4px}.modal-container[data-v-5ff9d482]::-webkit-scrollbar-thumb:hover{background:#5a1e2b}div[data-v-598298ad]{background-color:#0f0f0f;color:#fff}.titulos[data-v-598298ad]{color:#cd8f35;display:flex;align-items:center;justify-content:center;position:absolute;left:20px;top:12px;margin:12px;font-size:22px}.titulo-baixo[data-v-598298ad]{color:#cd8f35;position:absolute;bottom:0;left:20px;margin:12px;font-size:22px}.sessoes-count[data-v-598298ad]{color:#fff;font-size:28px;font-weight:700;position:absolute;bottom:20px;left:50%;transform:translate(-50%);margin:0}.appointments-container[data-v-598298ad]{margin-top:60px;padding:8px;max-height:calc(100% - 80px);overflow-y:auto;background-color:transparent}.appointment-card[data-v-598298ad]{background-color:transparent;border-radius:8px;padding:6px 22px;margin-bottom:10px;transition:transform .2s}.appointment-card[data-v-598298ad]:hover{transform:scale(1.02)}.appointment-info[data-v-598298ad]{background-color:transparent}.client-name[data-v-598298ad]{font-size:15px;font-weight:lighter;color:#fff;margin:0;background-color:transparent}.done-container[data-v-598298ad]{margin-top:60px;padding:20px;max-height:calc(100% - 80px);background-color:#121517;position:relative;border-radius:12px;box-shadow:3px 3px #0000003d}.done[data-v-598298ad]{font-size:18px;font-weight:lighter;color:#fff;background-color:#121517;position:absolute;left:20px;bottom:2px;margin:12px}.valor-container[data-v-598298ad]{margin-top:60px;padding:20px;max-height:calc(100% - 80px);background-color:#121517;position:relative}.valor-receber[data-v-598298ad]{font-size:18px;font-weight:lighter;color:#fff;background-color:#121517;position:absolute;left:20px;bottom:2px;margin:12px}.notifications-container[data-v-598298ad]{margin-top:60px;padding:20px;max-height:calc(100% - 80px);background-color:#121517;position:relative;border-radius:12px;box-shadow:3px 3px #0000003d}.notification-text[data-v-598298ad]{font-size:18px;font-weight:lighter;color:#fff;background-color:#121517;position:absolute;left:20px;bottom:2px;margin:12px}.paid-container[data-v-598298ad]{margin-top:60px;padding:12px;max-height:calc(100% - 80px);background-color:#121517;position:relative;border-radius:12px;box-shadow:3px 3px #0000003d}.valor-paid[data-v-598298ad]{font-size:18px;font-weight:lighter;color:#fff;background-color:#121517;position:absolute;left:20px;bottom:-2px;margin:12px}@media (max-width: 1024px){.paid-container[data-v-598298ad]{padding:6px}.valor-paid[data-v-598298ad]{margin:10px}.titulos[data-v-598298ad]{font-size:16px}}.loading-message[data-v-598298ad],.error-message[data-v-598298ad],.empty-message[data-v-598298ad]{font-size:18px;font-weight:lighter;color:#fff;background-color:#121517;position:absolute;left:20px;bottom:-2px;margin:12px}.loading-message[data-v-598298ad]{color:#888}.error-message[data-v-598298ad]{color:#ff6b6b;background-color:#ff6b6b1a;border-radius:8px}.empty-message[data-v-598298ad]{color:#888}.appointments-container[data-v-598298ad]::-webkit-scrollbar{width:6px}.appointments-container[data-v-598298ad]::-webkit-scrollbar-track{background:#1a1d21;border-radius:4px}.appointments-container[data-v-598298ad]::-webkit-scrollbar-thumb{background:#cd8f35;border-radius:4px}.appointments-container[data-v-598298ad]::-webkit-scrollbar-thumb:hover{background:#b87d2e}.cliente[data-v-598298ad],.agendamento[data-v-598298ad]{background:linear-gradient(187deg,#db204c,#571625);border:none;border-radius:10px;width:250px;height:60px;color:#fff;font-weight:bolder;font-size:20px;margin:10px auto;cursor:pointer;transition:transform .2s}.cliente[data-v-598298ad]:hover,.agendamento[data-v-598298ad]:hover{transform:scale(1.05)}.div8[data-v-598298ad],.div9[data-v-598298ad]{display:flex;justify-content:center;align-items:center}.parent[data-v-598298ad]{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(23,1fr);gap:10px;height:100vh}.div1[data-v-598298ad]{grid-row:span 23 / span 23;grid-column:1 / 2;display:flex;flex-direction:column}.div3[data-v-598298ad]{grid-column:span 3 / span 3;grid-row:span 5 / span 5;grid-column-start:2;grid-row-start:3;position:relative;background-color:#121517;border-radius:12px;box-shadow:3px 3px #0000003d}.div4[data-v-598298ad]{grid-column:span 2 / span 2;grid-row:span 2 / span 2;grid-column-start:5;grid-row-start:3;position:relative;background-color:#121517;border-radius:12px;box-shadow:3px 3px #0000003d}.div5[data-v-598298ad]{grid-column:span 2 / span 2;grid-row:span 2 / span 2;grid-column-start:5;grid-row-start:6;position:relative;background-color:#121517;border-radius:12px;box-shadow:3px 3px #0000003d}.div6[data-v-598298ad]{grid-column:span 5 / span 5;grid-row:span 8 / span 8;grid-column-start:2;grid-row-start:8;background-color:#121517;border-radius:12px;box-shadow:3px 3px #0000003d;position:relative}.div7[data-v-598298ad]{grid-column:span 3 / span 3;grid-row:span 2 / span 2;grid-column-start:2;grid-row-start:16;position:relative;background-color:#121517;border-radius:12px;box-shadow:3px 3px #0000003d}.div8[data-v-598298ad]{grid-column:span 2 / span 2;grid-column-start:5;grid-row-start:16;position:relative}.div9[data-v-598298ad]{grid-column:span 2 / span 2;grid-column-start:5;grid-row-start:17;position:relative}.div10[data-v-598298ad]{grid-column:span 5 / span 5;grid-row:span 2 / span 2;grid-column-start:2;grid-row-start:18;position:relative;background-color:#121517;border-radius:12px;box-shadow:3px 3px #0000003d}.chart-container[data-v-598298ad]{position:absolute;inset:20px 20px 50px;padding:10px;background-color:#121517}.modal-overlay[data-v-531dcf96]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container[data-v-531dcf96]{background-color:#f0f0f0;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000080}.modal-header[data-v-531dcf96]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px}.modal-header h2[data-v-531dcf96]{background:linear-gradient(1deg,#5a1e2b,#d7385a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;font-size:28px;font-weight:700}.close-btn[data-v-531dcf96]{background:none;border:none;color:#5a1e2b;font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-btn[data-v-531dcf96]:hover{color:#d7385a}.modal-form[data-v-531dcf96]{padding:25px}.form-group[data-v-531dcf96]{margin-bottom:20px}.form-group label[data-v-531dcf96]{display:block;color:#6d2335;font-weight:700;margin-bottom:8px;font-size:14px}.form-group input[data-v-531dcf96]{width:100%;padding:12px;background-color:transparent;border:none;border-bottom:2px solid #e0e0e0;color:#000;font-size:16px;box-sizing:border-box;transition:border-color .3s}.form-group input[data-v-531dcf96]:focus{outline:none;border-bottom-color:#d7385a}.form-group input[data-v-531dcf96]::placeholder{color:#666}.error-message[data-v-531dcf96]{background-color:#ff6b6b1a;border:1px solid #ff6b6b;color:#ff6b6b;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.success-message[data-v-531dcf96]{background-color:#4caf501a;border:1px solid #4caf50;color:#4caf50;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.modal-actions[data-v-531dcf96]{display:flex;gap:12px;margin-top:25px}.btn-cancel[data-v-531dcf96],.btn-submit[data-v-531dcf96]{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.btn-cancel[data-v-531dcf96]{background-color:#2a2d31;color:#fff}.btn-cancel[data-v-531dcf96]:hover:not(:disabled){background-color:#3a3d41}.btn-submit[data-v-531dcf96]{background:linear-gradient(187deg,#db204c,#571625);color:#fff}.btn-submit[data-v-531dcf96]:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 12px #db204c66}.btn-cancel[data-v-531dcf96]:disabled,.btn-submit[data-v-531dcf96]:disabled{opacity:.6;cursor:not-allowed}.modal-container[data-v-531dcf96]::-webkit-scrollbar{width:8px}.modal-container[data-v-531dcf96]::-webkit-scrollbar-track{background:#1a1d21}.modal-container[data-v-531dcf96]::-webkit-scrollbar-thumb{background:#cd8f35;border-radius:4px}.modal-container[data-v-531dcf96]::-webkit-scrollbar-thumb:hover{background:#b87d2e}.photo-upload-area[data-v-531dcf96]{width:100%;min-height:200px;border:2px dashed #6d2335;border-radius:8px;overflow:hidden;background-color:#6d23350d}.upload-placeholder[data-v-531dcf96]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;cursor:pointer;color:#6d2335;transition:all .3s}.upload-placeholder[data-v-531dcf96]:hover{background-color:#6d23351a;border-color:#cd8f35}.upload-placeholder svg[data-v-531dcf96]{margin-bottom:12px;opacity:.6}.upload-placeholder p[data-v-531dcf96]{margin:0;font-size:14px;opacity:.7}.photo-preview[data-v-531dcf96]{position:relative;width:100%;height:200px}.photo-preview img[data-v-531dcf96]{width:100%;height:100%;object-fit:cover}.photo-actions[data-v-531dcf96]{position:absolute;top:8px;right:8px;display:flex;gap:8px}.change-photo-btn[data-v-531dcf96],.remove-photo-btn[data-v-531dcf96]{background-color:#000000b3;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:#fff}.change-photo-btn[data-v-531dcf96]:hover{background-color:#cd8f35e6;transform:scale(1.1)}.remove-photo-btn[data-v-531dcf96]:hover{background-color:#ff3b30e6;transform:scale(1.1)}div[data-v-32c6c8c1]{background-color:#0f0f0f;color:#fff}.parent[data-v-32c6c8c1]{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(23,1fr);gap:10px;height:100vh}.div1[data-v-32c6c8c1]{grid-row:span 23 / span 23;grid-column:1 / 2;display:flex;flex-direction:column}.div3[data-v-32c6c8c1]{grid-column:span 3 / span 4;grid-column-start:2;grid-row-start:3;display:flex;align-items:center;position:relative;left:20px}.search-input[data-v-32c6c8c1]{width:90%;padding:12px 20px;background-color:#121517;border:2px solid #2a2d31;border-radius:10px;color:#fff;font-size:16px;transition:border-color .3s}.search-input[data-v-32c6c8c1]:focus{outline:none;border-color:#cd8f35}.search-input[data-v-32c6c8c1]::placeholder{color:#666}.div4[data-v-32c6c8c1]{grid-column-start:6;grid-row-start:3;display:flex;align-items:center;justify-content:center}.btn-new-client[data-v-32c6c8c1]{background:linear-gradient(187deg,#db204c,#571625);border:none;border-radius:10px;width:80%;height:48px;color:#fff;font-weight:bolder;font-size:18px;cursor:pointer;transition:transform .2s}.btn-new-client[data-v-32c6c8c1]:hover{transform:scale(1.05)}.div5[data-v-32c6c8c1]{grid-column:span 5 / span 5;grid-row:span 20 / span 20;grid-column-start:2;grid-row-start:4;background-color:transparent;border-radius:12px;padding:20px;overflow-y:auto}.loading-message[data-v-32c6c8c1],.error-message[data-v-32c6c8c1],.empty-message[data-v-32c6c8c1]{display:flex;justify-content:center;align-items:center;height:100%;font-size:18px;color:#888}.error-message[data-v-32c6c8c1]{color:#ff6b6b}.clients-grid[data-v-32c6c8c1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;background-color:transparent}.client-card[data-v-32c6c8c1]{background-color:#1a1d21;border-radius:12px;padding:20px;transition:transform .2s,box-shadow .2s;border:2px solid transparent}.client-card[data-v-32c6c8c1]:hover{transform:translateY(-5px);box-shadow:0 8px 16px #cd8f3533;border-color:#cd8f35}.client-header[data-v-32c6c8c1]{display:flex;align-items:center;gap:15px;margin-bottom:15px;padding-bottom:15px;background-color:transparent}.client-avatar[data-v-32c6c8c1]{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#cd8f35,#b87d2e);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;flex-shrink:0}.client-avatar-photo[data-v-32c6c8c1]{width:60px;height:60px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid #030303;background-color:#1a1d21}.client-avatar-photo img[data-v-32c6c8c1]{width:100%;height:100%;object-fit:cover;display:block}.client-info[data-v-32c6c8c1]{flex:1;min-width:0;background-color:transparent}.client-name[data-v-32c6c8c1]{font-size:18px;font-weight:700;color:#fff;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-phone[data-v-32c6c8c1]{font-size:14px;color:#888;margin:0}.client-details[data-v-32c6c8c1]{display:flex;flex-direction:column;gap:10px;margin-bottom:15px;background-color:transparent}.detail-item[data-v-32c6c8c1]{display:flex;justify-content:space-between;align-items:center;font-size:14px;background-color:transparent}.detail-label[data-v-32c6c8c1]{color:#cd8f35;font-weight:600}.detail-value[data-v-32c6c8c1]{color:#fff;text-align:right}.client-actions[data-v-32c6c8c1]{display:flex;gap:10px}.btn-view[data-v-32c6c8c1]{flex:1;padding:10px;background-color:#2a2d31;border:1px solid #cd8f35;border-radius:8px;color:#cd8f35;font-weight:700;cursor:pointer;transition:all .2s}.btn-view[data-v-32c6c8c1]:hover{background-color:#cd8f35;color:#000}.div5[data-v-32c6c8c1]::-webkit-scrollbar{width:8px}.div5[data-v-32c6c8c1]::-webkit-scrollbar-track{background:#1a1d21;border-radius:4px}.div5[data-v-32c6c8c1]::-webkit-scrollbar-thumb{background:#cd8f35;border-radius:4px}.div5[data-v-32c6c8c1]::-webkit-scrollbar-thumb:hover{background:#b87d2e}@media (max-width: 1200px){.clients-grid[data-v-32c6c8c1]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.div2 img[data-v-32c6c8c1]{max-width:50%}}@media (max-width: 768px){.parent[data-v-32c6c8c1]{grid-template-columns:1fr;grid-template-rows:auto;height:auto;min-height:100vh}.div1[data-v-32c6c8c1]{grid-row:1;grid-column:1;height:auto}.div2[data-v-32c6c8c1]{grid-column:1;grid-row:2;padding:20px 0}.div2 img[data-v-32c6c8c1]{max-width:60%}.div3[data-v-32c6c8c1]{grid-column:1;grid-row:3;left:0;padding:0 20px}.search-input[data-v-32c6c8c1]{width:100%}.div4[data-v-32c6c8c1]{grid-column:1;grid-row:4;padding:0 20px}.btn-new-client[data-v-32c6c8c1]{width:100%}.div5[data-v-32c6c8c1]{grid-column:1;grid-row:5;padding:10px}.clients-grid[data-v-32c6c8c1]{grid-template-columns:1fr;gap:15px}}.modal-overlay[data-v-fec8c4ad]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container[data-v-fec8c4ad]{background-color:#f0f0f0;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000080}.modal-header[data-v-fec8c4ad]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px}.modal-header h2[data-v-fec8c4ad]{background:linear-gradient(1deg,#5a1e2b,#d7385a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;font-size:28px;font-weight:700}.close-btn[data-v-fec8c4ad]{background:none;border:none;color:#5a1e2b;font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-btn[data-v-fec8c4ad]:hover{color:#d7385a}.modal-form[data-v-fec8c4ad]{padding:25px}.form-group[data-v-fec8c4ad]{margin-bottom:20px}.form-group label[data-v-fec8c4ad]{display:block;color:#6d2335;font-weight:700;margin-bottom:8px;font-size:14px}.form-group input[data-v-fec8c4ad],.form-group select[data-v-fec8c4ad]{width:100%;padding:12px;background-color:transparent;border:none;border-bottom:2px solid #e0e0e0;color:#000;font-size:16px;box-sizing:border-box;transition:border-color .3s}.form-group input[data-v-fec8c4ad]:focus,.form-group select[data-v-fec8c4ad]:focus{outline:none;border-bottom-color:#d7385a}.form-group select[data-v-fec8c4ad]{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236d2335' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:30px}.readonly-input[data-v-fec8c4ad]{background-color:#f5f5f5!important;cursor:not-allowed;opacity:.7}.readonly-list[data-v-fec8c4ad]{border:2px solid #e0e0e0;border-radius:8px;padding:15px;background-color:#f5f5f5}.readonly-item[data-v-fec8c4ad]{padding:10px;background-color:#fff;border-radius:6px;color:#5a1e2b;font-size:14px}.total-price[data-v-fec8c4ad]{padding:16px;background:linear-gradient(135deg,#f8f8f8,#e8e8e8);border:2px solid #d7385a;border-radius:8px;color:#5a1e2b;font-size:24px;font-weight:700;text-align:center}.materials-container[data-v-fec8c4ad]{border:2px solid #e0e0e0;border-radius:8px;padding:15px;background-color:#fafafa}.material-item[data-v-fec8c4ad]{display:flex;gap:10px;margin-bottom:10px;align-items:center}.material-select[data-v-fec8c4ad]{flex:2;padding:10px;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#000;font-size:14px}.material-input[data-v-fec8c4ad]{flex:1;padding:10px;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#000;font-size:14px}.btn-remove[data-v-fec8c4ad]{background-color:#ff6b6b;color:#fff;border:none;border-radius:6px;width:32px;height:32px;font-size:20px;cursor:pointer;transition:background-color .2s;flex-shrink:0}.btn-remove[data-v-fec8c4ad]:hover{background-color:#ff5252}.btn-add-material[data-v-fec8c4ad]{width:100%;padding:10px;background-color:#fff;color:#6d2335;border:2px dashed #d7385a;border-radius:6px;cursor:pointer;font-weight:700;transition:all .2s}.btn-add-material[data-v-fec8c4ad]:hover{background-color:#fef5f7;border-color:#5a1e2b}.photo-upload-area[data-v-fec8c4ad]{width:100%;min-height:180px;border:2px dashed #d7385a;border-radius:8px;overflow:hidden;background-color:#d7385a0d}.upload-placeholder[data-v-fec8c4ad]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:180px;cursor:pointer;color:#6d2335;transition:all .3s}.upload-placeholder[data-v-fec8c4ad]:hover{background-color:#d7385a1a}.upload-placeholder svg[data-v-fec8c4ad]{margin-bottom:12px;opacity:.6}.upload-placeholder p[data-v-fec8c4ad]{margin:0;font-size:14px;opacity:.7}.photo-preview[data-v-fec8c4ad]{position:relative;width:100%;height:180px}.photo-preview img[data-v-fec8c4ad]{width:100%;height:100%;object-fit:cover}.remove-photo-btn[data-v-fec8c4ad]{position:absolute;top:8px;right:8px;background-color:#ff3b30e6;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:#fff}.remove-photo-btn[data-v-fec8c4ad]:hover{background-color:#ff3b30;transform:scale(1.1)}.input-error[data-v-fec8c4ad]{border-color:#ff6b6b!important;background-color:#ff6b6b1a!important}.error-message[data-v-fec8c4ad]{background-color:#ff6b6b1a;border:1px solid #ff6b6b;color:#ff6b6b;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.success-message[data-v-fec8c4ad]{background-color:#4caf501a;border:1px solid #4caf50;color:#4caf50;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.modal-actions[data-v-fec8c4ad]{display:flex;gap:12px;margin-top:25px}.btn-cancel[data-v-fec8c4ad],.btn-submit[data-v-fec8c4ad]{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.btn-cancel[data-v-fec8c4ad]{background-color:#e0e0e0;color:#5a1e2b}.btn-cancel[data-v-fec8c4ad]:hover:not(:disabled){background-color:#d0d0d0}.btn-submit[data-v-fec8c4ad]{background:linear-gradient(187deg,#db204c,#571625);color:#fff}.btn-submit[data-v-fec8c4ad]:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 12px #db204c66}.btn-cancel[data-v-fec8c4ad]:disabled,.btn-submit[data-v-fec8c4ad]:disabled{opacity:.6;cursor:not-allowed}.modal-container[data-v-fec8c4ad]::-webkit-scrollbar{width:8px}.modal-container[data-v-fec8c4ad]::-webkit-scrollbar-track{background:#f0f0f0}.modal-container[data-v-fec8c4ad]::-webkit-scrollbar-thumb{background:#d7385a;border-radius:4px}.modal-container[data-v-fec8c4ad]::-webkit-scrollbar-thumb:hover{background:#5a1e2b}div[data-v-1ccba5a2]{background-color:#0f0f0f;color:#fff}.parent[data-v-1ccba5a2]{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(23,1fr);gap:10px;height:100vh}.div1[data-v-1ccba5a2]{grid-row:span 23 / span 23;grid-column:1 / 2;display:flex;flex-direction:column}.div3[data-v-1ccba5a2]{grid-column:span 3 / span 4;grid-column-start:2;grid-row-start:3;display:flex;align-items:center;position:relative;left:20px}.search-input[data-v-1ccba5a2]{width:90%;padding:12px 20px;background-color:#121517;border:2px solid #2a2d31;border-radius:10px;color:#fff;font-size:16px;transition:border-color .3s}.search-input[data-v-1ccba5a2]:focus{outline:none;border-color:#cd8f35}.search-input[data-v-1ccba5a2]::placeholder{color:#666}.div4[data-v-1ccba5a2]{grid-column-start:6;grid-row-start:3;display:flex;align-items:center;justify-content:center}.btn-new-appointment[data-v-1ccba5a2]{background:linear-gradient(187deg,#db204c,#571625);border:none;border-radius:10px;width:80%;height:48px;color:#fff;font-weight:bolder;font-size:18px;cursor:pointer;transition:transform .2s}.btn-new-appointment[data-v-1ccba5a2]:hover{transform:scale(1.05)}.div5[data-v-1ccba5a2]{grid-column:span 5 / span 5;grid-row:span 20 / span 20;grid-column-start:2;grid-row-start:4;background-color:transparent;border-radius:12px;padding:20px;overflow-y:auto}.loading-message[data-v-1ccba5a2],.error-message[data-v-1ccba5a2],.empty-message[data-v-1ccba5a2]{display:flex;justify-content:center;align-items:center;height:100%;font-size:18px;color:#888}.error-message[data-v-1ccba5a2]{color:#ff6b6b}.appointments-grid[data-v-1ccba5a2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;background-color:transparent}.appointment-card[data-v-1ccba5a2]{background-color:#1a1d21;border-radius:12px;padding:20px;transition:transform .2s,box-shadow .2s;border:2px solid transparent}.appointment-card[data-v-1ccba5a2]:hover{transform:translateY(-5px);box-shadow:0 8px 16px #cd8f3533;border-color:#cd8f35}.appointment-header[data-v-1ccba5a2]{display:flex;align-items:center;gap:15px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #2a2d31;background-color:transparent}.appointment-photo[data-v-1ccba5a2]{width:80px;height:80px;border-radius:8px;overflow:hidden;flex-shrink:0;border:2px solid #cd8f35;background-color:#2a2d31}.appointment-photo img[data-v-1ccba5a2]{width:100%;height:100%;object-fit:cover;display:block}.appointment-placeholder[data-v-1ccba5a2]{width:80px;height:80px;border-radius:8px;border:2px dashed #2a2d31;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.appointment-info[data-v-1ccba5a2]{flex:1;min-width:0;background-color:transparent}.appointment-client[data-v-1ccba5a2]{font-size:18px;font-weight:700;color:#fff;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appointment-procedure[data-v-1ccba5a2]{font-size:14px;color:#cd8f35;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appointment-details[data-v-1ccba5a2]{display:flex;flex-direction:column;gap:10px;margin-bottom:15px;background-color:transparent}.detail-item[data-v-1ccba5a2]{display:flex;justify-content:space-between;align-items:center;font-size:14px;background-color:transparent}.detail-label[data-v-1ccba5a2]{color:#888;font-weight:600}.detail-value[data-v-1ccba5a2]{color:#fff;text-align:right}.status-badge[data-v-1ccba5a2]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase}.status-badge.waiting[data-v-1ccba5a2]{background-color:#ffa72633;color:#ffa726}.status-badge.confirmed[data-v-1ccba5a2]{background-color:#4caf5033;color:#4caf50}.status-badge.completed[data-v-1ccba5a2]{background-color:#2196f333;color:#2196f3}.status-badge.cancelled[data-v-1ccba5a2]{background-color:#f4433633;color:#f44336}.appointment-actions[data-v-1ccba5a2]{display:flex;gap:10px}.btn-view[data-v-1ccba5a2]{flex:1;padding:10px;background-color:#2a2d31;border:1px solid #cd8f35;border-radius:8px;color:#cd8f35;font-weight:700;cursor:pointer;transition:all .2s}.btn-view[data-v-1ccba5a2]:hover{background-color:#cd8f35;color:#000}.div5[data-v-1ccba5a2]::-webkit-scrollbar{width:8px}.div5[data-v-1ccba5a2]::-webkit-scrollbar-track{background:#1a1d21;border-radius:4px}.div5[data-v-1ccba5a2]::-webkit-scrollbar-thumb{background:#cd8f35;border-radius:4px}.div5[data-v-1ccba5a2]::-webkit-scrollbar-thumb:hover{background:#b87d2e}@media (max-width: 1200px){.appointments-grid[data-v-1ccba5a2]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.div2 img[data-v-1ccba5a2]{max-width:50%}}@media (max-width: 768px){.parent[data-v-1ccba5a2]{grid-template-columns:1fr;grid-template-rows:auto;height:auto;min-height:100vh}.div1[data-v-1ccba5a2]{grid-row:1;grid-column:1;height:auto}.div2[data-v-1ccba5a2]{grid-column:1;grid-row:2;padding:20px 0}.div2 img[data-v-1ccba5a2]{max-width:60%}.div3[data-v-1ccba5a2]{grid-column:1;grid-row:3;left:0;padding:0 20px}.search-input[data-v-1ccba5a2]{width:100%}.div4[data-v-1ccba5a2]{grid-column:1;grid-row:4;padding:0 20px}.btn-new-appointment[data-v-1ccba5a2]{width:100%}.div5[data-v-1ccba5a2]{grid-column:1;grid-row:5;padding:10px}.appointments-grid[data-v-1ccba5a2]{grid-template-columns:1fr;gap:15px}}.modal-overlay[data-v-b20f93ed]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000f2;display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn-b20f93ed .3s ease}@keyframes fadeIn-b20f93ed{0%{opacity:0}to{opacity:1}}.modal-container[data-v-b20f93ed]{width:95%;height:95%;display:flex;flex-direction:column;background-color:#1a1d21;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #000c}.modal-header[data-v-b20f93ed]{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:linear-gradient(135deg,#2a2d31,#1a1d21);border-bottom:2px solid #cd8f35}.header-info h2[data-v-b20f93ed]{margin:0;font-size:28px;color:#fff;font-weight:700}.header-info p[data-v-b20f93ed]{margin:5px 0 0;font-size:16px;color:#cd8f35}.header-actions[data-v-b20f93ed]{display:flex;gap:10px}.btn-print[data-v-b20f93ed],.btn-download[data-v-b20f93ed],.btn-close[data-v-b20f93ed]{width:48px;height:48px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:#fff}.btn-print[data-v-b20f93ed]{background-color:#4caf50}.btn-print[data-v-b20f93ed]:hover{background-color:#45a049;transform:scale(1.1)}.btn-download[data-v-b20f93ed]{background-color:#2196f3}.btn-download[data-v-b20f93ed]:hover{background-color:#1976d2;transform:scale(1.1)}.btn-close[data-v-b20f93ed]{background-color:#f44336}.btn-close[data-v-b20f93ed]:hover{background-color:#da190b;transform:scale(1.1)}.image-container[data-v-b20f93ed]{flex:1;display:flex;justify-content:center;align-items:center;padding:30px;position:relative;overflow:auto;background-color:#0f0f0f}.image-container img[data-v-b20f93ed]{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;cursor:zoom-in;transition:transform .3s ease;box-shadow:0 10px 40px #00000080}.image-container img.zoomed[data-v-b20f93ed]{cursor:zoom-out;max-width:none;max-height:none;width:auto;height:auto;transform:scale(1.5)}.zoom-hint[data-v-b20f93ed]{position:absolute;bottom:50px;left:50%;transform:translate(-50%);background-color:#000000b3;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;pointer-events:none;animation:pulse-b20f93ed 2s infinite}@keyframes pulse-b20f93ed{0%,to{opacity:.6}50%{opacity:1}}.image-info[data-v-b20f93ed]{display:flex;justify-content:center;gap:40px;padding:20px 30px;background:linear-gradient(135deg,#1a1d21,#2a2d31);border-top:2px solid #cd8f35}.info-item[data-v-b20f93ed]{display:flex;align-items:center;gap:10px}.info-label[data-v-b20f93ed]{font-size:16px;color:#888;font-weight:600}.info-value[data-v-b20f93ed]{font-size:16px;color:#fff;font-weight:700}.print-area[data-v-b20f93ed]{display:none}@media print{body[data-v-b20f93ed] *{visibility:hidden}.print-area[data-v-b20f93ed],.print-area[data-v-b20f93ed] *{visibility:visible}.print-area[data-v-b20f93ed]{position:fixed;left:0;top:0;width:100%;display:block;padding:20mm}.print-header[data-v-b20f93ed]{text-align:center;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #000}.print-header h1[data-v-b20f93ed]{margin:0 0 10px;font-size:32px;color:#000}.print-header p[data-v-b20f93ed]{margin:5px 0;font-size:18px;color:#333}.print-date[data-v-b20f93ed]{font-weight:700;margin-top:10px!important}.print-area img[data-v-b20f93ed]{width:100%;max-width:100%;height:auto;display:block;margin:0 auto;page-break-inside:avoid}}.image-container[data-v-b20f93ed]::-webkit-scrollbar{width:10px;height:10px}.image-container[data-v-b20f93ed]::-webkit-scrollbar-track{background:#1a1d21}.image-container[data-v-b20f93ed]::-webkit-scrollbar-thumb{background:#cd8f35;border-radius:5px}.image-container[data-v-b20f93ed]::-webkit-scrollbar-thumb:hover{background:#b87d2e}.parent[data-v-afea7e31]{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(23,1fr);height:100vh;background-color:#0f0f0f;color:#fff}.div1[data-v-afea7e31]{grid-row:span 23 / span 23;grid-column:1 / 2;display:flex;flex-direction:column}.div3[data-v-afea7e31]{grid-column:span 3 / span 4;grid-column-start:2;grid-row-start:3;display:flex;align-items:center;position:relative;left:20px;background-color:#0f0f0f}.filters[data-v-afea7e31]{display:flex;gap:15px;width:90%}.search-input[data-v-afea7e31]{flex:1;padding:12px 20px;background-color:#121517;border:2px solid #2a2d31;border-radius:10px;color:#fff;font-size:16px;transition:border-color .3s}.search-input[data-v-afea7e31]:focus{outline:none;border-color:#cd8f35}.search-input[data-v-afea7e31]::placeholder{color:#666}.sort-select[data-v-afea7e31]{padding:12px 40px 12px 20px;background-color:#121517;border:2px solid #2a2d31;border-radius:10px;color:#fff;font-size:16px;cursor:pointer;transition:border-color .3s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23cd8f35' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center}.sort-select[data-v-afea7e31]:focus{outline:none;border-color:#cd8f35}.div4[data-v-afea7e31]{grid-column-start:6;grid-row-start:3;display:flex;align-items:center;justify-content:center;padding:0;background-color:#0f0f0f}.stats[data-v-afea7e31]{display:flex;gap:30px;padding:15px 30px;border-radius:12px;background-color:transparent}.stat-item[data-v-afea7e31]{display:flex;flex-direction:column;align-items:center;gap:5px}.stat-number[data-v-afea7e31]{font-size:28px;font-weight:700;background:linear-gradient(135deg,#cd8f35,#ffa726);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-label[data-v-afea7e31]{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:1px}.div5[data-v-afea7e31]{grid-column:span 5 / span 5;grid-row:span 20 / span 20;grid-column-start:2;grid-row-start:4;background-color:transparent;border-radius:12px;padding:20px;overflow-y:auto}.loading-message[data-v-afea7e31]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:20px}.spinner[data-v-afea7e31]{width:50px;height:50px;border:4px solid #2a2d31;border-top-color:#cd8f35;border-radius:50%;animation:spin-afea7e31 1s linear infinite}@keyframes spin-afea7e31{to{transform:rotate(360deg)}}.loading-message p[data-v-afea7e31]{font-size:18px;color:#888}.error-message[data-v-afea7e31]{display:flex;justify-content:center;align-items:center;height:100%;font-size:18px;color:#ff6b6b;text-align:center}.empty-message[data-v-afea7e31]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:20px;color:#666}.empty-message svg[data-v-afea7e31]{opacity:.5}.empty-message p[data-v-afea7e31]{font-size:18px;margin:0}.gallery-grid[data-v-afea7e31]{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(23,1fr);gap:20px;padding-bottom:20px}.gallery-item[data-v-afea7e31]{background-color:#1a1d21;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .3s,box-shadow .3s;border:2px solid transparent}.gallery-item[data-v-afea7e31]:hover{transform:translateY(-8px);box-shadow:0 12px 24px #cd8f354d;border-color:#cd8f35}.image-wrapper[data-v-afea7e31]{position:relative;width:100%;padding-bottom:100%;overflow:hidden;background-color:#2a2d31}.image-wrapper img[data-v-afea7e31]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}.gallery-item:hover .image-wrapper img[data-v-afea7e31]{transform:scale(1.1)}.image-overlay[data-v-afea7e31]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#cd8f35cc,#ffa726cc);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.gallery-item:hover .image-overlay[data-v-afea7e31]{opacity:1}.overlay-content svg[data-v-afea7e31]{color:#fff;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.item-info[data-v-afea7e31]{padding:15px;display:flex;gap:12px;align-items:center}.client-avatar[data-v-afea7e31]{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#cd8f35,#ffa726);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#0f0f0f;flex-shrink:0;box-shadow:0 4px 8px #cd8f354d}.item-details[data-v-afea7e31]{flex:1;min-width:0}.client-name[data-v-afea7e31]{margin:0 0 5px;font-size:16px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.procedure-name[data-v-afea7e31]{margin:0 0 8px;font-size:14px;color:#cd8f35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-meta[data-v-afea7e31]{display:flex;align-items:center;gap:10px}.meta-date[data-v-afea7e31]{display:flex;align-items:center;gap:5px;font-size:12px;color:#888}.meta-date svg[data-v-afea7e31]{color:#cd8f35}.div5[data-v-afea7e31]::-webkit-scrollbar{width:8px}.div5[data-v-afea7e31]::-webkit-scrollbar-track{background:#1a1d21;border-radius:4px}.div5[data-v-afea7e31]::-webkit-scrollbar-thumb{background:#cd8f35;border-radius:4px}.div5[data-v-afea7e31]::-webkit-scrollbar-thumb:hover{background:#b87d2e}@media (max-width: 1400px){.gallery-grid[data-v-afea7e31]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 1200px){.gallery-grid[data-v-afea7e31]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width: 900px){.gallery-grid[data-v-afea7e31]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.filters[data-v-afea7e31]{flex-direction:column}}.modal-overlay[data-v-4d8ad8c5]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container[data-v-4d8ad8c5]{background-color:#f0f0f0;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000080}.modal-header[data-v-4d8ad8c5]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px}.modal-header h2[data-v-4d8ad8c5]{background:linear-gradient(1deg,#5a1e2b,#d7385a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;font-size:28px;font-weight:700}.close-btn[data-v-4d8ad8c5]{background:none;border:none;color:#6d2335;font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-btn[data-v-4d8ad8c5]:hover{color:#cd8f35}.modal-form[data-v-4d8ad8c5]{padding:25px}.form-group[data-v-4d8ad8c5]{margin-bottom:20px}.form-row[data-v-4d8ad8c5]{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group label[data-v-4d8ad8c5]{display:block;color:#6d2335;font-weight:700;margin-bottom:8px;font-size:14px}.form-group input[data-v-4d8ad8c5],.form-group select[data-v-4d8ad8c5]{width:100%;padding:12px;background-color:transparent;border:2px solid #6d2335;border-radius:8px;color:#000;font-size:16px;box-sizing:border-box;transition:border-color .3s}.form-group select[data-v-4d8ad8c5]{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236d2335' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:40px}.form-group input[data-v-4d8ad8c5]:focus,.form-group select[data-v-4d8ad8c5]:focus{outline:none;border-color:#cd8f35}.form-group input[data-v-4d8ad8c5]::placeholder{color:#999}.error-message[data-v-4d8ad8c5]{background-color:#ff6b6b1a;border:1px solid #ff6b6b;color:#ff6b6b;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.success-message[data-v-4d8ad8c5]{background-color:#4caf501a;border:1px solid #4caf50;color:#4caf50;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.modal-actions[data-v-4d8ad8c5]{display:flex;gap:12px;margin-top:25px}.btn-cancel[data-v-4d8ad8c5],.btn-submit[data-v-4d8ad8c5]{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.btn-cancel[data-v-4d8ad8c5]{background-color:#2a2d31;color:#fff}.btn-cancel[data-v-4d8ad8c5]:hover:not(:disabled){background-color:#3a3d41}.btn-submit[data-v-4d8ad8c5]{background:linear-gradient(187deg,#db204c,#571625);color:#fff}.btn-submit[data-v-4d8ad8c5]:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 12px #db204c66}.btn-cancel[data-v-4d8ad8c5]:disabled,.btn-submit[data-v-4d8ad8c5]:disabled{opacity:.6;cursor:not-allowed}.modal-container[data-v-4d8ad8c5]::-webkit-scrollbar{width:8px}.modal-container[data-v-4d8ad8c5]::-webkit-scrollbar-track{background:#1a1d21}.modal-container[data-v-4d8ad8c5]::-webkit-scrollbar-thumb{background:#cd8f35;border-radius:4px}.modal-container[data-v-4d8ad8c5]::-webkit-scrollbar-thumb:hover{background:#b87d2e}@media (max-width: 600px){.form-row[data-v-4d8ad8c5]{grid-template-columns:1fr}}.modal-overlay[data-v-ae803a81]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container[data-v-ae803a81]{background-color:#f0f0f0;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000080}.modal-header[data-v-ae803a81]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px}.modal-header h2[data-v-ae803a81]{background:linear-gradient(1deg,#5a1e2b,#d7385a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;font-size:28px;font-weight:700}.close-btn[data-v-ae803a81]{background:none;border:none;color:#6d2335;font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-btn[data-v-ae803a81]:hover{color:#cd8f35}.modal-form[data-v-ae803a81]{padding:25px}.form-group[data-v-ae803a81]{margin-bottom:20px}.form-row[data-v-ae803a81]{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group label[data-v-ae803a81]{display:block;color:#6d2335;font-weight:700;margin-bottom:8px;font-size:14px}.form-group input[data-v-ae803a81],.form-group select[data-v-ae803a81]{width:100%;padding:12px;background-color:transparent;border:2px solid #6d2335;border-radius:8px;color:#000;font-size:16px;box-sizing:border-box;transition:border-color .3s}.form-group select[data-v-ae803a81]{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236d2335' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:40px}.form-group input[data-v-ae803a81]:focus,.form-group select[data-v-ae803a81]:focus{outline:none;border-color:#cd8f35}.form-group input[data-v-ae803a81]::placeholder{color:#999}.error-message[data-v-ae803a81]{background-color:#ff6b6b1a;border:1px solid #ff6b6b;color:#ff6b6b;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.success-message[data-v-ae803a81]{background-color:#4caf501a;border:1px solid #4caf50;color:#4caf50;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.modal-actions[data-v-ae803a81]{display:flex;gap:12px;margin-top:25px}.btn-cancel[data-v-ae803a81],.btn-submit[data-v-ae803a81]{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.btn-cancel[data-v-ae803a81]{background-color:#2a2d31;color:#fff}.btn-cancel[data-v-ae803a81]:hover:not(:disabled){background-color:#3a3d41}.btn-submit[data-v-ae803a81]{background:linear-gradient(187deg,#db204c,#571625);color:#fff}.btn-submit[data-v-ae803a81]:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 12px #db204c66}.btn-cancel[data-v-ae803a81]:disabled,.btn-submit[data-v-ae803a81]:disabled{opacity:.6;cursor:not-allowed}.modal-container[data-v-ae803a81]::-webkit-scrollbar{width:8px}.modal-container[data-v-ae803a81]::-webkit-scrollbar-track{background:#1a1d21}.modal-container[data-v-ae803a81]::-webkit-scrollbar-thumb{background:#cd8f35;border-radius:4px}.modal-container[data-v-ae803a81]::-webkit-scrollbar-thumb:hover{background:#b87d2e}@media (max-width: 600px){.form-row[data-v-ae803a81]{grid-template-columns:1fr}}.parent[data-v-2ee1be01]{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(23,1fr);height:100vh;background-color:#0f0f0f;color:#fff}.div1[data-v-2ee1be01]{grid-row:span 23 / span 23;grid-column:1 / 2;display:flex;flex-direction:column}.div3[data-v-2ee1be01]{grid-column:span 3 / span 4;grid-column-start:2;grid-row-start:3;display:flex;align-items:center;position:relative;left:20px}.filters[data-v-2ee1be01]{display:flex;gap:15px;width:90%}.search-input[data-v-2ee1be01]{flex:1;padding:12px 20px;background-color:#121517;border:2px solid #2a2d31;border-radius:10px;color:#fff;font-size:16px;transition:border-color .3s}.search-input[data-v-2ee1be01]:focus{outline:none;border-color:#cd8f35}.search-input[data-v-2ee1be01]::placeholder{color:#666}.sort-select[data-v-2ee1be01]{padding:12px 40px 12px 20px;background-color:#121517;border:2px solid #2a2d31;border-radius:10px;color:#fff;font-size:16px;cursor:pointer;transition:border-color .3s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23cd8f35' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center}.sort-select[data-v-2ee1be01]:focus{outline:none;border-color:#cd8f35}.div4[data-v-2ee1be01]{grid-column-start:6;grid-row-start:3;display:flex;align-items:center;justify-content:center}.btn-new-procedure[data-v-2ee1be01]{background:linear-gradient(187deg,#db204c,#571625);border:none;border-radius:10px;width:98%;height:48px;color:#fff;font-weight:bolder;font-size:18px;cursor:pointer;transition:transform .2s}.btn-new-procedure[data-v-2ee1be01]:hover{transform:scale(1.05)}.div5[data-v-2ee1be01]{grid-column:span 5 / span 5;grid-row:span 20 / span 20;grid-column-start:2;grid-row-start:4;background-color:transparent;border-radius:12px;padding:20px;overflow-y:auto}.loading-message[data-v-2ee1be01]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:20px}.spinner[data-v-2ee1be01]{width:50px;height:50px;border:4px solid #2a2d31;border-top-color:#cd8f35;border-radius:50%;animation:spin-2ee1be01 1s linear infinite}@keyframes spin-2ee1be01{to{transform:rotate(360deg)}}.loading-message p[data-v-2ee1be01]{font-size:18px;color:#888}.error-message[data-v-2ee1be01]{display:flex;justify-content:center;align-items:center;height:100%;font-size:18px;color:#ff6b6b;text-align:center}.empty-message[data-v-2ee1be01]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:20px;color:#666}.empty-message svg[data-v-2ee1be01]{opacity:.5}.empty-message p[data-v-2ee1be01]{font-size:18px;margin:0}.procedures-grid[data-v-2ee1be01]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding-bottom:20px}.procedure-card[data-v-2ee1be01]{background-color:#1a1d21;border-radius:12px;padding:20px;transition:transform .3s,box-shadow .3s;border:2px solid transparent}.procedure-card[data-v-2ee1be01]:hover{transform:translateY(-5px);box-shadow:0 12px 24px #cd8f354d;border-color:#cd8f35}.procedure-header[data-v-2ee1be01]{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #2a2d31}.procedure-icon[data-v-2ee1be01]{width:60px;height:60px;border-radius:12px;background:linear-gradient(135deg,#cd8f35,#ffa726);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 8px #cd8f354d}.procedure-icon svg[data-v-2ee1be01]{color:#0f0f0f}.procedure-info[data-v-2ee1be01]{flex:1;min-width:0}.procedure-name[data-v-2ee1be01]{font-size:18px;font-weight:700;color:#fff;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.procedure-type[data-v-2ee1be01]{font-size:14px;color:#cd8f35;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.procedure-details[data-v-2ee1be01]{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.detail-row[data-v-2ee1be01]{display:flex;align-items:center;gap:10px;font-size:14px}.detail-icon[data-v-2ee1be01]{font-size:18px;width:24px;text-align:center}.detail-label[data-v-2ee1be01]{color:#888;font-weight:600;min-width:90px}.detail-value[data-v-2ee1be01]{color:#fff;font-weight:500}.procedure-actions[data-v-2ee1be01]{display:flex;gap:10px}.btn-edit[data-v-2ee1be01],.btn-delete[data-v-2ee1be01]{flex:1;padding:10px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px}.btn-edit[data-v-2ee1be01]{background-color:#2a2d31;border:1px solid #cd8f35;color:#cd8f35}.btn-edit[data-v-2ee1be01]:hover{background-color:#cd8f35;color:#000}.btn-delete[data-v-2ee1be01]{background-color:#2a2d31;border:1px solid #ff6b6b;color:#ff6b6b}.btn-delete[data-v-2ee1be01]:hover{background-color:#ff6b6b;color:#fff}.div5[data-v-2ee1be01]::-webkit-scrollbar{width:8px}.div5[data-v-2ee1be01]::-webkit-scrollbar-track{background:#1a1d21;border-radius:4px}.div5[data-v-2ee1be01]::-webkit-scrollbar-thumb{background:#cd8f35;border-radius:4px}.div5[data-v-2ee1be01]::-webkit-scrollbar-thumb:hover{background:#b87d2e}@media (max-width: 1400px){.procedures-grid[data-v-2ee1be01]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 1200px){.procedures-grid[data-v-2ee1be01]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 900px){.procedures-grid[data-v-2ee1be01]{grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}.filters[data-v-2ee1be01]{flex-direction:column}}.modal-overlay[data-v-9598672c]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container[data-v-9598672c]{background-color:#f0f0f0;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000080}.modal-header[data-v-9598672c]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px}.modal-header h2[data-v-9598672c]{background:linear-gradient(1deg,#5a1e2b,#d7385a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;font-size:28px;font-weight:700}.close-btn[data-v-9598672c]{background:none;border:none;color:#6d2335;font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-btn[data-v-9598672c]:hover{color:#cd8f35}.modal-form[data-v-9598672c]{padding:25px}.form-group[data-v-9598672c]{margin-bottom:20px}.form-row[data-v-9598672c]{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group label[data-v-9598672c]{display:block;color:#6d2335;font-weight:700;margin-bottom:8px;font-size:14px}.form-group input[data-v-9598672c],.form-group select[data-v-9598672c]{width:100%;padding:12px;background-color:transparent;border:2px solid #6d2335;border-radius:8px;color:#000;font-size:16px;box-sizing:border-box;transition:border-color .3s}.form-group select[data-v-9598672c]{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236d2335' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:40px}.form-group input[data-v-9598672c]:focus,.form-group select[data-v-9598672c]:focus{outline:none;border-color:#cd8f35}.form-group input[data-v-9598672c]::placeholder{color:#999}.error-message[data-v-9598672c]{background-color:#ff6b6b1a;border:1px solid #ff6b6b;color:#ff6b6b;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.success-message[data-v-9598672c]{background-color:#4caf501a;border:1px solid #4caf50;color:#4caf50;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.modal-actions[data-v-9598672c]{display:flex;gap:12px;margin-top:25px}.btn-cancel[data-v-9598672c],.btn-submit[data-v-9598672c]{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.btn-cancel[data-v-9598672c]{background-color:#2a2d31;color:#fff}.btn-cancel[data-v-9598672c]:hover:not(:disabled){background-color:#3a3d41}.btn-submit[data-v-9598672c]{background:linear-gradient(187deg,#db204c,#571625);color:#fff}.btn-submit[data-v-9598672c]:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 12px #db204c66}.btn-cancel[data-v-9598672c]:disabled,.btn-submit[data-v-9598672c]:disabled{opacity:.6;cursor:not-allowed}.modal-container[data-v-9598672c]::-webkit-scrollbar{width:8px}.modal-container[data-v-9598672c]::-webkit-scrollbar-track{background:#1a1d21}.modal-container[data-v-9598672c]::-webkit-scrollbar-thumb{background:#cd8f35;border-radius:4px}.modal-container[data-v-9598672c]::-webkit-scrollbar-thumb:hover{background:#b87d2e}@media (max-width: 600px){.form-row[data-v-9598672c]{grid-template-columns:1fr}}.modal-overlay[data-v-a675d1ce]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container[data-v-a675d1ce]{background-color:#f0f0f0;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000080}.modal-header[data-v-a675d1ce]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px}.modal-header h2[data-v-a675d1ce]{background:linear-gradient(1deg,#5a1e2b,#d7385a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;font-size:28px;font-weight:700}.close-btn[data-v-a675d1ce]{background:none;border:none;color:#6d2335;font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-btn[data-v-a675d1ce]:hover{color:#cd8f35}.modal-form[data-v-a675d1ce]{padding:25px}.form-group[data-v-a675d1ce]{margin-bottom:20px}.form-row[data-v-a675d1ce]{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group label[data-v-a675d1ce]{display:block;color:#6d2335;font-weight:700;margin-bottom:8px;font-size:14px}.form-group input[data-v-a675d1ce],.form-group select[data-v-a675d1ce]{width:100%;padding:12px;background-color:transparent;border:2px solid #6d2335;border-radius:8px;color:#000;font-size:16px;box-sizing:border-box;transition:border-color .3s}.form-group select[data-v-a675d1ce]{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236d2335' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:40px}.form-group input[data-v-a675d1ce]:focus,.form-group select[data-v-a675d1ce]:focus{outline:none;border-color:#cd8f35}.form-group input[data-v-a675d1ce]::placeholder{color:#999}.error-message[data-v-a675d1ce]{background-color:#ff6b6b1a;border:1px solid #ff6b6b;color:#ff6b6b;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.success-message[data-v-a675d1ce]{background-color:#4caf501a;border:1px solid #4caf50;color:#4caf50;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.modal-actions[data-v-a675d1ce]{display:flex;gap:12px;margin-top:25px}.btn-cancel[data-v-a675d1ce],.btn-submit[data-v-a675d1ce]{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.btn-cancel[data-v-a675d1ce]{background-color:#2a2d31;color:#fff}.btn-cancel[data-v-a675d1ce]:hover:not(:disabled){background-color:#3a3d41}.btn-submit[data-v-a675d1ce]{background:linear-gradient(187deg,#db204c,#571625);color:#fff}.btn-submit[data-v-a675d1ce]:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 12px #db204c66}.btn-cancel[data-v-a675d1ce]:disabled,.btn-submit[data-v-a675d1ce]:disabled{opacity:.6;cursor:not-allowed}.modal-container[data-v-a675d1ce]::-webkit-scrollbar{width:8px}.modal-container[data-v-a675d1ce]::-webkit-scrollbar-track{background:#1a1d21}.modal-container[data-v-a675d1ce]::-webkit-scrollbar-thumb{background:#cd8f35;border-radius:4px}.modal-container[data-v-a675d1ce]::-webkit-scrollbar-thumb:hover{background:#b87d2e}@media (max-width: 600px){.form-row[data-v-a675d1ce]{grid-template-columns:1fr}}.modal-overlay[data-v-a4e0feea]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container[data-v-a4e0feea]{background-color:#f0f0f0;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000080}.modal-header[data-v-a4e0feea]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px}.modal-header h2[data-v-a4e0feea]{background:linear-gradient(1deg,#5a1e2b,#d7385a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;font-size:28px;font-weight:700}.close-btn[data-v-a4e0feea]{background:none;border:none;color:#6d2335;font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-btn[data-v-a4e0feea]:hover{color:#cd8f35}.modal-form[data-v-a4e0feea]{padding:25px}.form-group[data-v-a4e0feea]{margin-bottom:20px}.form-row[data-v-a4e0feea]{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group label[data-v-a4e0feea]{display:block;color:#6d2335;font-weight:700;margin-bottom:8px;font-size:14px}.form-group input[data-v-a4e0feea],.form-group select[data-v-a4e0feea]{width:100%;padding:12px;background-color:transparent;border:2px solid #6d2335;border-radius:8px;color:#000;font-size:16px;box-sizing:border-box;transition:border-color .3s}.form-group select[data-v-a4e0feea]{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236d2335' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:40px}.form-group input[data-v-a4e0feea]:focus,.form-group select[data-v-a4e0feea]:focus{outline:none;border-color:#cd8f35}.form-group input[data-v-a4e0feea]::placeholder{color:#999}.helper-text[data-v-a4e0feea]{display:block;margin-top:5px;color:#666;font-size:12px}.total-price[data-v-a4e0feea]{background:linear-gradient(135deg,#6d23351a,#cd8f351a);border-radius:8px;padding:15px;margin:25px 0}.total-price label[data-v-a4e0feea]{font-size:16px;margin-bottom:10px}.total-display[data-v-a4e0feea]{font-size:32px;font-weight:700;background:linear-gradient(135deg,#6d2335,#cd8f35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;padding:10px 0}.error-message[data-v-a4e0feea]{background-color:#ff6b6b1a;border:1px solid #ff6b6b;color:#ff6b6b;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.success-message[data-v-a4e0feea]{background-color:#4caf501a;border:1px solid #4caf50;color:#4caf50;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.modal-actions[data-v-a4e0feea]{display:flex;gap:12px;margin-top:25px}.btn-cancel[data-v-a4e0feea],.btn-submit[data-v-a4e0feea]{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.btn-cancel[data-v-a4e0feea]{background-color:#2a2d31;color:#fff}.btn-cancel[data-v-a4e0feea]:hover:not(:disabled){background-color:#3a3d41}.btn-submit[data-v-a4e0feea]{background:linear-gradient(187deg,#db204c,#571625);color:#fff}.btn-submit[data-v-a4e0feea]:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 12px #db204c66}.btn-cancel[data-v-a4e0feea]:disabled,.btn-submit[data-v-a4e0feea]:disabled{opacity:.6;cursor:not-allowed}.modal-container[data-v-a4e0feea]::-webkit-scrollbar{width:8px}.modal-container[data-v-a4e0feea]::-webkit-scrollbar-track{background:#1a1d21}.modal-container[data-v-a4e0feea]::-webkit-scrollbar-thumb{background:#cd8f35;border-radius:4px}.modal-container[data-v-a4e0feea]::-webkit-scrollbar-thumb:hover{background:#b87d2e}@media (max-width: 600px){.form-row[data-v-a4e0feea]{grid-template-columns:1fr}}.parent[data-v-ccffc946]{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(23,1fr);height:100vh;background-color:#0f0f0f;color:#fff}.div1[data-v-ccffc946]{grid-row:span 23 / span 23;grid-column:1 / 2;display:flex;flex-direction:column}.div3[data-v-ccffc946]{grid-column:span 3 / span 4;grid-column-start:2;grid-row-start:3;display:flex;align-items:center;position:relative;left:20px}.date-filters[data-v-ccffc946]{display:flex;gap:15px;width:90%}.date-group[data-v-ccffc946]{flex:1;display:flex;flex-direction:column;gap:5px}.date-group label[data-v-ccffc946]{font-size:12px;color:#888;font-weight:600}.date-input[data-v-ccffc946]{padding:12px;background-color:#121517;border:2px solid #2a2d31;border-radius:10px;color:#fff;font-size:14px;transition:border-color .3s}.date-input[data-v-ccffc946]:focus{outline:none;border-color:#cd8f35}.div4[data-v-ccffc946]{grid-column-start:6;grid-row-start:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.btn-new-sale[data-v-ccffc946],.btn-new-financial[data-v-ccffc946]{border:none;border-radius:10px;width:80%;height:40px;color:#fff;font-weight:bolder;font-size:14px;cursor:pointer;transition:transform .2s}.btn-new-sale[data-v-ccffc946]{background:linear-gradient(187deg,#4caf50,#1b5e20)}.btn-new-financial[data-v-ccffc946]{background:linear-gradient(187deg,#db204c,#571625)}.btn-new-sale[data-v-ccffc946]:hover,.btn-new-financial[data-v-ccffc946]:hover{transform:scale(1.05)}.div5[data-v-ccffc946]{grid-column:span 5 / span 5;grid-row:span 20 / span 20;grid-column-start:2;grid-row-start:4;background-color:transparent;border-radius:12px;padding:20px;overflow-y:auto}.loading-message[data-v-ccffc946]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:20px}.spinner[data-v-ccffc946]{width:50px;height:50px;border:4px solid #2a2d31;border-top-color:#cd8f35;border-radius:50%;animation:spin-ccffc946 1s linear infinite}@keyframes spin-ccffc946{to{transform:rotate(360deg)}}.loading-message p[data-v-ccffc946]{font-size:18px;color:#888}.financial-content[data-v-ccffc946]{display:flex;flex-direction:column;gap:30px}.summary-cards[data-v-ccffc946]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.summary-card[data-v-ccffc946]{background:linear-gradient(135deg,#1a1d21,#2a2d31);border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;border:2px solid transparent;transition:all .3s}.summary-card[data-v-ccffc946]:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000004d}.card-icon[data-v-ccffc946]{font-size:48px;width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:12px;background-color:#cd8f351a}.card-info[data-v-ccffc946]{flex:1}.card-info h3[data-v-ccffc946]{margin:0 0 8px;font-size:14px;color:#888;font-weight:600;text-transform:uppercase}.card-value[data-v-ccffc946]{margin:0 0 5px;font-size:28px;font-weight:700;color:#fff}.card-label[data-v-ccffc946]{font-size:12px;color:#666}.chart-section[data-v-ccffc946]{background-color:#1a1d21;border-radius:12px;padding:25px;border:2px solid #2a2d31}.section-title[data-v-ccffc946]{margin:0 0 20px;font-size:20px;font-weight:700;color:#cd8f35}.chart-container[data-v-ccffc946]{height:300px;position:relative}.tabs-section[data-v-ccffc946]{background-color:#1a1d21;border-radius:12px;border:2px solid #2a2d31;overflow:hidden}.tabs-header[data-v-ccffc946]{display:flex;background-color:#121517;border-bottom:2px solid #2a2d31}.tab-button[data-v-ccffc946]{flex:1;padding:15px 20px;background:transparent;border:none;color:#888;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;border-bottom:3px solid transparent}.tab-button[data-v-ccffc946]:hover{background-color:#cd8f350d;color:#cd8f35}.tab-button.active[data-v-ccffc946]{color:#cd8f35;border-bottom-color:#cd8f35;background-color:#cd8f351a}.tab-content[data-v-ccffc946]{padding:25px}.empty-message[data-v-ccffc946]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:15px;color:#666}.empty-message svg[data-v-ccffc946]{opacity:.5}.bills-table[data-v-ccffc946]{overflow-x:auto}table[data-v-ccffc946]{width:100%;border-collapse:collapse}thead tr[data-v-ccffc946]{border-bottom:2px solid #2a2d31}th[data-v-ccffc946]{text-align:left;padding:12px;font-size:12px;color:#888;font-weight:600;text-transform:uppercase}tbody tr[data-v-ccffc946]{border-bottom:1px solid #2a2d31;transition:background-color .2s}tbody tr[data-v-ccffc946]:hover{background-color:#cd8f350d}tbody tr.overdue[data-v-ccffc946]{background-color:#f443360d}td[data-v-ccffc946]{padding:15px 12px;font-size:14px}.sale-id[data-v-ccffc946]{color:#cd8f35;font-weight:700}.bill-name[data-v-ccffc946]{font-weight:600;color:#fff}.bill-price[data-v-ccffc946]{font-weight:700;color:#cd8f35}.bill-date[data-v-ccffc946]{color:#888}.status-badge[data-v-ccffc946]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase;display:inline-block}.status-badge.paid[data-v-ccffc946]{background-color:#4caf5033;color:#4caf50}.status-badge.unpaid[data-v-ccffc946]{background-color:#ff980033;color:#ff9800}.status-badge.overdue[data-v-ccffc946]{background-color:#f4433633;color:#f44336}.type-badge[data-v-ccffc946]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase;display:inline-block}.type-badge.input[data-v-ccffc946]{background-color:#4caf5033;color:#4caf50}.type-badge.output[data-v-ccffc946]{background-color:#f4433633;color:#f44336}.operational-badge[data-v-ccffc946]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;background-color:#9e9e9e33;color:#9e9e9e}.operational-badge.active[data-v-ccffc946]{background-color:#2196f333;color:#2196f3}.bill-actions[data-v-ccffc946]{display:flex;gap:8px}.btn-icon[data-v-ccffc946]{background-color:#2a2d31;border:1px solid #cd8f35;border-radius:6px;padding:8px;cursor:pointer;transition:all .2s;color:#cd8f35;display:flex;align-items:center;justify-content:center}.btn-icon[data-v-ccffc946]:hover{background-color:#cd8f35;color:#000}.btn-icon.delete[data-v-ccffc946]{border-color:#ff6b6b;color:#ff6b6b}.btn-icon.delete[data-v-ccffc946]:hover{background-color:#ff6b6b;color:#fff}.div5[data-v-ccffc946]::-webkit-scrollbar{width:8px}.div5[data-v-ccffc946]::-webkit-scrollbar-track{background:#1a1d21;border-radius:4px}.div5[data-v-ccffc946]::-webkit-scrollbar-thumb{background:#cd8f35;border-radius:4px}.div5[data-v-ccffc946]::-webkit-scrollbar-thumb:hover{background:#b87d2e}@media (max-width: 1200px){.summary-cards[data-v-ccffc946]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.summary-cards[data-v-ccffc946]{grid-template-columns:1fr}.date-filters[data-v-ccffc946],.tabs-header[data-v-ccffc946]{flex-direction:column}}.modal-overlay[data-v-3d92a707]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container[data-v-3d92a707]{background-color:#f0f0f0;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000080}.modal-header[data-v-3d92a707]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px}.modal-header h2[data-v-3d92a707]{background:linear-gradient(1deg,#5a1e2b,#d7385a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;font-size:28px;font-weight:700}.close-btn[data-v-3d92a707]{background:none;border:none;color:#6d2335;font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-btn[data-v-3d92a707]:hover{color:#cd8f35}.modal-form[data-v-3d92a707]{padding:25px}.form-group[data-v-3d92a707]{margin-bottom:20px}.form-row[data-v-3d92a707]{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group label[data-v-3d92a707]{display:block;color:#6d2335;font-weight:700;margin-bottom:8px;font-size:14px}.form-group input[data-v-3d92a707],.form-group select[data-v-3d92a707]{width:100%;padding:12px;background-color:transparent;border:2px solid #6d2335;border-radius:8px;color:#000;font-size:16px;box-sizing:border-box;transition:border-color .3s}.form-group select[data-v-3d92a707]{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236d2335' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:40px}.form-group input[data-v-3d92a707]:focus,.form-group select[data-v-3d92a707]:focus{outline:none;border-color:#cd8f35}.form-group input[data-v-3d92a707]::placeholder{color:#999}.helper-text[data-v-3d92a707]{display:block;margin-top:5px;color:#666;font-size:12px}.error-message[data-v-3d92a707]{background-color:#ff6b6b1a;border:1px solid #ff6b6b;color:#ff6b6b;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.success-message[data-v-3d92a707]{background-color:#4caf501a;border:1px solid #4caf50;color:#4caf50;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.modal-actions[data-v-3d92a707]{display:flex;gap:12px;margin-top:25px}.btn-cancel[data-v-3d92a707],.btn-submit[data-v-3d92a707]{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.btn-cancel[data-v-3d92a707]{background-color:#2a2d31;color:#fff}.btn-cancel[data-v-3d92a707]:hover:not(:disabled){background-color:#3a3d41}.btn-submit[data-v-3d92a707]{background:linear-gradient(187deg,#db204c,#571625);color:#fff}.btn-submit[data-v-3d92a707]:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 12px #db204c66}.btn-cancel[data-v-3d92a707]:disabled,.btn-submit[data-v-3d92a707]:disabled{opacity:.6;cursor:not-allowed}.modal-container[data-v-3d92a707]::-webkit-scrollbar{width:8px}.modal-container[data-v-3d92a707]::-webkit-scrollbar-track{background:#1a1d21}.modal-container[data-v-3d92a707]::-webkit-scrollbar-thumb{background:#cd8f35;border-radius:4px}.modal-container[data-v-3d92a707]::-webkit-scrollbar-thumb:hover{background:#b87d2e}@media (max-width: 600px){.form-row[data-v-3d92a707]{grid-template-columns:1fr}}.modal-overlay[data-v-c335646c]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container[data-v-c335646c]{background-color:#f0f0f0;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000080}.modal-header[data-v-c335646c]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px}.modal-header h2[data-v-c335646c]{background:linear-gradient(1deg,#5a1e2b,#d7385a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;font-size:28px;font-weight:700}.close-btn[data-v-c335646c]{background:none;border:none;color:#6d2335;font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-btn[data-v-c335646c]:hover{color:#cd8f35}.modal-form[data-v-c335646c]{padding:25px}.form-group[data-v-c335646c]{margin-bottom:20px}.form-row[data-v-c335646c]{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group label[data-v-c335646c]{display:block;color:#6d2335;font-weight:700;margin-bottom:8px;font-size:14px}.form-group input[data-v-c335646c],.form-group select[data-v-c335646c]{width:100%;padding:12px;background-color:transparent;border:2px solid #6d2335;border-radius:8px;color:#000;font-size:16px;box-sizing:border-box;transition:border-color .3s}.form-group select[data-v-c335646c]{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236d2335' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:40px}.form-group input[data-v-c335646c]:focus,.form-group select[data-v-c335646c]:focus{outline:none;border-color:#cd8f35}.form-group input[data-v-c335646c]::placeholder{color:#999}.helper-text[data-v-c335646c]{display:block;margin-top:5px;color:#666;font-size:12px}.error-message[data-v-c335646c]{background-color:#ff6b6b1a;border:1px solid #ff6b6b;color:#ff6b6b;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.success-message[data-v-c335646c]{background-color:#4caf501a;border:1px solid #4caf50;color:#4caf50;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.modal-actions[data-v-c335646c]{display:flex;gap:12px;margin-top:25px}.btn-delete[data-v-c335646c],.btn-cancel[data-v-c335646c],.btn-submit[data-v-c335646c]{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.btn-delete[data-v-c335646c]{background-color:#ff6b6b;color:#fff}.btn-delete[data-v-c335646c]:hover:not(:disabled){background-color:#ff5252;transform:scale(1.02)}.btn-cancel[data-v-c335646c]{flex:1;background-color:#2a2d31;color:#fff}.btn-cancel[data-v-c335646c]:hover:not(:disabled){background-color:#3a3d41}.btn-submit[data-v-c335646c]{flex:1;background:linear-gradient(187deg,#db204c,#571625);color:#fff}.btn-submit[data-v-c335646c]:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 12px #db204c66}.btn-delete[data-v-c335646c]:disabled,.btn-cancel[data-v-c335646c]:disabled,.btn-submit[data-v-c335646c]:disabled{opacity:.6;cursor:not-allowed}.modal-container[data-v-c335646c]::-webkit-scrollbar{width:8px}.modal-container[data-v-c335646c]::-webkit-scrollbar-track{background:#1a1d21}.modal-container[data-v-c335646c]::-webkit-scrollbar-thumb{background:#cd8f35;border-radius:4px}.modal-container[data-v-c335646c]::-webkit-scrollbar-thumb:hover{background:#b87d2e}@media (max-width: 600px){.form-row[data-v-c335646c]{grid-template-columns:1fr}.modal-actions[data-v-c335646c]{flex-wrap:wrap}.btn-delete[data-v-c335646c]{width:100%}}div[data-v-27868cc3]{background-color:#0f0f0f;color:#fff}.parent[data-v-27868cc3]{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(23,1fr);gap:10px;height:100vh}.div1[data-v-27868cc3]{grid-row:span 23 / span 23;grid-column:1 / 2;display:flex;flex-direction:column}.div3[data-v-27868cc3]{grid-column:span 3 / span 4;grid-column-start:2;grid-row-start:3;display:flex;align-items:center;position:relative;left:20px}.search-input[data-v-27868cc3]{width:90%;padding:12px 20px;background-color:#121517;border:2px solid #2a2d31;border-radius:10px;color:#fff;font-size:16px;transition:border-color .3s}.search-input[data-v-27868cc3]:focus{outline:none;border-color:#cd8f35}.search-input[data-v-27868cc3]::placeholder{color:#666}.div4[data-v-27868cc3]{grid-column-start:6;grid-row-start:3;display:flex;align-items:center;justify-content:center}.btn-new-stock[data-v-27868cc3]{background:linear-gradient(187deg,#db204c,#571625);border:none;border-radius:10px;width:80%;height:48px;color:#fff;font-weight:bolder;font-size:18px;cursor:pointer;transition:transform .2s}.btn-new-stock[data-v-27868cc3]:hover{transform:scale(1.05)}.div5[data-v-27868cc3]{grid-column:span 5 / span 5;grid-row:span 20 / span 20;grid-column-start:2;grid-row-start:4;background-color:transparent;border-radius:12px;padding:20px;overflow-y:auto}.loading-message[data-v-27868cc3]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:20px}.spinner[data-v-27868cc3]{width:50px;height:50px;border:4px solid #2a2d31;border-top-color:#cd8f35;border-radius:50%;animation:spin-27868cc3 1s linear infinite}@keyframes spin-27868cc3{to{transform:rotate(360deg)}}.loading-message p[data-v-27868cc3]{font-size:18px;color:#888}.error-message[data-v-27868cc3],.empty-message[data-v-27868cc3]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;font-size:18px;color:#888}.empty-message svg[data-v-27868cc3]{opacity:.5}.error-message[data-v-27868cc3]{color:#ff6b6b}.stock-grid[data-v-27868cc3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;background-color:transparent}.stock-card[data-v-27868cc3]{background-color:#1a1d21;border-radius:12px;padding:20px;transition:transform .2s,box-shadow .2s;border:2px solid transparent;display:flex;flex-direction:column}.stock-card[data-v-27868cc3]:hover{transform:translateY(-5px);box-shadow:0 8px 16px #cd8f3533;border-color:#cd8f35}.stock-header[data-v-27868cc3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;background-color:transparent}.stock-badge[data-v-27868cc3]{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700}.stock-category[data-v-27868cc3]{font-size:12px;color:#888;text-transform:uppercase;font-weight:600;background-color:transparent}.stock-body[data-v-27868cc3]{flex:1;background-color:transparent}.stock-name[data-v-27868cc3]{font-size:20px;font-weight:700;color:#fff;margin:0 0 15px}.stock-details[data-v-27868cc3]{display:flex;flex-direction:column;gap:10px;background-color:transparent}.detail-row[data-v-27868cc3]{display:flex;justify-content:space-between;align-items:center;font-size:14px;background-color:transparent;padding-bottom:8px;border-bottom:1px solid rgba(205,143,53,.1)}.detail-label[data-v-27868cc3]{color:#888;font-weight:600}.detail-value[data-v-27868cc3]{color:#fff;text-align:right;font-weight:600}.detail-value.price[data-v-27868cc3]{color:#cd8f35;font-size:16px;font-weight:700}.stock-footer[data-v-27868cc3]{margin-top:15px;background-color:transparent}.btn-edit[data-v-27868cc3]{width:100%;padding:12px;background-color:#2a2d31;border:1px solid #cd8f35;border-radius:8px;color:#cd8f35;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-edit[data-v-27868cc3]:hover{background-color:#cd8f35;color:#000}.div5[data-v-27868cc3]::-webkit-scrollbar{width:8px}.div5[data-v-27868cc3]::-webkit-scrollbar-track{background:#1a1d21;border-radius:4px}.div5[data-v-27868cc3]::-webkit-scrollbar-thumb{background:#cd8f35;border-radius:4px}.div5[data-v-27868cc3]::-webkit-scrollbar-thumb:hover{background:#b87d2e}@media (max-width: 1400px){.stock-grid[data-v-27868cc3]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.stock-grid[data-v-27868cc3]{grid-template-columns:1fr}}.modal-overlay[data-v-ff827c7d]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container[data-v-ff827c7d]{background-color:#f0f0f0;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000080}.modal-header[data-v-ff827c7d]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px}.modal-header h2[data-v-ff827c7d]{background:linear-gradient(1deg,#5a1e2b,#d7385a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;font-size:28px;font-weight:700}.close-btn[data-v-ff827c7d]{background:none;border:none;color:#5a1e2b;font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-btn[data-v-ff827c7d]:hover{color:#d7385a}.modal-form[data-v-ff827c7d]{padding:25px}.form-group[data-v-ff827c7d]{margin-bottom:20px}.form-group label[data-v-ff827c7d]{display:block;color:#6d2335;font-weight:700;margin-bottom:8px;font-size:14px}.form-group input[data-v-ff827c7d],.form-group select[data-v-ff827c7d]{width:100%;padding:12px;background-color:transparent;border:none;border-bottom:2px solid #e0e0e0;color:#000;font-size:16px;box-sizing:border-box;transition:border-color .3s}.form-group textarea[data-v-ff827c7d]{width:100%;padding:12px;background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#000;font-size:16px;box-sizing:border-box;transition:border-color .3s;font-family:inherit;resize:vertical}.form-group input[data-v-ff827c7d]:focus,.form-group select[data-v-ff827c7d]:focus,.form-group textarea[data-v-ff827c7d]:focus{outline:none;border-bottom-color:#d7385a}.form-group textarea[data-v-ff827c7d]:focus{border-color:#d7385a}.form-group select[data-v-ff827c7d]{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236d2335' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:30px}.form-group input[data-v-ff827c7d]::placeholder,.form-group textarea[data-v-ff827c7d]::placeholder{color:#999}.total-price[data-v-ff827c7d]{padding:16px;background:linear-gradient(135deg,#f8f8f8,#e8e8e8);border:2px solid #d7385a;border-radius:8px;color:#5a1e2b;font-size:24px;font-weight:700;text-align:center}.materials-container[data-v-ff827c7d]{border:2px solid #e0e0e0;border-radius:8px;padding:15px;background-color:#fafafa}.material-item[data-v-ff827c7d]{display:flex;gap:10px;margin-bottom:10px;align-items:center}.material-select[data-v-ff827c7d]{flex:2;padding:10px;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#000;font-size:14px}.btn-remove[data-v-ff827c7d]{background-color:#ff6b6b;color:#fff;border:none;border-radius:6px;width:32px;height:32px;font-size:20px;cursor:pointer;transition:background-color .2s;flex-shrink:0}.btn-remove[data-v-ff827c7d]:hover{background-color:#ff5252}.btn-add-material[data-v-ff827c7d]{width:100%;padding:10px;background-color:#fff;color:#6d2335;border:2px dashed #d7385a;border-radius:6px;cursor:pointer;font-weight:700;transition:all .2s}.btn-add-material[data-v-ff827c7d]:hover{background-color:#fef5f7;border-color:#5a1e2b}.error-message[data-v-ff827c7d]{background-color:#ff6b6b1a;border:1px solid #ff6b6b;color:#ff6b6b;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.success-message[data-v-ff827c7d]{background-color:#4caf501a;border:1px solid #4caf50;color:#4caf50;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.modal-actions[data-v-ff827c7d]{display:flex;gap:12px;margin-top:25px}.btn-cancel[data-v-ff827c7d],.btn-submit[data-v-ff827c7d]{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.btn-cancel[data-v-ff827c7d]{background-color:#e0e0e0;color:#5a1e2b}.btn-cancel[data-v-ff827c7d]:hover:not(:disabled){background-color:#d0d0d0}.btn-submit[data-v-ff827c7d]{background:linear-gradient(187deg,#db204c,#571625);color:#fff}.btn-submit[data-v-ff827c7d]:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 12px #db204c66}.btn-cancel[data-v-ff827c7d]:disabled,.btn-submit[data-v-ff827c7d]:disabled{opacity:.6;cursor:not-allowed}.modal-container[data-v-ff827c7d]::-webkit-scrollbar{width:8px}.modal-container[data-v-ff827c7d]::-webkit-scrollbar-track{background:#f0f0f0}.modal-container[data-v-ff827c7d]::-webkit-scrollbar-thumb{background:#d7385a;border-radius:4px}.modal-container[data-v-ff827c7d]::-webkit-scrollbar-thumb:hover{background:#5a1e2b}.modal-overlay[data-v-0f5fe1eb]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;box-sizing:border-box}.modal-container[data-v-0f5fe1eb]{background-color:#f0f0f0;border-radius:12px;width:100%;max-width:700px;max-height:90vh;overflow:hidden;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column}.modal-header[data-v-0f5fe1eb]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:2px solid #ddd;flex-shrink:0}.modal-header h2[data-v-0f5fe1eb]{background:linear-gradient(1deg,#5a1e2b,#d7385a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;font-size:28px;font-weight:700}.close-btn[data-v-0f5fe1eb]{background:none;border:none;font-size:32px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s;flex-shrink:0}.close-btn[data-v-0f5fe1eb]:hover{color:#000}.modal-content[data-v-0f5fe1eb]{padding:25px;overflow-y:auto;flex:1}.info-section[data-v-0f5fe1eb]{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #ddd}.info-section[data-v-0f5fe1eb]:last-child{border-bottom:none}.info-header[data-v-0f5fe1eb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.info-header h3[data-v-0f5fe1eb]{margin:0;color:#333;font-size:22px}h4[data-v-0f5fe1eb]{color:#333;font-size:16px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.status-badge[data-v-0f5fe1eb]{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase}.status-pending[data-v-0f5fe1eb]{background-color:#ffc10733;color:#f57c00}.status-approved[data-v-0f5fe1eb]{background-color:#4caf5033;color:#2e7d32}.status-rejected[data-v-0f5fe1eb]{background-color:#f4433633;color:#c62828}.status-converted[data-v-0f5fe1eb]{background-color:#9e9e9e33;color:#616161}.info-grid[data-v-0f5fe1eb]{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.info-item[data-v-0f5fe1eb]{display:flex;flex-direction:column}.info-label[data-v-0f5fe1eb]{font-size:12px;color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.info-value[data-v-0f5fe1eb]{font-size:16px;color:#333;font-weight:600}.procedures-list[data-v-0f5fe1eb]{list-style:none;padding:0;margin:0}.procedures-list li[data-v-0f5fe1eb]{padding:10px;background-color:#fff;border-left:3px solid #cd8f35;margin-bottom:8px;border-radius:4px;color:#333}.description-text[data-v-0f5fe1eb]{background-color:#fff;padding:15px;border-radius:8px;color:#333;line-height:1.6;margin:0}.values-grid[data-v-0f5fe1eb]{display:flex;flex-direction:column;gap:12px}.value-item[data-v-0f5fe1eb]{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background-color:#fff;border-radius:8px}.value-item.final[data-v-0f5fe1eb]{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #4caf50}.value-label[data-v-0f5fe1eb]{font-weight:600;color:#666}.value-amount[data-v-0f5fe1eb]{font-size:18px;font-weight:700;color:#333}.value-amount.discount[data-v-0f5fe1eb]{color:#f44336}.value-amount.final-price[data-v-0f5fe1eb]{font-size:22px;color:#2e7d32}.status-actions[data-v-0f5fe1eb]{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.btn-approve[data-v-0f5fe1eb],.btn-reject[data-v-0f5fe1eb]{padding:14px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.btn-approve[data-v-0f5fe1eb]{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.btn-approve[data-v-0f5fe1eb]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.btn-reject[data-v-0f5fe1eb]{background:linear-gradient(135deg,#f44336,#c62828);color:#fff}.btn-reject[data-v-0f5fe1eb]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f4433666}.btn-reject-alt[data-v-0f5fe1eb]{width:100%;padding:14px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;background:linear-gradient(135deg,#f44336,#c62828);color:#fff}.btn-reject-alt[data-v-0f5fe1eb]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f4433666}.conversion-section[data-v-0f5fe1eb]{margin-top:20px}.btn-convert[data-v-0f5fe1eb]{width:100%;padding:16px;background:linear-gradient(187deg,#db204c,#571625);border:none;border-radius:8px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s}.btn-convert[data-v-0f5fe1eb]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #db204c66}.conversion-form[data-v-0f5fe1eb]{background-color:#fff;padding:20px;border-radius:8px;border:2px solid #cd8f35;margin-top:20px}.conversion-form h4[data-v-0f5fe1eb]{margin-top:0;color:#cd8f35}.form-group[data-v-0f5fe1eb]{margin-bottom:15px}.form-group label[data-v-0f5fe1eb]{display:block;margin-bottom:8px;color:#333;font-weight:600;font-size:14px}.form-group input[data-v-0f5fe1eb],.form-group select[data-v-0f5fe1eb]{width:100%;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .3s;background-color:#fff;color:#333}.form-group input[data-v-0f5fe1eb]:focus,.form-group select[data-v-0f5fe1eb]:focus{outline:none;border-color:#cd8f35}.conversion-info[data-v-0f5fe1eb]{background-color:#fff3e0;padding:12px;border-radius:6px;border-left:4px solid #ff9800;margin-bottom:15px}.info-text[data-v-0f5fe1eb]{margin:0;color:#e65100;font-size:14px}.conversion-actions[data-v-0f5fe1eb]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.btn-cancel[data-v-0f5fe1eb],.btn-confirm[data-v-0f5fe1eb]{padding:12px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.btn-cancel[data-v-0f5fe1eb]{background-color:#e0e0e0;color:#666}.btn-cancel[data-v-0f5fe1eb]:hover:not(:disabled){background-color:#d0d0d0}.btn-confirm[data-v-0f5fe1eb]{background:linear-gradient(187deg,#db204c,#571625);color:#fff}.btn-confirm[data-v-0f5fe1eb]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #db204c66}button[data-v-0f5fe1eb]:disabled{opacity:.6;cursor:not-allowed}.converted-info[data-v-0f5fe1eb]{background-color:#e8f5e9;padding:15px;border-radius:8px;border:2px solid #4caf50;margin-top:20px}.error-message[data-v-0f5fe1eb],.success-message[data-v-0f5fe1eb]{padding:12px;border-radius:8px;margin-top:15px;font-size:14px}.error-message[data-v-0f5fe1eb]{background-color:#ffebee;color:#c62828;border:1px solid #ef5350}.success-message[data-v-0f5fe1eb]{background-color:#e8f5e9;color:#2e7d32;border:1px solid #66bb6a}.modal-content[data-v-0f5fe1eb]::-webkit-scrollbar{width:8px}.modal-content[data-v-0f5fe1eb]::-webkit-scrollbar-track{background:#f0f0f0}.modal-content[data-v-0f5fe1eb]::-webkit-scrollbar-thumb{background:#cd8f35;border-radius:4px}@media (max-width: 768px){.modal-overlay[data-v-0f5fe1eb]{padding:.5rem}.modal-header[data-v-0f5fe1eb]{padding:15px 20px}.modal-header h2[data-v-0f5fe1eb]{font-size:22px}.modal-content[data-v-0f5fe1eb]{padding:20px}.info-grid[data-v-0f5fe1eb],.status-actions[data-v-0f5fe1eb],.conversion-actions[data-v-0f5fe1eb]{grid-template-columns:1fr}.info-header h3[data-v-0f5fe1eb]{font-size:18px}.value-amount.final-price[data-v-0f5fe1eb]{font-size:20px}}@media (max-width: 480px){.modal-header[data-v-0f5fe1eb]{padding:12px 15px}.modal-header h2[data-v-0f5fe1eb]{font-size:20px}.modal-content[data-v-0f5fe1eb]{padding:15px}h4[data-v-0f5fe1eb]{font-size:14px}.info-header h3[data-v-0f5fe1eb]{font-size:16px}.status-badge[data-v-0f5fe1eb]{font-size:10px;padding:4px 10px}.value-amount[data-v-0f5fe1eb]{font-size:16px}.value-amount.final-price[data-v-0f5fe1eb]{font-size:18px}.btn-approve[data-v-0f5fe1eb],.btn-reject[data-v-0f5fe1eb],.btn-convert[data-v-0f5fe1eb],.btn-cancel[data-v-0f5fe1eb],.btn-confirm[data-v-0f5fe1eb]{font-size:14px;padding:12px}.form-group label[data-v-0f5fe1eb]{font-size:13px}.form-group input[data-v-0f5fe1eb],.form-group select[data-v-0f5fe1eb]{padding:10px;font-size:13px}}div[data-v-6b4e2e39]{background-color:#0f0f0f;color:#fff}.parent[data-v-6b4e2e39]{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(23,1fr);gap:10px;height:100vh}.div1[data-v-6b4e2e39]{grid-row:span 23 / span 23;grid-column:1 / 2;display:flex;flex-direction:column}.div3[data-v-6b4e2e39]{grid-column:span 3 / span 4;grid-column-start:2;grid-row-start:3;display:flex;align-items:center;position:relative;left:20px}.search-input[data-v-6b4e2e39]{width:90%;padding:12px 20px;background-color:#121517;border:2px solid #2a2d31;border-radius:10px;color:#fff;font-size:16px;transition:border-color .3s}.search-input[data-v-6b4e2e39]:focus{outline:none;border-color:#cd8f35}.search-input[data-v-6b4e2e39]::placeholder{color:#666}.div4[data-v-6b4e2e39]{grid-column-start:6;grid-row-start:3;display:flex;align-items:center;justify-content:center}.btn-new-budget[data-v-6b4e2e39]{background:linear-gradient(187deg,#db204c,#571625);border:none;border-radius:10px;width:80%;height:48px;color:#fff;font-weight:bolder;font-size:18px;cursor:pointer;transition:transform .2s}.btn-new-budget[data-v-6b4e2e39]:hover{transform:scale(1.05)}.div5[data-v-6b4e2e39]{grid-column:span 5 / span 5;grid-row:span 20 / span 20;grid-column-start:2;grid-row-start:4;background-color:transparent;border-radius:12px;padding:20px;overflow-y:auto}.tabs-container[data-v-6b4e2e39]{display:flex;gap:10px;margin-bottom:20px;background-color:transparent;flex-wrap:wrap}.tab-btn[data-v-6b4e2e39]{padding:10px 20px;background-color:#1a1d21;border:2px solid #2a2d31;border-radius:8px;color:#888;font-weight:600;cursor:pointer;transition:all .3s}.tab-btn[data-v-6b4e2e39]:hover{border-color:#cd8f35;color:#cd8f35}.tab-btn.active[data-v-6b4e2e39]{background-color:#cd8f35;border-color:#cd8f35;color:#000}.loading-message[data-v-6b4e2e39],.error-message[data-v-6b4e2e39],.empty-message[data-v-6b4e2e39]{display:flex;justify-content:center;align-items:center;height:100%;font-size:18px;color:#888}.error-message[data-v-6b4e2e39]{color:#ff6b6b}.budgets-grid[data-v-6b4e2e39]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;background-color:transparent}.budget-card[data-v-6b4e2e39]{background-color:#1a1d21;border-radius:12px;padding:20px;transition:transform .2s,box-shadow .2s;border:2px solid transparent}.budget-card[data-v-6b4e2e39]:hover{transform:translateY(-5px);box-shadow:0 8px 16px #cd8f3533;border-color:#cd8f35}.budget-header[data-v-6b4e2e39]{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #2a2d31;background-color:transparent}.budget-name[data-v-6b4e2e39]{font-size:18px;font-weight:700;color:#fff;margin:0}.status-badge[data-v-6b4e2e39]{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase}.status-pending[data-v-6b4e2e39]{background-color:#cd8f3533;color:#cd8f35}.status-approved[data-v-6b4e2e39]{background-color:#4caf5033;color:#4caf50}.status-rejected[data-v-6b4e2e39]{background-color:#f4433633;color:#f44336}.status-converted[data-v-6b4e2e39]{background-color:#9e9e9e33;color:#9e9e9e}.budget-details[data-v-6b4e2e39]{display:flex;flex-direction:column;gap:10px;margin-bottom:15px;background-color:transparent}.detail-item[data-v-6b4e2e39]{display:flex;justify-content:space-between;align-items:center;font-size:14px;background-color:transparent}.detail-label[data-v-6b4e2e39]{color:#cd8f35;font-weight:600}.detail-value[data-v-6b4e2e39]{color:#fff;text-align:right}.final-price[data-v-6b4e2e39]{font-size:16px;font-weight:700;color:#4caf50}.budget-actions[data-v-6b4e2e39]{display:flex;gap:10px}.btn-view[data-v-6b4e2e39]{flex:1;padding:10px;background-color:#2a2d31;border:1px solid #cd8f35;border-radius:8px;color:#cd8f35;font-weight:700;cursor:pointer;transition:all .2s}.btn-view[data-v-6b4e2e39]:hover{background-color:#cd8f35;color:#000}.div5[data-v-6b4e2e39]::-webkit-scrollbar{width:8px}.div5[data-v-6b4e2e39]::-webkit-scrollbar-track{background:#1a1d21;border-radius:4px}.div5[data-v-6b4e2e39]::-webkit-scrollbar-thumb{background:#cd8f35;border-radius:4px}.div5[data-v-6b4e2e39]::-webkit-scrollbar-thumb:hover{background:#b87d2e}@media (max-width: 1200px){.budgets-grid[data-v-6b4e2e39]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.parent[data-v-6b4e2e39]{grid-template-columns:1fr;grid-template-rows:auto}.div1[data-v-6b4e2e39]{grid-row:1;grid-column:1}.div2[data-v-6b4e2e39]{grid-column:1;padding:20px 0}.div3[data-v-6b4e2e39],.div4[data-v-6b4e2e39]{grid-column:1;left:0;padding:0 20px}.div5[data-v-6b4e2e39]{grid-column:1;padding:10px}.budgets-grid[data-v-6b4e2e39]{grid-template-columns:1fr}}