.loginWrapper{margin:0;font-family:Segoe UI,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#fff;display:flex;align-items:center;justify-content:center;min-height:100vh}.dark{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#fff}.login-container{width:100%;max-width:400px;padding:2rem}.error-banner{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:.5rem;padding:1rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;color:#ff6b6b}.error-banner .error-icon{font-size:1.2rem}.error-banner .error-message{font-size:.9rem;font-weight:500}.login-form{background:#ffffff0d;border-radius:1rem;padding:2rem;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;gap:1rem;transition:.3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.login-form h2{text-align:center;margin-bottom:1rem;color:#fff;font-size:1.8rem;font-weight:600}.login-form input{padding:.75rem;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;font-size:1rem;transition:.3s;background:#ffffff1a;color:#fff}.login-form input::placeholder{color:#fff9}.login-form input:focus{outline:none;border-color:#64b5f6;box-shadow:0 0 10px #64b5f64d}.login-form button{padding:.75rem;background:linear-gradient(45deg,#4caf50,#66bb6a);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:.3s}.login-form button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.login-form label{color:#fffc;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.login-form .options{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.login-form .options a{color:#64b5f6;text-decoration:none}.login-form .options a:hover{text-decoration:underline}.login-form .register-hint{text-align:center;font-size:.9rem;color:#ffffffb3}.login-form .register-hint a{color:#64b5f6;text-decoration:none;font-weight:500}.login-form .register-hint a:hover{text-decoration:underline}@media (max-width: 768px){.login-container{padding:1rem}.login-form{padding:1.5rem}.login-form h2{font-size:1.5rem}.login-form input,.login-form button{font-size:1rem}.options{flex-direction:column;gap:.5rem;text-align:center}}@media (max-width: 480px){.login-container{padding:.5rem}.login-form{padding:1rem}.login-form h2{font-size:1.25rem}.login-form input,.login-form button{font-size:.9rem}}.main-header{width:100%;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#fff;font-family:Segoe UI,sans-serif;box-shadow:0 4px 20px #0006;border-bottom:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box}.logo{font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:.5rem;margin-right:3rem}.nav{display:flex;align-items:center;gap:.5rem;justify-content:flex-end;flex:1}.nav a{color:#fff;text-decoration:none;font-weight:500;transition:all .3s ease}.nav a:hover{color:#64b5f6}.nav .nav-link{margin-right:0;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.nav .nav-link:hover{background:#ffffff1a;border-color:#64b5f6;box-shadow:0 0 15px #64b5f64d}.dropdown{position:relative}.dropdown .dropdown-toggle{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer;font-weight:500;font-size:1rem;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease}.dropdown .dropdown-toggle:hover{background:#ffffff1a;border-color:#64b5f6;box-shadow:0 0 15px #64b5f64d}.dropdown .dropdown-menu{display:none;position:absolute;top:100%;left:0;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:.5rem 0;border-radius:12px;box-shadow:0 8px 32px #0006;min-width:150px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dropdown .dropdown-menu a{display:block;padding:.5rem 1rem;color:#fff;text-decoration:none;transition:all .3s ease}.dropdown .dropdown-menu a:hover{background:#ffffff1a;color:#64b5f6}.dropdown:hover .dropdown-menu{display:block}@media (max-width: 768px){.main-header{padding:.75rem 1rem;flex-direction:column;gap:1rem}.logo{font-size:1.25rem;margin-right:0;justify-content:center}.nav{width:100%;justify-content:center;flex-wrap:wrap;gap:.25rem}.nav .nav-link{padding:.4rem .8rem;font-size:.9rem}.dropdown .dropdown-menu{position:fixed;top:auto;left:50%;transform:translate(-50%);width:90%;max-width:300px}}@media (max-width: 480px){.main-header{padding:.5rem}.logo{font-size:1.1rem}.nav{gap:.2rem}.nav .nav-link{padding:.3rem .6rem;font-size:.8rem}}.overview{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#fff;font-family:Segoe UI,sans-serif}.container{max-width:1200px;margin:0 auto;padding:2rem;display:flex;justify-content:center;align-items:flex-start;min-height:calc(100vh - 80px)}.info-section{width:100%;max-width:600px}.info-card{background:#ffffff0d;border-radius:20px;padding:3rem 2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;text-align:center;transition:all .3s ease}.info-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0006}.info-card .info-icon{font-size:4rem;margin-bottom:1.5rem;display:block}.info-card h1{font-size:2.5rem;font-weight:700;background:linear-gradient(45deg,#64b5f6,#42a5f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem}.info-card .info-text{font-size:1.2rem;color:#fffc;margin-bottom:2rem;line-height:1.6}.info-card .login-section{border-top:1px solid rgba(255,255,255,.1);padding-top:2rem}.info-card .login-section p{font-size:1rem;color:#ffffffb3;margin-bottom:1rem}.info-card .login-section .login-link{display:inline-block;background:linear-gradient(45deg,#4caf50,#66bb6a);color:#fff;text-decoration:none;padding:12px 30px;border-radius:25px;font-size:1.1rem;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.info-card .login-section .login-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066;text-decoration:none;color:#fff}.calculator-section{width:100%;max-width:800px}.calculator-card{background:#ffffff0d;border-radius:20px;padding:1.5rem 2rem 3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;transition:all .3s ease}.calculator-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0006}.calculator-header{text-align:center;margin-bottom:2.5rem;margin-top:0}.calculator-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(45deg,#64b5f6,#42a5f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;margin-top:0}.calculator-header .calculator-subtitle{font-size:1.2rem;color:#fffc;margin:0}.calculator-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:1rem;font-weight:600;color:#ffffffe6}.form-select,.form-input{padding:12px 16px;border:none;border-radius:10px;background:#ffffff1a;color:#fff;font-size:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.form-select::placeholder,.form-input::placeholder{color:#fff9}.form-select:focus,.form-input:focus{outline:none;background:#ffffff26;border-color:#64b5f6;box-shadow:0 0 20px #64b5f64d}.form-select:disabled,.form-input:disabled{opacity:.6;cursor:not-allowed}.form-select option,.form-input option{background:#fff;color:#000}.dimensions-group{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.area-display-inline .area-value-inline{padding:12px 16px;border-radius:10px;background:#64b5f61a;border:1px solid rgba(100,181,246,.3);color:#64b5f6;font-size:16px;font-weight:600;text-align:center;min-height:20px;display:flex;align-items:center;justify-content:center}.price-calculation{background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:15px;padding:1.5rem;margin-top:1rem}.price-breakdown{display:flex;flex-direction:column;gap:.75rem}.price-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.price-item .price-label{font-size:1rem;color:#fffc}.price-item .price-value{font-size:1.1rem;font-weight:600;color:#ffffffe6}.price-separator{height:1px;background:#fff3;margin:.5rem 0}.price-total{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-top:2px solid rgba(76,175,80,.5);margin-top:.5rem}.price-total .total-label{font-size:1.2rem;font-weight:700;color:#fff}.price-total .total-value{font-size:1.5rem;font-weight:700;color:#4caf50}@media (max-width: 768px){.container{padding:1rem}.info-card,.calculator-card{padding:2rem 1.5rem}.info-icon{font-size:3rem}.info-card h1,.calculator-header h1{font-size:2rem}.info-text,.calculator-subtitle{font-size:1.1rem}.login-link{width:100%;text-align:center}.dimensions-group{grid-template-columns:1fr;gap:1rem}.area-display-inline .area-value-inline{font-size:14px;padding:10px 12px}.area-display,.price-item,.price-total{flex-direction:column;gap:.5rem;text-align:center}.price-breakdown{gap:1rem}}.foil-categories{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#fff;padding:20px}.foil-categories .container{max-width:1200px;margin:0 auto;padding:20px;display:block}.foil-categories .header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#ffffff0d;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);width:100%}.foil-categories .header-section h1{font-size:2.5rem;font-weight:700;background:linear-gradient(45deg,#64b5f6,#42a5f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.foil-categories .search-section{display:flex;gap:15px;margin-bottom:30px;align-items:center;width:100%}.foil-categories .search-section .search-input{flex:1;padding:12px 20px;border:none;border-radius:10px;background:#ffffff1a;color:#fff;font-size:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.foil-categories .search-section .search-input::placeholder{color:#fff9}.foil-categories .search-section .search-input:focus{outline:none;background:#ffffff26;border-color:#64b5f6;box-shadow:0 0 20px #64b5f64d}.foil-categories .search-section .add-button{padding:12px 24px;background:linear-gradient(45deg,#4caf50,#66bb6a);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4caf504d}.foil-categories .search-section .add-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.foil-categories .search-section .add-button:active{transform:translateY(0)}.foil-categories .table-container{background:#ffffff0d;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);overflow:hidden;box-shadow:0 8px 32px #0000004d;width:100%;display:block}.foil-categories .table-container .categories-table{width:100%;border-collapse:collapse}.foil-categories .table-container .categories-table th,.foil-categories .table-container .categories-table td{padding:15px 20px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.foil-categories .table-container .categories-table th{background:#ffffff1a;font-weight:600;font-size:16px;color:#64b5f6;text-transform:uppercase;letter-spacing:1px}.foil-categories .table-container .categories-table tr{transition:all .3s ease}.foil-categories .table-container .categories-table tr:hover{background:#ffffff0d}.foil-categories .table-container .categories-table tr:last-child td{border-bottom:none}.foil-categories .table-container .categories-table .clickable-row{cursor:pointer;transition:all .3s ease}.foil-categories .table-container .categories-table .clickable-row:hover{background:#ffffff14;transform:translateY(-1px);box-shadow:0 4px 12px #64b5f633}.foil-categories .table-container .categories-table .action-buttons{display:flex;gap:10px;justify-content:flex-end}.foil-categories .table-container .categories-table .action-buttons .edit-btn,.foil-categories .table-container .categories-table .action-buttons .delete-btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.foil-categories .table-container .categories-table .action-buttons .edit-btn{background:linear-gradient(45deg,#ff9800,#ffb74d);color:#fff}.foil-categories .table-container .categories-table .action-buttons .edit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff98004d}.foil-categories .table-container .categories-table .action-buttons .delete-btn{background:linear-gradient(45deg,#f44336,#ef5350);color:#fff}.foil-categories .table-container .categories-table .action-buttons .delete-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f443364d}.foil-categories .loading{text-align:center;padding:40px;color:#ffffffb3;font-size:18px}.foil-categories .error{text-align:center;padding:20px;color:#f44336;background:#f443361a;border-radius:10px;margin:20px 0}.foil-categories .empty-state{text-align:center;padding:60px 20px;color:#fff9}.foil-categories .empty-state .empty-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.foil-categories .empty-state h3{font-size:1.5rem;margin-bottom:10px;color:#fffc}.foil-categories .empty-state p{font-size:1rem;margin-bottom:20px}@media (max-width: 768px){.foil-categories,.foil-categories .container{padding:10px}.foil-categories .header-section{flex-direction:column;gap:15px;text-align:center}.foil-categories .header-section h1{font-size:2rem}.foil-categories .search-section{flex-direction:column}.foil-categories .table-container{overflow-x:auto}.foil-categories .table-container .categories-table{min-width:600px}.foil-categories .table-container .categories-table th,.foil-categories .table-container .categories-table td{padding:10px 15px}.foil-categories .table-container .categories-table .action-buttons{flex-direction:column;gap:5px}}.modal-overlay[data-v-d44162c8]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal[data-v-d44162c8]{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:15px;padding:30px;min-width:400px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #00000080}.modal h2[data-v-d44162c8]{color:#fff;margin-bottom:20px;font-size:1.5rem;text-align:center}.modal-input[data-v-d44162c8]{width:100%;padding:12px 16px;border:none;border-radius:8px;background:#ffffff1a;color:#fff;font-size:16px;margin-bottom:20px;border:1px solid rgba(255,255,255,.2)}.modal-input[data-v-d44162c8]::placeholder{color:#fff9}.modal-input[data-v-d44162c8]:focus{outline:none;border-color:#64b5f6;box-shadow:0 0 10px #64b5f64d}.modal-buttons[data-v-d44162c8]{display:flex;gap:15px;justify-content:flex-end}.modal-btn[data-v-d44162c8]{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn[data-v-d44162c8]{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.cancel-btn[data-v-d44162c8]:hover{background:#fff3}.save-btn[data-v-d44162c8]{background:linear-gradient(45deg,#4caf50,#66bb6a);color:#fff}.save-btn[data-v-d44162c8]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}@media (max-width: 768px){.modal[data-v-d44162c8]{min-width:90%;margin:20px;padding:20px}.modal-buttons[data-v-d44162c8]{flex-direction:column}.modal-btn[data-v-d44162c8]{width:100%}}.category-details{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#fff;font-family:Segoe UI,sans-serif}.container{max-width:1200px;margin:0 auto;padding:2rem;display:block}.header-section{display:flex;align-items:center;gap:2rem;margin-bottom:2rem}.header-section .back-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:10px 20px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-section .back-button:hover{background:#fff3;transform:translateY(-1px);box-shadow:0 4px 12px #64b5f64d}.header-section h1{font-size:2.5rem;font-weight:700;background:linear-gradient(45deg,#64b5f6,#42a5f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.loading,.error{text-align:center;padding:3rem;font-size:1.2rem;background:#ffffff0d;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.error{color:#ff6b6b;background:#ff6b6b1a}.category-content{display:flex;flex-direction:column;gap:2rem;width:100%}.empty-state{text-align:center;padding:4rem 2rem;background:#ffffff0d;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.empty-state .empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{font-size:1.5rem;margin-bottom:1rem;color:#64b5f6}.empty-state p{color:#ffffffb3;margin-bottom:2rem}.empty-state .back-btn{background:linear-gradient(45deg,#64b5f6,#42a5f5);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.empty-state .back-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #64b5f666}.foils-section{background:#ffffff0d;border-radius:15px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;width:100%;display:block}.foils-section .foils-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.foils-section .foils-header h3{font-size:1.5rem;font-weight:600;color:#64b5f6;margin:0}.foils-section .foils-header .add-foil-btn{background:linear-gradient(45deg,#4caf50,#66bb6a);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.foils-section .foils-header .add-foil-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.foils-table-container{overflow-x:auto}.foils-table{width:100%;border-collapse:collapse;background:#ffffff05;border-radius:10px;overflow:hidden}.foils-table th,.foils-table td{padding:15px 20px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.foils-table th{background:#ffffff1a;font-weight:600;font-size:16px;color:#64b5f6;text-transform:uppercase;letter-spacing:1px}.foils-table tr{transition:all .3s ease}.foils-table tr:hover{background:#ffffff0d}.foils-table tr:last-child td{border-bottom:none}.foils-table .foil-row{cursor:pointer}.foils-table .foil-row:hover{background:#ffffff14;transform:translateY(-1px);box-shadow:0 4px 12px #64b5f633}.foils-table .foil-actions{display:flex;gap:10px;justify-content:flex-end}.foils-table .foil-actions .edit-foil-btn,.foils-table .foil-actions .delete-foil-btn{padding:8px 16px;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.foils-table .foil-actions .edit-foil-btn{background:linear-gradient(45deg,#ff9800,#ffb74d);color:#fff}.foils-table .foil-actions .edit-foil-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff98004d}.foils-table .foil-actions .delete-foil-btn{background:linear-gradient(45deg,#f44336,#ef5350);color:#fff}.foils-table .foil-actions .delete-foil-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f443364d}.empty-foils{text-align:center;padding:3rem 2rem;color:#ffffffb3}.empty-foils .empty-icon{font-size:3rem;margin-bottom:1rem}.empty-foils h4{font-size:1.3rem;margin-bottom:1rem;color:#64b5f6}.empty-foils p{margin-bottom:2rem}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:15px;padding:30px;min-width:400px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #00000080}.modal h2{color:#fff;margin-bottom:20px;font-size:1.5rem;text-align:center}.modal-input-group{margin-bottom:20px}.modal-input-group label{display:block;margin-bottom:8px;color:#fffc;font-size:.9rem;font-weight:500}.modal-input{width:100%;padding:12px 16px;border:none;border-radius:8px;background:#ffffff1a;color:#fff;font-size:16px;border:1px solid rgba(255,255,255,.2)}.modal-input::placeholder{color:#fff9}.modal-input:focus{outline:none;border-color:#64b5f6;box-shadow:0 0 10px #64b5f64d}.modal-buttons{display:flex;gap:15px;justify-content:flex-end}.modal-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.cancel-btn:hover{background:#fff3}.save-btn{background:linear-gradient(45deg,#4caf50,#66bb6a);color:#fff}.save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}@media (max-width: 768px){.container{padding:1rem}.header-section{flex-direction:column;align-items:flex-start;gap:1rem}.header-section h1{font-size:2rem}.category-card,.foils-section{padding:1.5rem}.category-header{flex-direction:column;align-items:flex-start;gap:1rem}.action-buttons{flex-direction:column}.action-buttons button{width:100%}.foils-header{flex-direction:column;align-items:flex-start;gap:1rem}.foils-header .add-foil-btn{width:100%}.foils-table th,.foils-table td{padding:10px 15px;font-size:.9rem}.foil-actions{flex-direction:column;gap:5px}.foil-actions .edit-foil-btn,.foil-actions .delete-foil-btn{width:100%}.modal{min-width:90%;margin:20px;padding:20px}.modal-buttons{flex-direction:column}.modal-btn{width:100%}}.modal-overlay[data-v-d9ae2b34]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal[data-v-d9ae2b34]{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:15px;padding:30px;min-width:400px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #00000080}.modal h2[data-v-d9ae2b34]{color:#fff;margin-bottom:20px;font-size:1.5rem;text-align:center}.modal-input[data-v-d9ae2b34]{width:100%;padding:12px 16px;border:none;border-radius:8px;background:#ffffff1a;color:#fff;font-size:16px;margin-bottom:20px;border:1px solid rgba(255,255,255,.2)}.modal-input[data-v-d9ae2b34]::placeholder{color:#fff9}.modal-input[data-v-d9ae2b34]:focus{outline:none;border-color:#64b5f6;box-shadow:0 0 10px #64b5f64d}.modal-buttons[data-v-d9ae2b34]{display:flex;gap:15px;justify-content:flex-end}.modal-btn[data-v-d9ae2b34]{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn[data-v-d9ae2b34]{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.cancel-btn[data-v-d9ae2b34]:hover{background:#fff3}.save-btn[data-v-d9ae2b34]{background:linear-gradient(45deg,#4caf50,#66bb6a);color:#fff}.save-btn[data-v-d9ae2b34]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}@media (max-width: 768px){.modal[data-v-d9ae2b34]{min-width:90%;margin:20px;padding:20px}.modal-buttons[data-v-d9ae2b34]{flex-direction:column}.modal-btn[data-v-d9ae2b34]{width:100%}}.text-categories{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#fff;padding:20px}.text-categories .container{max-width:1200px;margin:0 auto;padding:20px;display:block}.text-categories .header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#ffffff0d;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);width:100%}.text-categories .header-section h1{font-size:2.5rem;font-weight:700;background:linear-gradient(45deg,#64b5f6,#42a5f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.text-categories .search-section{display:flex;gap:15px;margin-bottom:30px;align-items:center;width:100%}.text-categories .search-section .search-input{flex:1;padding:12px 20px;border:none;border-radius:10px;background:#ffffff1a;color:#fff;font-size:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.text-categories .search-section .search-input::placeholder{color:#fff9}.text-categories .search-section .search-input:focus{outline:none;background:#ffffff26;border-color:#64b5f6;box-shadow:0 0 20px #64b5f64d}.text-categories .search-section .add-button{padding:12px 24px;background:linear-gradient(45deg,#4caf50,#66bb6a);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4caf504d}.text-categories .search-section .add-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.text-categories .search-section .add-button:active{transform:translateY(0)}.text-categories .table-container{background:#ffffff0d;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);overflow:hidden;box-shadow:0 8px 32px #0000004d;width:100%;display:block}.text-categories .table-container .categories-table{width:100%;border-collapse:collapse}.text-categories .table-container .categories-table th,.text-categories .table-container .categories-table td{padding:15px 20px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.text-categories .table-container .categories-table th{background:#ffffff1a;font-weight:600;font-size:16px;color:#64b5f6;text-transform:uppercase;letter-spacing:1px}.text-categories .table-container .categories-table tr{transition:all .3s ease}.text-categories .table-container .categories-table tr:hover{background:#ffffff0d}.text-categories .table-container .categories-table tr:last-child td{border-bottom:none}.text-categories .table-container .categories-table .category-row{cursor:default;transition:all .3s ease}.text-categories .table-container .categories-table .category-row:hover{background:#ffffff14;transform:translateY(-1px);box-shadow:0 4px 12px #64b5f633}.text-categories .table-container .categories-table .action-buttons{display:flex;gap:10px;justify-content:flex-end}.text-categories .table-container .categories-table .action-buttons .edit-btn,.text-categories .table-container .categories-table .action-buttons .delete-btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.text-categories .table-container .categories-table .action-buttons .edit-btn{background:linear-gradient(45deg,#ff9800,#ffb74d);color:#fff}.text-categories .table-container .categories-table .action-buttons .edit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff98004d}.text-categories .table-container .categories-table .action-buttons .delete-btn{background:linear-gradient(45deg,#f44336,#ef5350);color:#fff}.text-categories .table-container .categories-table .action-buttons .delete-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f443364d}.text-categories .loading{text-align:center;padding:40px;color:#ffffffb3;font-size:18px}.text-categories .error{text-align:center;padding:20px;color:#f44336;background:#f443361a;border-radius:10px;margin:20px 0}.text-categories .empty-state{text-align:center;padding:60px 20px;color:#fff9}.text-categories .empty-state .empty-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.text-categories .empty-state h3{font-size:1.5rem;margin-bottom:10px;color:#fffc}.text-categories .empty-state p{font-size:1rem;margin-bottom:20px}@media (max-width: 768px){.text-categories,.text-categories .container{padding:10px}.text-categories .header-section{flex-direction:column;gap:15px;text-align:center}.text-categories .header-section h1{font-size:2rem}.text-categories .search-section{flex-direction:column}.text-categories .table-container{overflow-x:auto}.text-categories .table-container .categories-table{min-width:600px}.text-categories .table-container .categories-table th,.text-categories .table-container .categories-table td{padding:10px 15px}.text-categories .table-container .categories-table .action-buttons{flex-direction:column;gap:5px}}.modal-overlay[data-v-e89342a3]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal[data-v-e89342a3]{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:15px;padding:30px;min-width:400px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #00000080}.modal h2[data-v-e89342a3]{color:#fff;margin-bottom:20px;font-size:1.5rem;text-align:center}.modal-input-group[data-v-e89342a3]{margin-bottom:20px}.modal-input-group label[data-v-e89342a3]{display:block;color:#fff;margin-bottom:8px;font-weight:500}.modal-input[data-v-e89342a3]{width:100%;padding:12px 16px;border:none;border-radius:8px;background:#ffffff1a;color:#fff;font-size:16px;border:1px solid rgba(255,255,255,.2)}.modal-input[data-v-e89342a3]::placeholder{color:#fff9}.modal-input[data-v-e89342a3]:focus{outline:none;border-color:#64b5f6;box-shadow:0 0 10px #64b5f64d}.modal-buttons[data-v-e89342a3]{display:flex;gap:15px;justify-content:flex-end}.modal-btn[data-v-e89342a3]{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn[data-v-e89342a3]{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.cancel-btn[data-v-e89342a3]:hover{background:#fff3}.save-btn[data-v-e89342a3]{background:linear-gradient(45deg,#4caf50,#66bb6a);color:#fff}.save-btn[data-v-e89342a3]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}@media (max-width: 768px){.modal[data-v-e89342a3]{min-width:90%;margin:20px;padding:20px}.modal-buttons[data-v-e89342a3]{flex-direction:column}.modal-btn[data-v-e89342a3]{width:100%}}