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-c136282c]{display:flex;width:100%;height:100vh;background-color:#000;font-family:serif}.login-sidebar[data-v-c136282c]{width:20%;max-width:150px;min-width:90px;background-color:#000;display:flex;justify-content:center;align-items:center}.avatar[data-v-c136282c]{width:150px;height:150px;object-fit:cover;border-radius:50%}.login-content[data-v-c136282c]{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-c136282c]{width:420px;height:130px;object-fit:contain;margin-bottom:3rem}.form[data-v-c136282c]{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:400px}.login-input[data-v-c136282c]{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-c136282c]::placeholder{color:#888!important;opacity:1!important}.login-input[data-v-c136282c]: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-c136282c]:-webkit-autofill,.login-input[data-v-c136282c]:-webkit-autofill:hover,.login-input[data-v-c136282c]:-webkit-autofill:focus,.login-input[data-v-c136282c]:-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-c136282c]{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-c136282c]:hover{background:linear-gradient(1deg,#5a1e2b,#d7385a)}button[data-v-c136282c]:disabled{background:#555;cursor:not-allowed}.alert[data-v-c136282c]{font-size:18px;margin-top:1rem;height:27px;transition:color .3s ease}.alert.error[data-v-c136282c]{color:#ff3c3ccc}.alert.success[data-v-c136282c]{color:#3cff82cc}.sidebar[data-v-22dabe91]{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-22dabe91]{display:flex;flex-direction:column;gap:15px;align-items:center;width:100%;overflow-y:auto;padding:0 .5rem}.menu-link[data-v-22dabe91]{text-decoration:none;color:#fff;width:100%;display:block}.menu-link.active .menu-item[data-v-22dabe91],.menu-link:hover .menu-item[data-v-22dabe91]{color:#9b2c25}.menu-item[data-v-22dabe91]{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-22dabe91]{background-color:#9b2c251a}.icon-wrapper[data-v-22dabe91]{display:flex;justify-content:center;align-items:center;width:60px;height:60px;border-radius:8px;transition:background-color .3s ease}.icon[data-v-22dabe91]{width:32px;height:32px;transition:color .3s ease;color:#424242}.menu-link.active .icon[data-v-22dabe91],.menu-link:hover .icon[data-v-22dabe91]{color:#9b2c25}.label[data-v-22dabe91]{font-size:11px;letter-spacing:.1em;color:#424242;text-align:center;font-weight:600;white-space:nowrap}.menu-link.active .label[data-v-22dabe91],.menu-link:hover .label[data-v-22dabe91]{color:#9b2c25}.logout-link[data-v-22dabe91]{margin-top:10px;border-top:1px solid #1a1a1a;padding-top:15px}.logout-link:hover .icon[data-v-22dabe91],.logout-link:hover .label[data-v-22dabe91]{color:#ff6b6b}.logo-container[data-v-22dabe91]{width:100%;text-align:center;padding:1rem 0;margin-top:auto}.logo[data-v-22dabe91]{width:90px;height:90px;object-fit:cover;border-radius:50%}.menu[data-v-22dabe91]::-webkit-scrollbar{width:4px}.menu[data-v-22dabe91]::-webkit-scrollbar-track{background:#0f0f0f}.menu[data-v-22dabe91]::-webkit-scrollbar-thumb{background:#424242;border-radius:2px}@media (max-width: 1024px) and (min-width: 769px){.sidebar[data-v-22dabe91]{padding:1.5rem 0}.icon-wrapper[data-v-22dabe91]{width:55px;height:55px}.icon[data-v-22dabe91]{width:28px;height:28px}.label[data-v-22dabe91]{font-size:10px}.logo[data-v-22dabe91]{width:80px;height:80px}}@media (max-width: 768px){.sidebar[data-v-22dabe91]{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-22dabe91]{flex-direction:row;gap:0;flex:1;overflow:visible;padding:0;justify-content:space-around;flex-wrap:wrap}.menu-link[data-v-22dabe91]{width:auto;flex:1 1 calc(25% - 4px);min-width:70px;max-width:90px}.menu-item[data-v-22dabe91]{gap:3px;padding:4px 2px}.icon-wrapper[data-v-22dabe91]{width:38px;height:38px}.icon[data-v-22dabe91]{width:22px;height:22px}.label[data-v-22dabe91]{font-size:8px;letter-spacing:.03em}.logout-link[data-v-22dabe91]{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-22dabe91]{display:none}}@media (max-width: 480px){.sidebar[data-v-22dabe91]{padding:.5rem .25rem;min-height:65px}.menu[data-v-22dabe91]{gap:6px}.menu-link[data-v-22dabe91]{min-width:65px}.menu-item[data-v-22dabe91]{gap:3px;padding:3px}.icon-wrapper[data-v-22dabe91]{width:36px;height:36px}.icon[data-v-22dabe91]{width:20px;height:20px}.label[data-v-22dabe91]{font-size:8px}}.modal-overlay[data-v-43c82953]{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-43c82953]{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-43c82953]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px}.modal-header h2[data-v-43c82953]{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-43c82953]{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-43c82953]:hover{color:#cd8f35}.modal-form[data-v-43c82953]{padding:25px}.form-group[data-v-43c82953]{margin-bottom:20px}.form-group label[data-v-43c82953]{display:block;color:#6d2335;font-weight:700;margin-bottom:8px;font-size:14px}.form-group input[data-v-43c82953]{width:100%;padding:12px;background-color:transparent;border:none;color:#000;font-size:16px;box-sizing:border-box}.form-group input[data-v-43c82953]:focus{outline:none;border-color:#cd8f35}.form-group input[data-v-43c82953]::placeholder{color:#666}.error-message[data-v-43c82953]{background-color:#ff6b6b1a;border:1px solid #ff6b6b;color:#ff6b6b;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.success-message[data-v-43c82953]{background-color:#4caf501a;border:1px solid #4caf50;color:#4caf50;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.modal-actions[data-v-43c82953]{display:flex;gap:12px;margin-top:25px}.btn-cancel[data-v-43c82953],.btn-submit[data-v-43c82953]{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-43c82953]{background-color:#2a2d31;color:#fff}.btn-cancel[data-v-43c82953]:hover:not(:disabled){background-color:#3a3d41}.btn-submit[data-v-43c82953]{background:linear-gradient(187deg,#db204c,#571625);color:#fff}.btn-submit[data-v-43c82953]:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 12px #db204c66}.btn-cancel[data-v-43c82953]:disabled,.btn-submit[data-v-43c82953]:disabled{opacity:.6;cursor:not-allowed}.modal-container[data-v-43c82953]::-webkit-scrollbar{width:8px}.modal-container[data-v-43c82953]::-webkit-scrollbar-track{background:#1a1d21}.modal-container[data-v-43c82953]::-webkit-scrollbar-thumb{background:#cd8f35;border-radius:4px}.modal-container[data-v-43c82953]::-webkit-scrollbar-thumb:hover{background:#b87d2e}.photo-upload-area[data-v-43c82953]{width:100%;min-height:200px;border:2px dashed #6d2335;border-radius:8px;overflow:hidden;background-color:#6d23350d}.upload-placeholder[data-v-43c82953]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;cursor:pointer;color:#6d2335;transition:all .3s}.upload-placeholder[data-v-43c82953]:hover{background-color:#6d23351a;border-color:#cd8f35}.upload-placeholder svg[data-v-43c82953]{margin-bottom:12px;opacity:.6}.upload-placeholder p[data-v-43c82953]{margin:0;font-size:14px;opacity:.7}.photo-preview[data-v-43c82953]{position:relative;width:100%;height:200px}.photo-preview img[data-v-43c82953]{width:100%;height:100%;object-fit:cover}.remove-photo-btn[data-v-43c82953]{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-43c82953]:hover{background-color:#ff3b30;transform:scale(1.1)}.modal-overlay[data-v-55c0e188]{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-55c0e188]{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-55c0e188]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px}.modal-header h2[data-v-55c0e188]{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-55c0e188]{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-55c0e188]:hover{color:#d7385a}.modal-form[data-v-55c0e188]{padding:25px}.form-group[data-v-55c0e188]{margin-bottom:20px}.form-group label[data-v-55c0e188]{display:block;color:#6d2335;font-weight:700;margin-bottom:8px;font-size:14px}.form-group input[data-v-55c0e188],.form-group select[data-v-55c0e188]{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-55c0e188]:focus,.form-group select[data-v-55c0e188]:focus{outline:none;border-bottom-color:#d7385a}.form-group select[data-v-55c0e188]{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-55c0e188]::placeholder{color:#999}.total-price[data-v-55c0e188]{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-55c0e188]{border:2px solid #e0e0e0;border-radius:8px;padding:15px;background-color:#fafafa}.material-item[data-v-55c0e188]{display:flex;gap:10px;margin-bottom:10px;align-items:center}.material-select[data-v-55c0e188]{flex:2;padding:10px;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#000;font-size:14px}.material-input[data-v-55c0e188]{flex:1;padding:10px;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#000;font-size:14px}.btn-remove[data-v-55c0e188]{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-55c0e188]:hover{background-color:#ff5252}.btn-add-material[data-v-55c0e188]{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-55c0e188]:hover{background-color:#fef5f7;border-color:#5a1e2b}.photo-upload-area[data-v-55c0e188]{width:100%;min-height:180px;border:2px dashed #d7385a;border-radius:8px;overflow:hidden;background-color:#d7385a0d}.upload-placeholder[data-v-55c0e188]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:180px;cursor:pointer;color:#6d2335;transition:all .3s}.upload-placeholder[data-v-55c0e188]:hover{background-color:#d7385a1a;border-color:#5a1e2b}.upload-placeholder svg[data-v-55c0e188]{margin-bottom:12px;opacity:.6}.upload-placeholder p[data-v-55c0e188]{margin:0;font-size:14px;opacity:.7}.photo-preview[data-v-55c0e188]{position:relative;width:100%;height:180px}.photo-preview img[data-v-55c0e188]{width:100%;height:100%;object-fit:cover}.remove-photo-btn[data-v-55c0e188]{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-55c0e188]:hover{background-color:#ff3b30;transform:scale(1.1)}.error-message[data-v-55c0e188]{background-color:#ff6b6b1a;border:1px solid #ff6b6b;color:#ff6b6b;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.success-message[data-v-55c0e188]{background-color:#4caf501a;border:1px solid #4caf50;color:#4caf50;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.modal-actions[data-v-55c0e188]{display:flex;gap:12px;margin-top:25px}.input-error[data-v-55c0e188]{border-color:#ff6b6b!important;background-color:#ff6b6b1a!important}.material-input[data-v-55c0e188]:focus{outline:none;border-color:#d7385a!important}.btn-cancel[data-v-55c0e188],.btn-submit[data-v-55c0e188]{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-55c0e188]{background-color:#e0e0e0;color:#5a1e2b}.btn-cancel[data-v-55c0e188]:hover:not(:disabled){background-color:#d0d0d0}.btn-submit[data-v-55c0e188]{background:linear-gradient(187deg,#db204c,#571625);color:#fff}.btn-submit[data-v-55c0e188]:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 12px #db204c66}.btn-cancel[data-v-55c0e188]:disabled,.btn-submit[data-v-55c0e188]:disabled{opacity:.6;cursor:not-allowed}.modal-container[data-v-55c0e188]::-webkit-scrollbar{width:8px}.modal-container[data-v-55c0e188]::-webkit-scrollbar-track{background:#f0f0f0}.modal-container[data-v-55c0e188]::-webkit-scrollbar-thumb{background:#d7385a;border-radius:4px}.modal-container[data-v-55c0e188]::-webkit-scrollbar-thumb:hover{background:#5a1e2b}div[data-v-defaa259]{background-color:#0f0f0f;color:#fff}.titulos[data-v-defaa259]{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-defaa259]{color:#cd8f35;position:absolute;bottom:0;left:20px;margin:12px;font-size:22px}.sessoes-count[data-v-defaa259]{color:#fff;font-size:28px;font-weight:700;position:absolute;bottom:20px;left:50%;transform:translate(-50%);margin:0}.appointments-container[data-v-defaa259]{margin-top:60px;padding:8px;max-height:calc(100% - 80px);overflow-y:auto;background-color:transparent}.appointment-card[data-v-defaa259]{background-color:transparent;border-radius:8px;padding:6px 22px;margin-bottom:10px;transition:transform .2s}.appointment-card[data-v-defaa259]:hover{transform:scale(1.02)}.appointment-info[data-v-defaa259]{background-color:transparent}.client-name[data-v-defaa259]{font-size:15px;font-weight:lighter;color:#fff;margin:0;background-color:transparent}.done-container[data-v-defaa259]{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-defaa259]{font-size:18px;font-weight:lighter;color:#fff;background-color:#121517;position:absolute;left:20px;bottom:2px;margin:12px}.valor-container[data-v-defaa259]{margin-top:60px;padding:20px;max-height:calc(100% - 80px);background-color:#121517;position:relative}.valor-receber[data-v-defaa259]{font-size:18px;font-weight:lighter;color:#fff;background-color:#121517;position:absolute;left:20px;bottom:2px;margin:12px}.notifications-container[data-v-defaa259]{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-defaa259]{font-size:18px;font-weight:lighter;color:#fff;background-color:#121517;position:absolute;left:20px;bottom:2px;margin:12px}.paid-container[data-v-defaa259]{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-defaa259]{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-defaa259]{padding:6px}.valor-paid[data-v-defaa259]{margin:10px}.titulos[data-v-defaa259]{font-size:16px}}.loading-message[data-v-defaa259],.error-message[data-v-defaa259],.empty-message[data-v-defaa259]{font-size:18px;font-weight:lighter;color:#fff;background-color:#121517;position:absolute;left:20px;bottom:-2px;margin:12px}.loading-message[data-v-defaa259]{color:#888}.error-message[data-v-defaa259]{color:#ff6b6b;background-color:#ff6b6b1a;border-radius:8px}.empty-message[data-v-defaa259]{color:#888}.appointments-container[data-v-defaa259]::-webkit-scrollbar{width:6px}.appointments-container[data-v-defaa259]::-webkit-scrollbar-track{background:#1a1d21;border-radius:4px}.appointments-container[data-v-defaa259]::-webkit-scrollbar-thumb{background:#cd8f35;border-radius:4px}.appointments-container[data-v-defaa259]::-webkit-scrollbar-thumb:hover{background:#b87d2e}.cliente[data-v-defaa259],.agendamento[data-v-defaa259]{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-defaa259]:hover,.agendamento[data-v-defaa259]:hover{transform:scale(1.05)}.div8[data-v-defaa259],.div9[data-v-defaa259]{display:flex;justify-content:center;align-items:center}.parent[data-v-defaa259]{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(23,1fr);gap:10px;height:100vh}.div1[data-v-defaa259]{grid-row:span 23 / span 23;grid-column:1 / 2;display:flex;flex-direction:column}.div3[data-v-defaa259]{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-defaa259]{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-defaa259]{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-defaa259]{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-defaa259]{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-defaa259]{grid-column:span 2 / span 2;grid-column-start:5;grid-row-start:16;position:relative}.div9[data-v-defaa259]{grid-column:span 2 / span 2;grid-column-start:5;grid-row-start:17;position:relative}.div10[data-v-defaa259]{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-defaa259]{position:absolute;inset:20px 20px 50px;padding:10px;background-color:#121517}.modal-overlay[data-v-4762b775]{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-4762b775]{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-4762b775]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px}.modal-header h2[data-v-4762b775]{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-4762b775]{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-4762b775]:hover{color:#d7385a}.modal-form[data-v-4762b775]{padding:25px}.form-group[data-v-4762b775]{margin-bottom:20px}.form-group label[data-v-4762b775]{display:block;color:#6d2335;font-weight:700;margin-bottom:8px;font-size:14px}.form-group input[data-v-4762b775]{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-4762b775]:focus{outline:none;border-bottom-color:#d7385a}.form-group input[data-v-4762b775]::placeholder{color:#666}.error-message[data-v-4762b775]{background-color:#ff6b6b1a;border:1px solid #ff6b6b;color:#ff6b6b;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.success-message[data-v-4762b775]{background-color:#4caf501a;border:1px solid #4caf50;color:#4caf50;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.modal-actions[data-v-4762b775]{display:flex;gap:12px;margin-top:25px}.btn-cancel[data-v-4762b775],.btn-submit[data-v-4762b775]{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-4762b775]{background-color:#2a2d31;color:#fff}.btn-cancel[data-v-4762b775]:hover:not(:disabled){background-color:#3a3d41}.btn-submit[data-v-4762b775]{background:linear-gradient(187deg,#db204c,#571625);color:#fff}.btn-submit[data-v-4762b775]:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 12px #db204c66}.btn-cancel[data-v-4762b775]:disabled,.btn-submit[data-v-4762b775]:disabled{opacity:.6;cursor:not-allowed}.modal-container[data-v-4762b775]::-webkit-scrollbar{width:8px}.modal-container[data-v-4762b775]::-webkit-scrollbar-track{background:#1a1d21}.modal-container[data-v-4762b775]::-webkit-scrollbar-thumb{background:#cd8f35;border-radius:4px}.modal-container[data-v-4762b775]::-webkit-scrollbar-thumb:hover{background:#b87d2e}.photo-upload-area[data-v-4762b775]{width:100%;min-height:200px;border:2px dashed #6d2335;border-radius:8px;overflow:hidden;background-color:#6d23350d}.upload-placeholder[data-v-4762b775]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;cursor:pointer;color:#6d2335;transition:all .3s}.upload-placeholder[data-v-4762b775]:hover{background-color:#6d23351a;border-color:#cd8f35}.upload-placeholder svg[data-v-4762b775]{margin-bottom:12px;opacity:.6}.upload-placeholder p[data-v-4762b775]{margin:0;font-size:14px;opacity:.7}.photo-preview[data-v-4762b775]{position:relative;width:100%;height:200px}.photo-preview img[data-v-4762b775]{width:100%;height:100%;object-fit:cover}.photo-actions[data-v-4762b775]{position:absolute;top:8px;right:8px;display:flex;gap:8px}.change-photo-btn[data-v-4762b775],.remove-photo-btn[data-v-4762b775]{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-4762b775]:hover{background-color:#cd8f35e6;transform:scale(1.1)}.remove-photo-btn[data-v-4762b775]:hover{background-color:#ff3b30e6;transform:scale(1.1)}div[data-v-496880c3]{background-color:#0f0f0f;color:#fff}.parent[data-v-496880c3]{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(23,1fr);gap:10px;height:100vh}.div1[data-v-496880c3]{grid-row:span 23 / span 23;grid-column:1 / 2;display:flex;flex-direction:column}.div3[data-v-496880c3]{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-496880c3]{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-496880c3]:focus{outline:none;border-color:#cd8f35}.search-input[data-v-496880c3]::placeholder{color:#666}.div4[data-v-496880c3]{grid-column-start:6;grid-row-start:3;display:flex;align-items:center;justify-content:center}.btn-new-client[data-v-496880c3]{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-496880c3]:hover{transform:scale(1.05)}.div5[data-v-496880c3]{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-496880c3],.error-message[data-v-496880c3],.empty-message[data-v-496880c3]{display:flex;justify-content:center;align-items:center;height:100%;font-size:18px;color:#888}.error-message[data-v-496880c3]{color:#ff6b6b}.clients-grid[data-v-496880c3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;background-color:transparent}.client-card[data-v-496880c3]{background-color:#1a1d21;border-radius:12px;padding:20px;transition:transform .2s,box-shadow .2s;border:2px solid transparent}.client-card[data-v-496880c3]:hover{transform:translateY(-5px);box-shadow:0 8px 16px #cd8f3533;border-color:#cd8f35}.client-header[data-v-496880c3]{display:flex;align-items:center;gap:15px;margin-bottom:15px;padding-bottom:15px;background-color:transparent}.client-avatar[data-v-496880c3]{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-496880c3]{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-496880c3]{width:100%;height:100%;object-fit:cover;display:block}.client-info[data-v-496880c3]{flex:1;min-width:0;background-color:transparent}.client-name[data-v-496880c3]{font-size:18px;font-weight:700;color:#fff;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-phone[data-v-496880c3]{font-size:14px;color:#888;margin:0}.client-details[data-v-496880c3]{display:flex;flex-direction:column;gap:10px;margin-bottom:15px;background-color:transparent}.detail-item[data-v-496880c3]{display:flex;justify-content:space-between;align-items:center;font-size:14px;background-color:transparent}.detail-label[data-v-496880c3]{color:#cd8f35;font-weight:600}.detail-value[data-v-496880c3]{color:#fff;text-align:right}.client-actions[data-v-496880c3]{display:flex;gap:10px}.btn-view[data-v-496880c3]{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-496880c3]:hover{background-color:#cd8f35;color:#000}.div5[data-v-496880c3]::-webkit-scrollbar{width:8px}.div5[data-v-496880c3]::-webkit-scrollbar-track{background:#1a1d21;border-radius:4px}.div5[data-v-496880c3]::-webkit-scrollbar-thumb{background:#cd8f35;border-radius:4px}.div5[data-v-496880c3]::-webkit-scrollbar-thumb:hover{background:#b87d2e}@media (max-width: 1200px){.clients-grid[data-v-496880c3]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.div2 img[data-v-496880c3]{max-width:50%}}@media (max-width: 768px){.parent[data-v-496880c3]{grid-template-columns:1fr;grid-template-rows:auto;height:auto;min-height:100vh}.div1[data-v-496880c3]{grid-row:1;grid-column:1;height:auto}.div2[data-v-496880c3]{grid-column:1;grid-row:2;padding:20px 0}.div2 img[data-v-496880c3]{max-width:60%}.div3[data-v-496880c3]{grid-column:1;grid-row:3;left:0;padding:0 20px}.search-input[data-v-496880c3]{width:100%}.div4[data-v-496880c3]{grid-column:1;grid-row:4;padding:0 20px}.btn-new-client[data-v-496880c3]{width:100%}.div5[data-v-496880c3]{grid-column:1;grid-row:5;padding:10px}.clients-grid[data-v-496880c3]{grid-template-columns:1fr;gap:15px}}.modal-overlay[data-v-f503f709]{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-f503f709]{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-f503f709]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px}.modal-header h2[data-v-f503f709]{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-f503f709]{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-f503f709]:hover{color:#d7385a}.modal-form[data-v-f503f709]{padding:25px}.form-group[data-v-f503f709]{margin-bottom:20px}.form-group label[data-v-f503f709]{display:block;color:#6d2335;font-weight:700;margin-bottom:8px;font-size:14px}.form-group input[data-v-f503f709],.form-group select[data-v-f503f709]{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-f503f709]:focus,.form-group select[data-v-f503f709]:focus{outline:none;border-bottom-color:#d7385a}.form-group select[data-v-f503f709]{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-f503f709]{background-color:#f5f5f5!important;cursor:not-allowed;opacity:.7}.readonly-list[data-v-f503f709]{border:2px solid #e0e0e0;border-radius:8px;padding:15px;background-color:#f5f5f5}.readonly-item[data-v-f503f709]{padding:10px;background-color:#fff;border-radius:6px;color:#5a1e2b;font-size:14px}.total-price[data-v-f503f709]{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-f503f709]{border:2px solid #e0e0e0;border-radius:8px;padding:15px;background-color:#fafafa}.material-item[data-v-f503f709]{display:flex;gap:10px;margin-bottom:10px;align-items:center}.material-select[data-v-f503f709]{flex:2;padding:10px;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#000;font-size:14px}.material-input[data-v-f503f709]{flex:1;padding:10px;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#000;font-size:14px}.btn-remove[data-v-f503f709]{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-f503f709]:hover{background-color:#ff5252}.btn-add-material[data-v-f503f709]{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-f503f709]:hover{background-color:#fef5f7;border-color:#5a1e2b}.photo-upload-area[data-v-f503f709]{width:100%;min-height:180px;border:2px dashed #d7385a;border-radius:8px;overflow:hidden;background-color:#d7385a0d}.upload-placeholder[data-v-f503f709]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:180px;cursor:pointer;color:#6d2335;transition:all .3s}.upload-placeholder[data-v-f503f709]:hover{background-color:#d7385a1a}.upload-placeholder svg[data-v-f503f709]{margin-bottom:12px;opacity:.6}.upload-placeholder p[data-v-f503f709]{margin:0;font-size:14px;opacity:.7}.photo-preview[data-v-f503f709]{position:relative;width:100%;height:180px}.photo-preview img[data-v-f503f709]{width:100%;height:100%;object-fit:cover}.remove-photo-btn[data-v-f503f709]{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-f503f709]:hover{background-color:#ff3b30;transform:scale(1.1)}.input-error[data-v-f503f709]{border-color:#ff6b6b!important;background-color:#ff6b6b1a!important}.error-message[data-v-f503f709]{background-color:#ff6b6b1a;border:1px solid #ff6b6b;color:#ff6b6b;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.success-message[data-v-f503f709]{background-color:#4caf501a;border:1px solid #4caf50;color:#4caf50;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.modal-actions[data-v-f503f709]{display:flex;gap:12px;margin-top:25px}.btn-cancel[data-v-f503f709],.btn-submit[data-v-f503f709]{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-f503f709]{background-color:#e0e0e0;color:#5a1e2b}.btn-cancel[data-v-f503f709]:hover:not(:disabled){background-color:#d0d0d0}.btn-submit[data-v-f503f709]{background:linear-gradient(187deg,#db204c,#571625);color:#fff}.btn-submit[data-v-f503f709]:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 12px #db204c66}.btn-cancel[data-v-f503f709]:disabled,.btn-submit[data-v-f503f709]:disabled{opacity:.6;cursor:not-allowed}.modal-container[data-v-f503f709]::-webkit-scrollbar{width:8px}.modal-container[data-v-f503f709]::-webkit-scrollbar-track{background:#f0f0f0}.modal-container[data-v-f503f709]::-webkit-scrollbar-thumb{background:#d7385a;border-radius:4px}.modal-container[data-v-f503f709]::-webkit-scrollbar-thumb:hover{background:#5a1e2b}div[data-v-d74de48b]{background-color:#0f0f0f;color:#fff}.parent[data-v-d74de48b]{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(23,1fr);gap:10px;height:100vh}.div1[data-v-d74de48b]{grid-row:span 23 / span 23;grid-column:1 / 2;display:flex;flex-direction:column}.div3[data-v-d74de48b]{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-d74de48b]{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-d74de48b]:focus{outline:none;border-color:#cd8f35}.search-input[data-v-d74de48b]::placeholder{color:#666}.div4[data-v-d74de48b]{grid-column-start:6;grid-row-start:3;display:flex;align-items:center;justify-content:center}.btn-new-appointment[data-v-d74de48b]{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-d74de48b]:hover{transform:scale(1.05)}.div5[data-v-d74de48b]{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-d74de48b],.error-message[data-v-d74de48b],.empty-message[data-v-d74de48b]{display:flex;justify-content:center;align-items:center;height:100%;font-size:18px;color:#888}.error-message[data-v-d74de48b]{color:#ff6b6b}.appointments-grid[data-v-d74de48b]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;background-color:transparent}.appointment-card[data-v-d74de48b]{background-color:#1a1d21;border-radius:12px;padding:20px;transition:transform .2s,box-shadow .2s;border:2px solid transparent}.appointment-card[data-v-d74de48b]:hover{transform:translateY(-5px);box-shadow:0 8px 16px #cd8f3533;border-color:#cd8f35}.appointment-header[data-v-d74de48b]{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-d74de48b]{width:80px;height:80px;border-radius:8px;overflow:hidden;flex-shrink:0;border:2px solid #cd8f35;background-color:#2a2d31}.appointment-photo img[data-v-d74de48b]{width:100%;height:100%;object-fit:cover;display:block}.appointment-placeholder[data-v-d74de48b]{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-d74de48b]{flex:1;min-width:0;background-color:transparent}.appointment-client[data-v-d74de48b]{font-size:18px;font-weight:700;color:#fff;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appointment-procedure[data-v-d74de48b]{font-size:14px;color:#cd8f35;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appointment-details[data-v-d74de48b]{display:flex;flex-direction:column;gap:10px;margin-bottom:15px;background-color:transparent}.detail-item[data-v-d74de48b]{display:flex;justify-content:space-between;align-items:center;font-size:14px;background-color:transparent}.detail-label[data-v-d74de48b]{color:#888;font-weight:600}.detail-value[data-v-d74de48b]{color:#fff;text-align:right}.status-badge[data-v-d74de48b]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase}.status-badge.waiting[data-v-d74de48b]{background-color:#ffa72633;color:#ffa726}.status-badge.confirmed[data-v-d74de48b]{background-color:#4caf5033;color:#4caf50}.status-badge.completed[data-v-d74de48b]{background-color:#2196f333;color:#2196f3}.status-badge.cancelled[data-v-d74de48b]{background-color:#f4433633;color:#f44336}.appointment-actions[data-v-d74de48b]{display:flex;gap:10px}.btn-view[data-v-d74de48b]{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-d74de48b]:hover{background-color:#cd8f35;color:#000}.div5[data-v-d74de48b]::-webkit-scrollbar{width:8px}.div5[data-v-d74de48b]::-webkit-scrollbar-track{background:#1a1d21;border-radius:4px}.div5[data-v-d74de48b]::-webkit-scrollbar-thumb{background:#cd8f35;border-radius:4px}.div5[data-v-d74de48b]::-webkit-scrollbar-thumb:hover{background:#b87d2e}@media (max-width: 1200px){.appointments-grid[data-v-d74de48b]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.div2 img[data-v-d74de48b]{max-width:50%}}@media (max-width: 768px){.parent[data-v-d74de48b]{grid-template-columns:1fr;grid-template-rows:auto;height:auto;min-height:100vh}.div1[data-v-d74de48b]{grid-row:1;grid-column:1;height:auto}.div2[data-v-d74de48b]{grid-column:1;grid-row:2;padding:20px 0}.div2 img[data-v-d74de48b]{max-width:60%}.div3[data-v-d74de48b]{grid-column:1;grid-row:3;left:0;padding:0 20px}.search-input[data-v-d74de48b]{width:100%}.div4[data-v-d74de48b]{grid-column:1;grid-row:4;padding:0 20px}.btn-new-appointment[data-v-d74de48b]{width:100%}.div5[data-v-d74de48b]{grid-column:1;grid-row:5;padding:10px}.appointments-grid[data-v-d74de48b]{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-3c2ce088]{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(23,1fr);height:100vh;background-color:#0f0f0f;color:#fff}.div1[data-v-3c2ce088]{grid-row:span 23 / span 23;grid-column:1 / 2;display:flex;flex-direction:column}.div3[data-v-3c2ce088]{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-3c2ce088]{display:flex;gap:15px;width:90%}.search-input[data-v-3c2ce088]{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-3c2ce088]:focus{outline:none;border-color:#cd8f35}.search-input[data-v-3c2ce088]::placeholder{color:#666}.sort-select[data-v-3c2ce088]{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-3c2ce088]:focus{outline:none;border-color:#cd8f35}.div4[data-v-3c2ce088]{grid-column-start:6;grid-row-start:3;display:flex;align-items:center;justify-content:center;padding:0;background-color:#0f0f0f}.stats[data-v-3c2ce088]{display:flex;gap:30px;padding:15px 30px;border-radius:12px;background-color:transparent}.stat-item[data-v-3c2ce088]{display:flex;flex-direction:column;align-items:center;gap:5px}.stat-number[data-v-3c2ce088]{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-3c2ce088]{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:1px}.div5[data-v-3c2ce088]{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-3c2ce088]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:20px}.spinner[data-v-3c2ce088]{width:50px;height:50px;border:4px solid #2a2d31;border-top-color:#cd8f35;border-radius:50%;animation:spin-3c2ce088 1s linear infinite}@keyframes spin-3c2ce088{to{transform:rotate(360deg)}}.loading-message p[data-v-3c2ce088]{font-size:18px;color:#888}.error-message[data-v-3c2ce088]{display:flex;justify-content:center;align-items:center;height:100%;font-size:18px;color:#ff6b6b;text-align:center}.empty-message[data-v-3c2ce088]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:20px;color:#666}.empty-message svg[data-v-3c2ce088]{opacity:.5}.empty-message p[data-v-3c2ce088]{font-size:18px;margin:0}.gallery-grid[data-v-3c2ce088]{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(23,1fr);gap:20px;padding-bottom:20px}.gallery-item[data-v-3c2ce088]{background-color:#1a1d21;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .3s,box-shadow .3s;border:2px solid transparent}.gallery-item[data-v-3c2ce088]:hover{transform:translateY(-8px);box-shadow:0 12px 24px #cd8f354d;border-color:#cd8f35}.image-wrapper[data-v-3c2ce088]{position:relative;width:100%;padding-bottom:100%;overflow:hidden;background-color:#2a2d31}.image-wrapper img[data-v-3c2ce088]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}.gallery-item:hover .image-wrapper img[data-v-3c2ce088]{transform:scale(1.1)}.image-overlay[data-v-3c2ce088]{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-3c2ce088]{opacity:1}.overlay-content svg[data-v-3c2ce088]{color:#fff;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.item-info[data-v-3c2ce088]{padding:15px;display:flex;gap:12px;align-items:center}.client-avatar[data-v-3c2ce088]{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-3c2ce088]{flex:1;min-width:0}.client-name[data-v-3c2ce088]{margin:0 0 5px;font-size:16px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.procedure-name[data-v-3c2ce088]{margin:0 0 8px;font-size:14px;color:#cd8f35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-meta[data-v-3c2ce088]{display:flex;align-items:center;gap:10px}.meta-date[data-v-3c2ce088]{display:flex;align-items:center;gap:5px;font-size:12px;color:#888}.meta-date svg[data-v-3c2ce088]{color:#cd8f35}.div5[data-v-3c2ce088]::-webkit-scrollbar{width:8px}.div5[data-v-3c2ce088]::-webkit-scrollbar-track{background:#1a1d21;border-radius:4px}.div5[data-v-3c2ce088]::-webkit-scrollbar-thumb{background:#cd8f35;border-radius:4px}.div5[data-v-3c2ce088]::-webkit-scrollbar-thumb:hover{background:#b87d2e}@media (max-width: 1400px){.gallery-grid[data-v-3c2ce088]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 1200px){.gallery-grid[data-v-3c2ce088]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width: 900px){.gallery-grid[data-v-3c2ce088]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.filters[data-v-3c2ce088]{flex-direction:column}}.modal-overlay[data-v-406b9b43]{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-406b9b43]{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-406b9b43]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px}.modal-header h2[data-v-406b9b43]{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-406b9b43]{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-406b9b43]:hover{color:#cd8f35}.modal-form[data-v-406b9b43]{padding:25px}.form-group[data-v-406b9b43]{margin-bottom:20px}.form-row[data-v-406b9b43]{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group label[data-v-406b9b43]{display:block;color:#6d2335;font-weight:700;margin-bottom:8px;font-size:14px}.form-group input[data-v-406b9b43],.form-group select[data-v-406b9b43]{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-406b9b43]{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-406b9b43]:focus,.form-group select[data-v-406b9b43]:focus{outline:none;border-color:#cd8f35}.form-group input[data-v-406b9b43]::placeholder{color:#999}.error-message[data-v-406b9b43]{background-color:#ff6b6b1a;border:1px solid #ff6b6b;color:#ff6b6b;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.success-message[data-v-406b9b43]{background-color:#4caf501a;border:1px solid #4caf50;color:#4caf50;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.modal-actions[data-v-406b9b43]{display:flex;gap:12px;margin-top:25px}.btn-cancel[data-v-406b9b43],.btn-submit[data-v-406b9b43]{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-406b9b43]{background-color:#2a2d31;color:#fff}.btn-cancel[data-v-406b9b43]:hover:not(:disabled){background-color:#3a3d41}.btn-submit[data-v-406b9b43]{background:linear-gradient(187deg,#db204c,#571625);color:#fff}.btn-submit[data-v-406b9b43]:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 12px #db204c66}.btn-cancel[data-v-406b9b43]:disabled,.btn-submit[data-v-406b9b43]:disabled{opacity:.6;cursor:not-allowed}.modal-container[data-v-406b9b43]::-webkit-scrollbar{width:8px}.modal-container[data-v-406b9b43]::-webkit-scrollbar-track{background:#1a1d21}.modal-container[data-v-406b9b43]::-webkit-scrollbar-thumb{background:#cd8f35;border-radius:4px}.modal-container[data-v-406b9b43]::-webkit-scrollbar-thumb:hover{background:#b87d2e}@media (max-width: 600px){.form-row[data-v-406b9b43]{grid-template-columns:1fr}}.modal-overlay[data-v-55e0ec3a]{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-55e0ec3a]{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-55e0ec3a]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px}.modal-header h2[data-v-55e0ec3a]{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-55e0ec3a]{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-55e0ec3a]:hover{color:#cd8f35}.modal-form[data-v-55e0ec3a]{padding:25px}.form-group[data-v-55e0ec3a]{margin-bottom:20px}.form-row[data-v-55e0ec3a]{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group label[data-v-55e0ec3a]{display:block;color:#6d2335;font-weight:700;margin-bottom:8px;font-size:14px}.form-group input[data-v-55e0ec3a],.form-group select[data-v-55e0ec3a]{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-55e0ec3a]{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-55e0ec3a]:focus,.form-group select[data-v-55e0ec3a]:focus{outline:none;border-color:#cd8f35}.form-group input[data-v-55e0ec3a]::placeholder{color:#999}.error-message[data-v-55e0ec3a]{background-color:#ff6b6b1a;border:1px solid #ff6b6b;color:#ff6b6b;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.success-message[data-v-55e0ec3a]{background-color:#4caf501a;border:1px solid #4caf50;color:#4caf50;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.modal-actions[data-v-55e0ec3a]{display:flex;gap:12px;margin-top:25px}.btn-cancel[data-v-55e0ec3a],.btn-submit[data-v-55e0ec3a]{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-55e0ec3a]{background-color:#2a2d31;color:#fff}.btn-cancel[data-v-55e0ec3a]:hover:not(:disabled){background-color:#3a3d41}.btn-submit[data-v-55e0ec3a]{background:linear-gradient(187deg,#db204c,#571625);color:#fff}.btn-submit[data-v-55e0ec3a]:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 12px #db204c66}.btn-cancel[data-v-55e0ec3a]:disabled,.btn-submit[data-v-55e0ec3a]:disabled{opacity:.6;cursor:not-allowed}.modal-container[data-v-55e0ec3a]::-webkit-scrollbar{width:8px}.modal-container[data-v-55e0ec3a]::-webkit-scrollbar-track{background:#1a1d21}.modal-container[data-v-55e0ec3a]::-webkit-scrollbar-thumb{background:#cd8f35;border-radius:4px}.modal-container[data-v-55e0ec3a]::-webkit-scrollbar-thumb:hover{background:#b87d2e}@media (max-width: 600px){.form-row[data-v-55e0ec3a]{grid-template-columns:1fr}}.parent[data-v-cd5f54e0]{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(23,1fr);height:100vh;background-color:#0f0f0f;color:#fff}.div1[data-v-cd5f54e0]{grid-row:span 23 / span 23;grid-column:1 / 2;display:flex;flex-direction:column}.div3[data-v-cd5f54e0]{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-cd5f54e0]{display:flex;gap:15px;width:90%}.search-input[data-v-cd5f54e0]{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-cd5f54e0]:focus{outline:none;border-color:#cd8f35}.search-input[data-v-cd5f54e0]::placeholder{color:#666}.sort-select[data-v-cd5f54e0]{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-cd5f54e0]:focus{outline:none;border-color:#cd8f35}.div4[data-v-cd5f54e0]{grid-column-start:6;grid-row-start:3;display:flex;align-items:center;justify-content:center}.btn-new-procedure[data-v-cd5f54e0]{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-cd5f54e0]:hover{transform:scale(1.05)}.div5[data-v-cd5f54e0]{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-cd5f54e0]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:20px}.spinner[data-v-cd5f54e0]{width:50px;height:50px;border:4px solid #2a2d31;border-top-color:#cd8f35;border-radius:50%;animation:spin-cd5f54e0 1s linear infinite}@keyframes spin-cd5f54e0{to{transform:rotate(360deg)}}.loading-message p[data-v-cd5f54e0]{font-size:18px;color:#888}.error-message[data-v-cd5f54e0]{display:flex;justify-content:center;align-items:center;height:100%;font-size:18px;color:#ff6b6b;text-align:center}.empty-message[data-v-cd5f54e0]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:20px;color:#666}.empty-message svg[data-v-cd5f54e0]{opacity:.5}.empty-message p[data-v-cd5f54e0]{font-size:18px;margin:0}.procedures-grid[data-v-cd5f54e0]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding-bottom:20px}.procedure-card[data-v-cd5f54e0]{background-color:#1a1d21;border-radius:12px;padding:20px;transition:transform .3s,box-shadow .3s;border:2px solid transparent}.procedure-card[data-v-cd5f54e0]:hover{transform:translateY(-5px);box-shadow:0 12px 24px #cd8f354d;border-color:#cd8f35}.procedure-header[data-v-cd5f54e0]{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #2a2d31}.procedure-icon[data-v-cd5f54e0]{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-cd5f54e0]{color:#0f0f0f}.procedure-info[data-v-cd5f54e0]{flex:1;min-width:0}.procedure-name[data-v-cd5f54e0]{font-size:18px;font-weight:700;color:#fff;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.procedure-type[data-v-cd5f54e0]{font-size:14px;color:#cd8f35;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.procedure-details[data-v-cd5f54e0]{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.detail-row[data-v-cd5f54e0]{display:flex;align-items:center;gap:10px;font-size:14px}.detail-icon[data-v-cd5f54e0]{font-size:18px;width:24px;text-align:center}.detail-label[data-v-cd5f54e0]{color:#888;font-weight:600;min-width:90px}.detail-value[data-v-cd5f54e0]{color:#fff;font-weight:500}.procedure-actions[data-v-cd5f54e0]{display:flex;gap:10px}.btn-edit[data-v-cd5f54e0],.btn-delete[data-v-cd5f54e0]{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-cd5f54e0]{background-color:#2a2d31;border:1px solid #cd8f35;color:#cd8f35}.btn-edit[data-v-cd5f54e0]:hover{background-color:#cd8f35;color:#000}.btn-delete[data-v-cd5f54e0]{background-color:#2a2d31;border:1px solid #ff6b6b;color:#ff6b6b}.btn-delete[data-v-cd5f54e0]:hover{background-color:#ff6b6b;color:#fff}.div5[data-v-cd5f54e0]::-webkit-scrollbar{width:8px}.div5[data-v-cd5f54e0]::-webkit-scrollbar-track{background:#1a1d21;border-radius:4px}.div5[data-v-cd5f54e0]::-webkit-scrollbar-thumb{background:#cd8f35;border-radius:4px}.div5[data-v-cd5f54e0]::-webkit-scrollbar-thumb:hover{background:#b87d2e}@media (max-width: 1400px){.procedures-grid[data-v-cd5f54e0]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 1200px){.procedures-grid[data-v-cd5f54e0]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 900px){.procedures-grid[data-v-cd5f54e0]{grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}.filters[data-v-cd5f54e0]{flex-direction:column}}.modal-overlay[data-v-fa912310]{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-fa912310]{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-fa912310]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px}.modal-header h2[data-v-fa912310]{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-fa912310]{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-fa912310]:hover{color:#cd8f35}.modal-form[data-v-fa912310]{padding:25px}.form-group[data-v-fa912310]{margin-bottom:20px}.form-row[data-v-fa912310]{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group label[data-v-fa912310]{display:block;color:#6d2335;font-weight:700;margin-bottom:8px;font-size:14px}.form-group input[data-v-fa912310],.form-group select[data-v-fa912310]{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-fa912310]{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-fa912310]:focus,.form-group select[data-v-fa912310]:focus{outline:none;border-color:#cd8f35}.form-group input[data-v-fa912310]::placeholder{color:#999}.error-message[data-v-fa912310]{background-color:#ff6b6b1a;border:1px solid #ff6b6b;color:#ff6b6b;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.success-message[data-v-fa912310]{background-color:#4caf501a;border:1px solid #4caf50;color:#4caf50;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.modal-actions[data-v-fa912310]{display:flex;gap:12px;margin-top:25px}.btn-cancel[data-v-fa912310],.btn-submit[data-v-fa912310]{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-fa912310]{background-color:#2a2d31;color:#fff}.btn-cancel[data-v-fa912310]:hover:not(:disabled){background-color:#3a3d41}.btn-submit[data-v-fa912310]{background:linear-gradient(187deg,#db204c,#571625);color:#fff}.btn-submit[data-v-fa912310]:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 12px #db204c66}.btn-cancel[data-v-fa912310]:disabled,.btn-submit[data-v-fa912310]:disabled{opacity:.6;cursor:not-allowed}.modal-container[data-v-fa912310]::-webkit-scrollbar{width:8px}.modal-container[data-v-fa912310]::-webkit-scrollbar-track{background:#1a1d21}.modal-container[data-v-fa912310]::-webkit-scrollbar-thumb{background:#cd8f35;border-radius:4px}.modal-container[data-v-fa912310]::-webkit-scrollbar-thumb:hover{background:#b87d2e}@media (max-width: 600px){.form-row[data-v-fa912310]{grid-template-columns:1fr}}.modal-overlay[data-v-55e2e980]{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-55e2e980]{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-55e2e980]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px}.modal-header h2[data-v-55e2e980]{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-55e2e980]{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-55e2e980]:hover{color:#cd8f35}.modal-form[data-v-55e2e980]{padding:25px}.form-group[data-v-55e2e980]{margin-bottom:20px}.form-row[data-v-55e2e980]{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group label[data-v-55e2e980]{display:block;color:#6d2335;font-weight:700;margin-bottom:8px;font-size:14px}.form-group input[data-v-55e2e980],.form-group select[data-v-55e2e980]{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-55e2e980]{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-55e2e980]:focus,.form-group select[data-v-55e2e980]:focus{outline:none;border-color:#cd8f35}.form-group input[data-v-55e2e980]::placeholder{color:#999}.error-message[data-v-55e2e980]{background-color:#ff6b6b1a;border:1px solid #ff6b6b;color:#ff6b6b;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.success-message[data-v-55e2e980]{background-color:#4caf501a;border:1px solid #4caf50;color:#4caf50;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.modal-actions[data-v-55e2e980]{display:flex;gap:12px;margin-top:25px}.btn-cancel[data-v-55e2e980],.btn-submit[data-v-55e2e980]{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-55e2e980]{background-color:#2a2d31;color:#fff}.btn-cancel[data-v-55e2e980]:hover:not(:disabled){background-color:#3a3d41}.btn-submit[data-v-55e2e980]{background:linear-gradient(187deg,#db204c,#571625);color:#fff}.btn-submit[data-v-55e2e980]:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 12px #db204c66}.btn-cancel[data-v-55e2e980]:disabled,.btn-submit[data-v-55e2e980]:disabled{opacity:.6;cursor:not-allowed}.modal-container[data-v-55e2e980]::-webkit-scrollbar{width:8px}.modal-container[data-v-55e2e980]::-webkit-scrollbar-track{background:#1a1d21}.modal-container[data-v-55e2e980]::-webkit-scrollbar-thumb{background:#cd8f35;border-radius:4px}.modal-container[data-v-55e2e980]::-webkit-scrollbar-thumb:hover{background:#b87d2e}@media (max-width: 600px){.form-row[data-v-55e2e980]{grid-template-columns:1fr}}.modal-overlay[data-v-91eb2d15]{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-91eb2d15]{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-91eb2d15]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px}.modal-header h2[data-v-91eb2d15]{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-91eb2d15]{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-91eb2d15]:hover{color:#cd8f35}.modal-form[data-v-91eb2d15]{padding:25px}.form-group[data-v-91eb2d15]{margin-bottom:20px}.form-row[data-v-91eb2d15]{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group label[data-v-91eb2d15]{display:block;color:#6d2335;font-weight:700;margin-bottom:8px;font-size:14px}.form-group input[data-v-91eb2d15],.form-group select[data-v-91eb2d15]{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-91eb2d15]{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-91eb2d15]:focus,.form-group select[data-v-91eb2d15]:focus{outline:none;border-color:#cd8f35}.form-group input[data-v-91eb2d15]::placeholder{color:#999}.helper-text[data-v-91eb2d15]{display:block;margin-top:5px;color:#666;font-size:12px}.total-price[data-v-91eb2d15]{background:linear-gradient(135deg,#6d23351a,#cd8f351a);border-radius:8px;padding:15px;margin:25px 0}.total-price label[data-v-91eb2d15]{font-size:16px;margin-bottom:10px}.total-display[data-v-91eb2d15]{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-91eb2d15]{background-color:#ff6b6b1a;border:1px solid #ff6b6b;color:#ff6b6b;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.success-message[data-v-91eb2d15]{background-color:#4caf501a;border:1px solid #4caf50;color:#4caf50;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.modal-actions[data-v-91eb2d15]{display:flex;gap:12px;margin-top:25px}.btn-cancel[data-v-91eb2d15],.btn-submit[data-v-91eb2d15]{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-91eb2d15]{background-color:#2a2d31;color:#fff}.btn-cancel[data-v-91eb2d15]:hover:not(:disabled){background-color:#3a3d41}.btn-submit[data-v-91eb2d15]{background:linear-gradient(187deg,#db204c,#571625);color:#fff}.btn-submit[data-v-91eb2d15]:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 12px #db204c66}.btn-cancel[data-v-91eb2d15]:disabled,.btn-submit[data-v-91eb2d15]:disabled{opacity:.6;cursor:not-allowed}.modal-container[data-v-91eb2d15]::-webkit-scrollbar{width:8px}.modal-container[data-v-91eb2d15]::-webkit-scrollbar-track{background:#1a1d21}.modal-container[data-v-91eb2d15]::-webkit-scrollbar-thumb{background:#cd8f35;border-radius:4px}.modal-container[data-v-91eb2d15]::-webkit-scrollbar-thumb:hover{background:#b87d2e}@media (max-width: 600px){.form-row[data-v-91eb2d15]{grid-template-columns:1fr}}.parent[data-v-281536ae]{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(23,1fr);height:100vh;background-color:#0f0f0f;color:#fff}.div1[data-v-281536ae]{grid-row:span 23 / span 23;grid-column:1 / 2;display:flex;flex-direction:column}.div3[data-v-281536ae]{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-281536ae]{display:flex;gap:15px;width:90%}.date-group[data-v-281536ae]{flex:1;display:flex;flex-direction:column;gap:5px}.date-group label[data-v-281536ae]{font-size:12px;color:#888;font-weight:600}.date-input[data-v-281536ae]{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-281536ae]:focus{outline:none;border-color:#cd8f35}.div4[data-v-281536ae]{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-281536ae],.btn-new-financial[data-v-281536ae]{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-281536ae]{background:linear-gradient(187deg,#4caf50,#1b5e20)}.btn-new-financial[data-v-281536ae]{background:linear-gradient(187deg,#db204c,#571625)}.btn-new-sale[data-v-281536ae]:hover,.btn-new-financial[data-v-281536ae]:hover{transform:scale(1.05)}.div5[data-v-281536ae]{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-281536ae]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:20px}.spinner[data-v-281536ae]{width:50px;height:50px;border:4px solid #2a2d31;border-top-color:#cd8f35;border-radius:50%;animation:spin-281536ae 1s linear infinite}@keyframes spin-281536ae{to{transform:rotate(360deg)}}.loading-message p[data-v-281536ae]{font-size:18px;color:#888}.financial-content[data-v-281536ae]{display:flex;flex-direction:column;gap:30px}.summary-cards[data-v-281536ae]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.summary-card[data-v-281536ae]{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-281536ae]:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000004d}.card-icon[data-v-281536ae]{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-281536ae]{flex:1}.card-info h3[data-v-281536ae]{margin:0 0 8px;font-size:14px;color:#888;font-weight:600;text-transform:uppercase}.card-value[data-v-281536ae]{margin:0 0 5px;font-size:28px;font-weight:700;color:#fff}.card-label[data-v-281536ae]{font-size:12px;color:#666}.chart-section[data-v-281536ae]{background-color:#1a1d21;border-radius:12px;padding:25px;border:2px solid #2a2d31}.section-title[data-v-281536ae]{margin:0 0 20px;font-size:20px;font-weight:700;color:#cd8f35}.chart-container[data-v-281536ae]{height:300px;position:relative}.tabs-section[data-v-281536ae]{background-color:#1a1d21;border-radius:12px;border:2px solid #2a2d31;overflow:hidden}.tabs-header[data-v-281536ae]{display:flex;background-color:#121517;border-bottom:2px solid #2a2d31}.tab-button[data-v-281536ae]{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-281536ae]:hover{background-color:#cd8f350d;color:#cd8f35}.tab-button.active[data-v-281536ae]{color:#cd8f35;border-bottom-color:#cd8f35;background-color:#cd8f351a}.tab-content[data-v-281536ae]{padding:25px}.empty-message[data-v-281536ae]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:15px;color:#666}.empty-message svg[data-v-281536ae]{opacity:.5}.bills-table[data-v-281536ae]{overflow-x:auto}table[data-v-281536ae]{width:100%;border-collapse:collapse}thead tr[data-v-281536ae]{border-bottom:2px solid #2a2d31}th[data-v-281536ae]{text-align:left;padding:12px;font-size:12px;color:#888;font-weight:600;text-transform:uppercase}tbody tr[data-v-281536ae]{border-bottom:1px solid #2a2d31;transition:background-color .2s}tbody tr[data-v-281536ae]:hover{background-color:#cd8f350d}tbody tr.overdue[data-v-281536ae]{background-color:#f443360d}td[data-v-281536ae]{padding:15px 12px;font-size:14px}.sale-id[data-v-281536ae]{color:#cd8f35;font-weight:700}.bill-name[data-v-281536ae]{font-weight:600;color:#fff}.bill-price[data-v-281536ae]{font-weight:700;color:#cd8f35}.bill-date[data-v-281536ae]{color:#888}.status-badge[data-v-281536ae]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase;display:inline-block}.status-badge.paid[data-v-281536ae]{background-color:#4caf5033;color:#4caf50}.status-badge.unpaid[data-v-281536ae]{background-color:#ff980033;color:#ff9800}.status-badge.overdue[data-v-281536ae]{background-color:#f4433633;color:#f44336}.type-badge[data-v-281536ae]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase;display:inline-block}.type-badge.input[data-v-281536ae]{background-color:#4caf5033;color:#4caf50}.type-badge.output[data-v-281536ae]{background-color:#f4433633;color:#f44336}.operational-badge[data-v-281536ae]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;background-color:#9e9e9e33;color:#9e9e9e}.operational-badge.active[data-v-281536ae]{background-color:#2196f333;color:#2196f3}.bill-actions[data-v-281536ae]{display:flex;gap:8px}.btn-icon[data-v-281536ae]{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-281536ae]:hover{background-color:#cd8f35;color:#000}.btn-icon.delete[data-v-281536ae]{border-color:#ff6b6b;color:#ff6b6b}.btn-icon.delete[data-v-281536ae]:hover{background-color:#ff6b6b;color:#fff}.div5[data-v-281536ae]::-webkit-scrollbar{width:8px}.div5[data-v-281536ae]::-webkit-scrollbar-track{background:#1a1d21;border-radius:4px}.div5[data-v-281536ae]::-webkit-scrollbar-thumb{background:#cd8f35;border-radius:4px}.div5[data-v-281536ae]::-webkit-scrollbar-thumb:hover{background:#b87d2e}@media (max-width: 1200px){.summary-cards[data-v-281536ae]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.summary-cards[data-v-281536ae]{grid-template-columns:1fr}.date-filters[data-v-281536ae],.tabs-header[data-v-281536ae]{flex-direction:column}}.modal-overlay[data-v-c9ad3ac2]{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-c9ad3ac2]{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-c9ad3ac2]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px}.modal-header h2[data-v-c9ad3ac2]{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-c9ad3ac2]{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-c9ad3ac2]:hover{color:#cd8f35}.modal-form[data-v-c9ad3ac2]{padding:25px}.form-group[data-v-c9ad3ac2]{margin-bottom:20px}.form-row[data-v-c9ad3ac2]{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group label[data-v-c9ad3ac2]{display:block;color:#6d2335;font-weight:700;margin-bottom:8px;font-size:14px}.form-group input[data-v-c9ad3ac2],.form-group select[data-v-c9ad3ac2]{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-c9ad3ac2]{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-c9ad3ac2]:focus,.form-group select[data-v-c9ad3ac2]:focus{outline:none;border-color:#cd8f35}.form-group input[data-v-c9ad3ac2]::placeholder{color:#999}.helper-text[data-v-c9ad3ac2]{display:block;margin-top:5px;color:#666;font-size:12px}.error-message[data-v-c9ad3ac2]{background-color:#ff6b6b1a;border:1px solid #ff6b6b;color:#ff6b6b;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.success-message[data-v-c9ad3ac2]{background-color:#4caf501a;border:1px solid #4caf50;color:#4caf50;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.modal-actions[data-v-c9ad3ac2]{display:flex;gap:12px;margin-top:25px}.btn-cancel[data-v-c9ad3ac2],.btn-submit[data-v-c9ad3ac2]{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-c9ad3ac2]{background-color:#2a2d31;color:#fff}.btn-cancel[data-v-c9ad3ac2]:hover:not(:disabled){background-color:#3a3d41}.btn-submit[data-v-c9ad3ac2]{background:linear-gradient(187deg,#db204c,#571625);color:#fff}.btn-submit[data-v-c9ad3ac2]:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 12px #db204c66}.btn-cancel[data-v-c9ad3ac2]:disabled,.btn-submit[data-v-c9ad3ac2]:disabled{opacity:.6;cursor:not-allowed}.modal-container[data-v-c9ad3ac2]::-webkit-scrollbar{width:8px}.modal-container[data-v-c9ad3ac2]::-webkit-scrollbar-track{background:#1a1d21}.modal-container[data-v-c9ad3ac2]::-webkit-scrollbar-thumb{background:#cd8f35;border-radius:4px}.modal-container[data-v-c9ad3ac2]::-webkit-scrollbar-thumb:hover{background:#b87d2e}@media (max-width: 600px){.form-row[data-v-c9ad3ac2]{grid-template-columns:1fr}}.modal-overlay[data-v-22996726]{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-22996726]{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-22996726]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px}.modal-header h2[data-v-22996726]{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-22996726]{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-22996726]:hover{color:#cd8f35}.modal-form[data-v-22996726]{padding:25px}.form-group[data-v-22996726]{margin-bottom:20px}.form-row[data-v-22996726]{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group label[data-v-22996726]{display:block;color:#6d2335;font-weight:700;margin-bottom:8px;font-size:14px}.form-group input[data-v-22996726],.form-group select[data-v-22996726]{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-22996726]{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-22996726]:focus,.form-group select[data-v-22996726]:focus{outline:none;border-color:#cd8f35}.form-group input[data-v-22996726]::placeholder{color:#999}.helper-text[data-v-22996726]{display:block;margin-top:5px;color:#666;font-size:12px}.error-message[data-v-22996726]{background-color:#ff6b6b1a;border:1px solid #ff6b6b;color:#ff6b6b;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.success-message[data-v-22996726]{background-color:#4caf501a;border:1px solid #4caf50;color:#4caf50;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.modal-actions[data-v-22996726]{display:flex;gap:12px;margin-top:25px}.btn-delete[data-v-22996726],.btn-cancel[data-v-22996726],.btn-submit[data-v-22996726]{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.btn-delete[data-v-22996726]{background-color:#ff6b6b;color:#fff}.btn-delete[data-v-22996726]:hover:not(:disabled){background-color:#ff5252;transform:scale(1.02)}.btn-cancel[data-v-22996726]{flex:1;background-color:#2a2d31;color:#fff}.btn-cancel[data-v-22996726]:hover:not(:disabled){background-color:#3a3d41}.btn-submit[data-v-22996726]{flex:1;background:linear-gradient(187deg,#db204c,#571625);color:#fff}.btn-submit[data-v-22996726]:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 12px #db204c66}.btn-delete[data-v-22996726]:disabled,.btn-cancel[data-v-22996726]:disabled,.btn-submit[data-v-22996726]:disabled{opacity:.6;cursor:not-allowed}.modal-container[data-v-22996726]::-webkit-scrollbar{width:8px}.modal-container[data-v-22996726]::-webkit-scrollbar-track{background:#1a1d21}.modal-container[data-v-22996726]::-webkit-scrollbar-thumb{background:#cd8f35;border-radius:4px}.modal-container[data-v-22996726]::-webkit-scrollbar-thumb:hover{background:#b87d2e}@media (max-width: 600px){.form-row[data-v-22996726]{grid-template-columns:1fr}.modal-actions[data-v-22996726]{flex-wrap:wrap}.btn-delete[data-v-22996726]{width:100%}}div[data-v-b7b8a64d]{background-color:#0f0f0f;color:#fff}.parent[data-v-b7b8a64d]{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(23,1fr);gap:10px;height:100vh}.div1[data-v-b7b8a64d]{grid-row:span 23 / span 23;grid-column:1 / 2;display:flex;flex-direction:column}.div3[data-v-b7b8a64d]{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-b7b8a64d]{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-b7b8a64d]:focus{outline:none;border-color:#cd8f35}.search-input[data-v-b7b8a64d]::placeholder{color:#666}.div4[data-v-b7b8a64d]{grid-column-start:6;grid-row-start:3;display:flex;align-items:center;justify-content:center}.btn-new-stock[data-v-b7b8a64d]{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-b7b8a64d]:hover{transform:scale(1.05)}.div5[data-v-b7b8a64d]{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-b7b8a64d]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:20px}.spinner[data-v-b7b8a64d]{width:50px;height:50px;border:4px solid #2a2d31;border-top-color:#cd8f35;border-radius:50%;animation:spin-b7b8a64d 1s linear infinite}@keyframes spin-b7b8a64d{to{transform:rotate(360deg)}}.loading-message p[data-v-b7b8a64d]{font-size:18px;color:#888}.error-message[data-v-b7b8a64d],.empty-message[data-v-b7b8a64d]{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-b7b8a64d]{opacity:.5}.error-message[data-v-b7b8a64d]{color:#ff6b6b}.stock-grid[data-v-b7b8a64d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;background-color:transparent}.stock-card[data-v-b7b8a64d]{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-b7b8a64d]:hover{transform:translateY(-5px);box-shadow:0 8px 16px #cd8f3533;border-color:#cd8f35}.stock-header[data-v-b7b8a64d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;background-color:transparent}.stock-badge[data-v-b7b8a64d]{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700}.stock-category[data-v-b7b8a64d]{font-size:12px;color:#888;text-transform:uppercase;font-weight:600;background-color:transparent}.stock-body[data-v-b7b8a64d]{flex:1;background-color:transparent}.stock-name[data-v-b7b8a64d]{font-size:20px;font-weight:700;color:#fff;margin:0 0 15px}.stock-details[data-v-b7b8a64d]{display:flex;flex-direction:column;gap:10px;background-color:transparent}.detail-row[data-v-b7b8a64d]{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-b7b8a64d]{color:#888;font-weight:600}.detail-value[data-v-b7b8a64d]{color:#fff;text-align:right;font-weight:600}.detail-value.price[data-v-b7b8a64d]{color:#cd8f35;font-size:16px;font-weight:700}.stock-footer[data-v-b7b8a64d]{margin-top:15px;background-color:transparent}.btn-edit[data-v-b7b8a64d]{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-b7b8a64d]:hover{background-color:#cd8f35;color:#000}.div5[data-v-b7b8a64d]::-webkit-scrollbar{width:8px}.div5[data-v-b7b8a64d]::-webkit-scrollbar-track{background:#1a1d21;border-radius:4px}.div5[data-v-b7b8a64d]::-webkit-scrollbar-thumb{background:#cd8f35;border-radius:4px}.div5[data-v-b7b8a64d]::-webkit-scrollbar-thumb:hover{background:#b87d2e}@media (max-width: 1400px){.stock-grid[data-v-b7b8a64d]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.stock-grid[data-v-b7b8a64d]{grid-template-columns:1fr}}.modal-overlay[data-v-c4554ff7]{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-c4554ff7]{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-c4554ff7]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px}.modal-header h2[data-v-c4554ff7]{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-c4554ff7]{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-c4554ff7]:hover{color:#d7385a}.modal-form[data-v-c4554ff7]{padding:25px}.form-group[data-v-c4554ff7]{margin-bottom:20px}.form-group label[data-v-c4554ff7]{display:block;color:#6d2335;font-weight:700;margin-bottom:8px;font-size:14px}.form-group input[data-v-c4554ff7],.form-group select[data-v-c4554ff7]{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-c4554ff7]{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-c4554ff7]:focus,.form-group select[data-v-c4554ff7]:focus,.form-group textarea[data-v-c4554ff7]:focus{outline:none;border-bottom-color:#d7385a}.form-group textarea[data-v-c4554ff7]:focus{border-color:#d7385a}.form-group select[data-v-c4554ff7]{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-c4554ff7]::placeholder,.form-group textarea[data-v-c4554ff7]::placeholder{color:#999}.total-price[data-v-c4554ff7]{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-c4554ff7]{border:2px solid #e0e0e0;border-radius:8px;padding:15px;background-color:#fafafa}.material-item[data-v-c4554ff7]{display:flex;gap:10px;margin-bottom:10px;align-items:center}.material-select[data-v-c4554ff7]{flex:2;padding:10px;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#000;font-size:14px}.btn-remove[data-v-c4554ff7]{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-c4554ff7]:hover{background-color:#ff5252}.btn-add-material[data-v-c4554ff7]{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-c4554ff7]:hover{background-color:#fef5f7;border-color:#5a1e2b}.error-message[data-v-c4554ff7]{background-color:#ff6b6b1a;border:1px solid #ff6b6b;color:#ff6b6b;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.success-message[data-v-c4554ff7]{background-color:#4caf501a;border:1px solid #4caf50;color:#4caf50;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.modal-actions[data-v-c4554ff7]{display:flex;gap:12px;margin-top:25px}.btn-cancel[data-v-c4554ff7],.btn-submit[data-v-c4554ff7]{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-c4554ff7]{background-color:#e0e0e0;color:#5a1e2b}.btn-cancel[data-v-c4554ff7]:hover:not(:disabled){background-color:#d0d0d0}.btn-submit[data-v-c4554ff7]{background:linear-gradient(187deg,#db204c,#571625);color:#fff}.btn-submit[data-v-c4554ff7]:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 12px #db204c66}.btn-cancel[data-v-c4554ff7]:disabled,.btn-submit[data-v-c4554ff7]:disabled{opacity:.6;cursor:not-allowed}.modal-container[data-v-c4554ff7]::-webkit-scrollbar{width:8px}.modal-container[data-v-c4554ff7]::-webkit-scrollbar-track{background:#f0f0f0}.modal-container[data-v-c4554ff7]::-webkit-scrollbar-thumb{background:#d7385a;border-radius:4px}.modal-container[data-v-c4554ff7]::-webkit-scrollbar-thumb:hover{background:#5a1e2b}.modal-overlay[data-v-80a27bff]{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-80a27bff]{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-80a27bff]{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-80a27bff]{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-80a27bff]{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-80a27bff]:hover{color:#000}.modal-content[data-v-80a27bff]{padding:25px;overflow-y:auto;flex:1}.info-section[data-v-80a27bff]{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #ddd}.info-section[data-v-80a27bff]:last-child{border-bottom:none}.info-header[data-v-80a27bff]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.info-header h3[data-v-80a27bff]{margin:0;color:#333;font-size:22px}h4[data-v-80a27bff]{color:#333;font-size:16px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.status-badge[data-v-80a27bff]{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase}.status-pending[data-v-80a27bff]{background-color:#ffc10733;color:#f57c00}.status-approved[data-v-80a27bff]{background-color:#4caf5033;color:#2e7d32}.status-rejected[data-v-80a27bff]{background-color:#f4433633;color:#c62828}.status-converted[data-v-80a27bff]{background-color:#9e9e9e33;color:#616161}.info-grid[data-v-80a27bff]{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.info-item[data-v-80a27bff]{display:flex;flex-direction:column}.info-label[data-v-80a27bff]{font-size:12px;color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.info-value[data-v-80a27bff]{font-size:16px;color:#333;font-weight:600}.procedures-list[data-v-80a27bff]{list-style:none;padding:0;margin:0}.procedures-list li[data-v-80a27bff]{padding:10px;background-color:#fff;border-left:3px solid #cd8f35;margin-bottom:8px;border-radius:4px;color:#333}.description-text[data-v-80a27bff]{background-color:#fff;padding:15px;border-radius:8px;color:#333;line-height:1.6;margin:0}.values-grid[data-v-80a27bff]{display:flex;flex-direction:column;gap:12px}.value-item[data-v-80a27bff]{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background-color:#fff;border-radius:8px}.value-item.final[data-v-80a27bff]{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #4caf50}.value-label[data-v-80a27bff]{font-weight:600;color:#666}.value-amount[data-v-80a27bff]{font-size:18px;font-weight:700;color:#333}.value-amount.discount[data-v-80a27bff]{color:#f44336}.value-amount.final-price[data-v-80a27bff]{font-size:22px;color:#2e7d32}.status-actions[data-v-80a27bff]{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.btn-approve[data-v-80a27bff],.btn-reject[data-v-80a27bff]{padding:14px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.btn-approve[data-v-80a27bff]{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.btn-approve[data-v-80a27bff]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.btn-reject[data-v-80a27bff]{background:linear-gradient(135deg,#f44336,#c62828);color:#fff}.btn-reject[data-v-80a27bff]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f4433666}.btn-reject-alt[data-v-80a27bff]{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-80a27bff]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f4433666}.conversion-section[data-v-80a27bff]{margin-top:20px}.btn-convert[data-v-80a27bff]{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-80a27bff]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #db204c66}.conversion-form[data-v-80a27bff]{background-color:#fff;padding:20px;border-radius:8px;border:2px solid #cd8f35;margin-top:20px}.conversion-form h4[data-v-80a27bff]{margin-top:0;color:#cd8f35}.form-group[data-v-80a27bff]{margin-bottom:15px}.form-group label[data-v-80a27bff]{display:block;margin-bottom:8px;color:#333;font-weight:600;font-size:14px}.form-group input[data-v-80a27bff],.form-group select[data-v-80a27bff]{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-80a27bff]:focus,.form-group select[data-v-80a27bff]:focus{outline:none;border-color:#cd8f35}.conversion-info[data-v-80a27bff]{background-color:#fff3e0;padding:12px;border-radius:6px;border-left:4px solid #ff9800;margin-bottom:15px}.info-text[data-v-80a27bff]{margin:0;color:#e65100;font-size:14px}.conversion-actions[data-v-80a27bff]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.btn-cancel[data-v-80a27bff],.btn-confirm[data-v-80a27bff]{padding:12px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.btn-cancel[data-v-80a27bff]{background-color:#e0e0e0;color:#666}.btn-cancel[data-v-80a27bff]:hover:not(:disabled){background-color:#d0d0d0}.btn-confirm[data-v-80a27bff]{background:linear-gradient(187deg,#db204c,#571625);color:#fff}.btn-confirm[data-v-80a27bff]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #db204c66}button[data-v-80a27bff]:disabled{opacity:.6;cursor:not-allowed}.converted-info[data-v-80a27bff]{background-color:#e8f5e9;padding:15px;border-radius:8px;border:2px solid #4caf50;margin-top:20px}.error-message[data-v-80a27bff],.success-message[data-v-80a27bff]{padding:12px;border-radius:8px;margin-top:15px;font-size:14px}.error-message[data-v-80a27bff]{background-color:#ffebee;color:#c62828;border:1px solid #ef5350}.success-message[data-v-80a27bff]{background-color:#e8f5e9;color:#2e7d32;border:1px solid #66bb6a}.modal-content[data-v-80a27bff]::-webkit-scrollbar{width:8px}.modal-content[data-v-80a27bff]::-webkit-scrollbar-track{background:#f0f0f0}.modal-content[data-v-80a27bff]::-webkit-scrollbar-thumb{background:#cd8f35;border-radius:4px}@media (max-width: 768px){.modal-overlay[data-v-80a27bff]{padding:.5rem}.modal-header[data-v-80a27bff]{padding:15px 20px}.modal-header h2[data-v-80a27bff]{font-size:22px}.modal-content[data-v-80a27bff]{padding:20px}.info-grid[data-v-80a27bff],.status-actions[data-v-80a27bff],.conversion-actions[data-v-80a27bff]{grid-template-columns:1fr}.info-header h3[data-v-80a27bff]{font-size:18px}.value-amount.final-price[data-v-80a27bff]{font-size:20px}}@media (max-width: 480px){.modal-header[data-v-80a27bff]{padding:12px 15px}.modal-header h2[data-v-80a27bff]{font-size:20px}.modal-content[data-v-80a27bff]{padding:15px}h4[data-v-80a27bff]{font-size:14px}.info-header h3[data-v-80a27bff]{font-size:16px}.status-badge[data-v-80a27bff]{font-size:10px;padding:4px 10px}.value-amount[data-v-80a27bff]{font-size:16px}.value-amount.final-price[data-v-80a27bff]{font-size:18px}.btn-approve[data-v-80a27bff],.btn-reject[data-v-80a27bff],.btn-convert[data-v-80a27bff],.btn-cancel[data-v-80a27bff],.btn-confirm[data-v-80a27bff]{font-size:14px;padding:12px}.form-group label[data-v-80a27bff]{font-size:13px}.form-group input[data-v-80a27bff],.form-group select[data-v-80a27bff]{padding:10px;font-size:13px}}div[data-v-e6be6b7a]{background-color:#0f0f0f;color:#fff}.parent[data-v-e6be6b7a]{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(23,1fr);gap:10px;height:100vh}.div1[data-v-e6be6b7a]{grid-row:span 23 / span 23;grid-column:1 / 2;display:flex;flex-direction:column}.div3[data-v-e6be6b7a]{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-e6be6b7a]{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-e6be6b7a]:focus{outline:none;border-color:#cd8f35}.search-input[data-v-e6be6b7a]::placeholder{color:#666}.div4[data-v-e6be6b7a]{grid-column-start:6;grid-row-start:3;display:flex;align-items:center;justify-content:center}.btn-new-budget[data-v-e6be6b7a]{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-e6be6b7a]:hover{transform:scale(1.05)}.div5[data-v-e6be6b7a]{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-e6be6b7a]{display:flex;gap:10px;margin-bottom:20px;background-color:transparent;flex-wrap:wrap}.tab-btn[data-v-e6be6b7a]{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-e6be6b7a]:hover{border-color:#cd8f35;color:#cd8f35}.tab-btn.active[data-v-e6be6b7a]{background-color:#cd8f35;border-color:#cd8f35;color:#000}.loading-message[data-v-e6be6b7a],.error-message[data-v-e6be6b7a],.empty-message[data-v-e6be6b7a]{display:flex;justify-content:center;align-items:center;height:100%;font-size:18px;color:#888}.error-message[data-v-e6be6b7a]{color:#ff6b6b}.budgets-grid[data-v-e6be6b7a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;background-color:transparent}.budget-card[data-v-e6be6b7a]{background-color:#1a1d21;border-radius:12px;padding:20px;transition:transform .2s,box-shadow .2s;border:2px solid transparent}.budget-card[data-v-e6be6b7a]:hover{transform:translateY(-5px);box-shadow:0 8px 16px #cd8f3533;border-color:#cd8f35}.budget-header[data-v-e6be6b7a]{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-e6be6b7a]{font-size:18px;font-weight:700;color:#fff;margin:0}.status-badge[data-v-e6be6b7a]{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase}.status-pending[data-v-e6be6b7a]{background-color:#cd8f3533;color:#cd8f35}.status-approved[data-v-e6be6b7a]{background-color:#4caf5033;color:#4caf50}.status-rejected[data-v-e6be6b7a]{background-color:#f4433633;color:#f44336}.status-converted[data-v-e6be6b7a]{background-color:#9e9e9e33;color:#9e9e9e}.budget-details[data-v-e6be6b7a]{display:flex;flex-direction:column;gap:10px;margin-bottom:15px;background-color:transparent}.detail-item[data-v-e6be6b7a]{display:flex;justify-content:space-between;align-items:center;font-size:14px;background-color:transparent}.detail-label[data-v-e6be6b7a]{color:#cd8f35;font-weight:600}.detail-value[data-v-e6be6b7a]{color:#fff;text-align:right}.final-price[data-v-e6be6b7a]{font-size:16px;font-weight:700;color:#4caf50}.budget-actions[data-v-e6be6b7a]{display:flex;gap:10px}.btn-view[data-v-e6be6b7a]{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-e6be6b7a]:hover{background-color:#cd8f35;color:#000}.div5[data-v-e6be6b7a]::-webkit-scrollbar{width:8px}.div5[data-v-e6be6b7a]::-webkit-scrollbar-track{background:#1a1d21;border-radius:4px}.div5[data-v-e6be6b7a]::-webkit-scrollbar-thumb{background:#cd8f35;border-radius:4px}.div5[data-v-e6be6b7a]::-webkit-scrollbar-thumb:hover{background:#b87d2e}@media (max-width: 1200px){.budgets-grid[data-v-e6be6b7a]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.parent[data-v-e6be6b7a]{grid-template-columns:1fr;grid-template-rows:auto}.div1[data-v-e6be6b7a]{grid-row:1;grid-column:1}.div2[data-v-e6be6b7a]{grid-column:1;padding:20px 0}.div3[data-v-e6be6b7a],.div4[data-v-e6be6b7a]{grid-column:1;left:0;padding:0 20px}.div5[data-v-e6be6b7a]{grid-column:1;padding:10px}.budgets-grid[data-v-e6be6b7a]{grid-template-columns:1fr}}