.App{background-color:#252323;border-radius:0 0 10px 10px;display:flex;flex-direction:column;margin:auto;padding:2vw 1vw;text-align:center;width:30vw}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}body{background-color:#121212;color:#fff;font-family:Arial,sans-serif;text-align:center}.form-container{align-items:center;display:flex;height:100vh;justify-content:center}form{border-radius:8px;padding:20px}.form{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.form-group{flex-direction:column}button,input,select,textarea{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:10px}.dropdown{display:inline-block;position:relative}.dropdown-button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px;transition:background-color .3s ease}.dropdown-button:hover{background-color:#454b57}.dropdown-menu{background-color:#000;border:1px solid #ddd;border-radius:5px;box-shadow:0 4px 6px #0000001a;left:0;list-style:none;margin-top:5px;padding:0;position:absolute;top:100%;width:200px;z-index:1000}.dropdown-item{color:#333;cursor:pointer;font-size:14px;padding:10px 15px;transition:background-color .3s ease}.dropdown-item:hover{background-color:#f1f1f1}.centered-table td,.centered-table th{padding:8px;text-align:left}.bg-brown{background-color:#53350a}.loginSpan{color:red;display:flex;flex-direction:column}nav-top ul{list-style-type:none;margin:0;overflow:hidden;padding:0}nav-top li{float:left}nav-top li a{color:#e0a54c;display:block;padding:14px 16px;text-align:center;text-decoration:none}nav-top li a:hover{background-color:#111;color:#fff}nav ul{background-color:#333;list-style-type:none;margin:0;overflow:hidden;padding:0}nav li{float:left}nav li a{color:#e0a54c;display:block;padding:14px 16px;text-align:center;text-decoration:none}nav li a:hover{background-color:#111;color:#fff}a{color:#e0a54c;text-decoration:none}a:hover{color:#fff1d4}h1,h2,h3,h4,h5,h6{color:#fff}button{background-color:#333;border:1px solid #444;color:#e0e0e0;cursor:pointer;padding:10px 20px}button:hover{background-color:#444}input,select,textarea{background-color:#333;border:1px solid #444;color:#e0e0e0;padding:10px}.card{background-color:#1e1e1e;border-radius:8px;box-shadow:0 2px 5px #00000080;margin:10px 0}.card,footer{color:#e0e0e0;padding:20px}footer{background-color:#181818;text-align:center}.Modal{background-color:#4d4d4d;bottom:30%;left:30%;position:absolute;right:30%;top:30%}.ModalOverlay{background-color:#000;bottom:auto;left:10%;position:fixed;right:auto;top:10%}.ReactModal__Overlay{opacity:0;transition:opacity .25s ease-in-out}.ReactModal__Overlay--after-open{opacity:1}.ReactModal__Overlay--before-close{opacity:0}.ticket-form{margin:0 auto;max-width:800px;padding:0 20px}.form-row{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:10px}.form-group{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:10px;min-width:200px}.form-group.full-width{flex:1 1 100%;min-width:100%}.form-group.full-width+.form-group.full-width{margin-top:30px}.form-group label{color:#e0e0e0;font-weight:700;margin-bottom:0;margin-right:10px;min-width:120px;text-align:right}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;width:100%}.form-submit{margin:30px 0;text-align:center}.form-submit button{font-size:16px;min-width:150px;padding:12px 24px}.attachments-list{background-color:#2a2a2a;border:1px solid #444;border-radius:8px;margin-top:20px;padding:20px}.attachments-list h4{border-bottom:2px solid #444;color:#e0a54c;font-size:18px;font-weight:600;margin:0 0 15px;padding-bottom:10px;text-align:center}.file-upload-help{color:#aaa;font-size:12px;font-style:italic;margin-top:5px}.selected-files-list{background-color:#2a2a2a;border:1px solid #444;border-radius:8px;margin-top:20px;padding:20px}.selected-files-list h4{color:#e0a54c;font-size:16px;font-weight:600;margin:0 0 15px}.upload-summary{color:#4caf50;font-size:14px;font-weight:400}.selected-files-grid{display:flex;flex-direction:column;gap:10px}.selected-file-item{align-items:center;background-color:#333;border:1px solid #444;border-radius:6px;display:flex;padding:12px;transition:all .2s ease}.selected-file-item:hover{background-color:#3a3a3a;border-color:#555}.file-icon-small{font-size:24px;margin-right:12px;min-width:30px;text-align:center}.file-details{flex:1 1;min-width:0}.file-name{color:#e0e0e0;font-size:14px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#aaa;font-size:12px;margin-bottom:4px}.upload-status{align-items:center;display:flex;font-size:12px;gap:8px}.progress-bar{background-color:#444;border-radius:2px;height:4px;overflow:hidden;width:100px}.progress-fill{background-color:#2196f3;height:100%;transition:width .3s ease}.remove-file-btn{background:none;border:none;border-radius:4px;color:#f44336;cursor:pointer;font-size:16px;margin-left:8px;padding:4px 8px;transition:all .2s ease}.remove-file-btn:hover{background-color:#f44336;color:#fff}@media (max-width:768px){.selected-file-item{padding:10px}.file-icon-small{font-size:20px;margin-right:10px;min-width:25px}.file-name{font-size:13px}.file-size{font-size:11px}.progress-bar{width:80px}}.attachments-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-top:20px;padding:10px 0}.attachment-item{align-items:center;animation:fadeInUp .5s ease forwards;background-color:#333;border:1px solid #444;border-radius:12px;box-shadow:0 2px 4px #0003;display:flex;flex-direction:column;min-height:280px;opacity:0;padding:20px;transition:all .3s ease}.attachment-item:first-child{animation-delay:.1s}.attachment-item:nth-child(2){animation-delay:.2s}.attachment-item:nth-child(3){animation-delay:.3s}.attachment-item:nth-child(4){animation-delay:.4s}.attachment-item:nth-child(5){animation-delay:.5s}.attachment-item:nth-child(6){animation-delay:.6s}.attachment-item:hover{background-color:#3a3a3a;border-color:#e0a54c;box-shadow:0 8px 16px #0006;transform:translateY(-4px)}.attachment-preview{align-items:center;background-color:#2a2a2a;border:2px solid #444;border-radius:8px;display:flex;height:140px;justify-content:center;margin-bottom:15px;overflow:hidden;transition:border-color .3s ease;width:100%}.attachment-item:hover .attachment-preview{border-color:#e0a54c}.image-preview{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.attachment-thumbnail{border-radius:4px;max-height:100%;max-width:100%;object-fit:contain}.load-thumbnail-btn{background-color:#444;border:1px solid #555;border-radius:6px;color:#e0e0e0;cursor:pointer;font-size:13px;font-weight:500;padding:10px 16px;transition:all .2s ease}.load-thumbnail-btn:hover{background-color:#e0a54c;border-color:#e0a54c;color:#000}.thumbnail-loading{color:#e0a54c;font-size:13px;font-style:italic;font-weight:500}.file-icon{color:#e0a54c;font-size:56px;text-shadow:0 2px 4px #0000004d}.attachment-info{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;text-align:center;width:100%}.attachment-name{align-items:center;color:#e0e0e0;display:flex;font-size:15px;font-weight:500;justify-content:center;line-height:1.4;margin-bottom:8px;min-height:2.8em;word-break:break-word}.attachment-size{color:#bbb;font-size:13px;font-style:italic;font-weight:400;margin-bottom:15px}.download-btn{background-color:#e0a54c;border:none;border-radius:6px;color:#000;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase;transition:all .2s ease;width:100%}.download-btn:hover{background-color:#fff1d4;box-shadow:0 2px 4px #e0a54c4d;transform:translateY(-1px)}@media (max-width:1200px){.attachments-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.attachments-grid{gap:15px;grid-template-columns:repeat(2,1fr);margin-top:15px}.attachment-item{min-height:240px;padding:15px}.attachment-preview{height:110px;margin-bottom:12px}.attachment-name{font-size:13px;margin-bottom:6px}.attachment-size{font-size:12px;margin-bottom:12px}.download-btn{font-size:12px;padding:10px 16px}.file-icon{font-size:48px}}@media (max-width:480px){.attachments-grid{gap:12px;grid-template-columns:repeat(1,1fr)}.attachment-item{min-height:200px;padding:12px}.attachment-preview{height:90px;margin-bottom:10px}.attachment-name{font-size:12px;min-height:2.4em}.attachment-size{font-size:11px;margin-bottom:10px}.download-btn{font-size:11px;padding:8px 12px}.file-icon{font-size:40px}.load-thumbnail-btn{font-size:11px;padding:8px 12px}}@media (max-width:768px){.form-row{flex-direction:column;gap:10px}.form-group{min-width:100%}.form-section{margin-bottom:15px;padding:15px}.ticket-form{padding:0 5px}}@media (max-width:480px){.form-section h3{font-size:1.1em}.form-submit button{min-width:auto;width:100%}}@media (max-width:600px){form{grid-template-columns:1fr}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home-stats{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin:20px 0 30px}.stat-item{align-items:center;background:linear-gradient(135deg,#1e1e1e,#2a2a2a);border:1px solid #444;border-radius:12px;box-shadow:0 2px 8px #0003;display:flex;flex-direction:column;min-width:160px;padding:20px;transition:all .3s ease}.stat-item:hover{border-color:#e0a54c;box-shadow:0 4px 16px #0000004d;transform:translateY(-2px)}.stat-number{color:#e0a54c;font-size:32px;font-weight:700;margin-bottom:8px;text-shadow:0 1px 2px #0000004d}.stat-label{color:#ccc;font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}@media (max-width:768px){.home-stats{gap:20px;margin:15px 0 25px}.stat-item{min-width:140px;padding:15px}.stat-number{font-size:24px}.stat-label{font-size:12px}}@media (max-width:480px){.home-stats{align-items:center;flex-direction:column;gap:15px}.stat-item{max-width:200px;width:100%}}.search-and-actions{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:1fr auto 1fr;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:1200px;padding:0 20px}.left-actions,.right-actions{align-items:center;display:flex;flex-shrink:0}.left-actions{justify-content:flex-start}.right-actions{justify-content:flex-end}.search-container{display:flex;justify-content:center;max-width:800px;position:relative;width:500px}.new-ticket-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;box-shadow:0 2px 8px #4caf504d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;padding:12px 20px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.new-ticket-btn:hover{background:linear-gradient(135deg,#66bb6a,#4caf50);box-shadow:0 4px 12px #4caf5066;color:#fff;transform:translateY(-2px)}.new-ticket-btn:active{transform:translateY(0)}.new-ticket-btn .btn-icon{font-size:16px;font-weight:700}.print-btn{align-items:center;background:linear-gradient(135deg,#e0a54c,#d4941f);border:none;border-radius:8px;box-shadow:0 2px 8px #e0a54c4d;color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase;transition:all .3s ease}.print-btn:hover{background:linear-gradient(135deg,#fff1d4,#e0a54c);box-shadow:0 4px 12px #e0a54c66;transform:translateY(-2px)}.print-btn:active{transform:translateY(0)}.print-btn .btn-icon,.search-input{font-size:16px}.search-input{background-color:#2a2a2a;border:2px solid #444;border-radius:25px;box-shadow:0 2px 8px #0003;color:#fff;padding:14px 20px 14px 50px;transition:all .3s ease;width:100%}.search-input:focus{background-color:#333;border-color:#e0a54c;box-shadow:0 0 0 3px #e0a54c33,0 4px 12px #0000004d;outline:none}.search-input::placeholder{color:#aaa;font-style:italic}.search-container:before{color:#aaa;content:"🔍";font-size:18px;left:20px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}@media (max-width:768px){.search-and-actions{flex-direction:column;gap:15px;margin-bottom:25px;padding:0 16px}.search-container{margin:0;max-width:none;order:1;width:100%}.search-input{width:100%}.left-actions{order:2}.left-actions,.right-actions{justify-content:center;width:100%}.right-actions{order:3}.new-ticket-btn,.print-btn{font-size:16px;justify-content:center;max-width:250px;padding:14px 24px;width:100%}}@media (max-width:480px){.search-and-actions{gap:12px}.new-ticket-btn,.print-btn{max-width:200px}}.loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:60px}.loading-container img{filter:drop-shadow(0 0 10px rgba(224,165,76,.3))}.loading-text{animation:pulse 2s ease-in-out infinite;color:#e0a54c;font-size:16px;font-weight:500}.desktop-view{display:block}.mobile-view{display:none}.centered-table{align-items:center;display:flex;justify-content:center;margin:20px 0}.centered-table table{background-color:#1e1e1e;border-collapse:collapse;border-radius:12px;box-shadow:0 4px 12px #0000004d;max-width:1200px;overflow:hidden;width:100%}.centered-table thead{background:linear-gradient(135deg,#333,#2a2a2a)}.centered-table th{border-bottom:2px solid #444;color:#e0a54c;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 12px;position:relative;text-align:left;text-transform:uppercase}.centered-table th:after{background:linear-gradient(90deg,#0000,#e0a54c,#0000);bottom:0;content:"";height:2px;left:0;opacity:.3;position:absolute;width:100%}.centered-table tbody tr{border-bottom:1px solid #333;transition:all .2s ease}.centered-table tbody tr:hover{background-color:#2a2a2a;box-shadow:0 2px 8px #e0a54c1a;transform:scale(1.01)}.centered-table tbody tr:last-child{border-bottom:none}.centered-table td{color:#e0e0e0;font-size:14px;padding:14px 12px;vertical-align:middle}.centered-table td a{color:#e0e0e0;display:block;padding:4px 0;text-decoration:none;transition:color .2s ease}.centered-table td a:hover{color:#e0a54c}.status-indicator{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.status-open{background-color:#e0a54c33;border:1px solid #e0a54c4d;color:#e0a54c}.status-closed{background-color:#9e9e9e33;border:1px solid #9e9e9e4d;color:#9e9e9e}.status-pending{background-color:#ffc10733;border:1px solid #ffc1074d;color:#ffc107}.status-inprogress{background-color:#2196f333;border:1px solid #2196f34d;color:#2196f3}.status-completed{background-color:#4caf5033;border:1px solid #4caf504d;color:#4caf50}.ticket-cards{display:flex;flex-direction:column;gap:16px;padding:0 16px}.ticket-card{background:linear-gradient(135deg,#1e1e1e,#2a2a2a);border:1px solid #444;border-radius:12px;overflow:hidden;position:relative;transition:all .3s ease}.ticket-card:before{background:linear-gradient(90deg,#e0a54c,#fff1d4,#e0a54c);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.ticket-card:hover{border-color:#e0a54c;box-shadow:0 8px 20px #0006;transform:translateY(-4px)}.ticket-card:hover:before{opacity:1}.card-link{color:inherit;display:block;text-decoration:none}.card-header{align-items:center;background:linear-gradient(135deg,#333,#2a2a2a);border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:18px;position:relative}.card-header:after{background:linear-gradient(90deg,#0000,#e0a54c,#0000);bottom:0;content:"";height:1px;left:0;opacity:.5;position:absolute;right:0}.ticket-id{font-size:20px;text-shadow:0 1px 2px #0000004d}.ticket-date{background-color:#e0a54c1a;border:1px solid #e0a54c33;border-radius:6px;color:#bbb;padding:4px 8px}.card-body{background-color:#1e1e1e;padding:18px}.card-field{align-items:flex-start;border-bottom:1px solid #333;display:flex;justify-content:space-between;margin-bottom:14px;padding-bottom:10px;transition:border-color .2s ease}.card-field:hover{border-color:#444}.card-field:last-child{border-bottom:none;margin-bottom:0}.field-label{color:#ccc;font-size:13px;font-weight:600;letter-spacing:.5px;margin-right:12px;min-width:90px;text-transform:uppercase}.field-value{color:#e0a54c;flex:1 1;font-weight:500;text-align:right;transition:color .2s ease;word-break:break-word}.field-value:hover{color:#fff1d4}.form-actions{border-bottom:1px solid #444;display:flex;justify-content:flex-start;margin-bottom:20px;padding-bottom:15px}.recent-tickets-section{margin-top:40px;padding:20px}.recent-tickets-section h3{color:#4caf50;font-size:18px;text-align:center}.ticket-list{gap:10px}.ticket-item:hover{background-color:#3a3a3a;border-color:#4caf50}.ticket-link{padding:12px 16px}.ticket-link:hover{color:#4caf50}.ticket-date{font-size:14px}.ticket-id{color:#4caf50;font-weight:700}.ticket-product{color:#ccc;font-size:14px}@media (max-width:768px){.form-actions{justify-content:center;margin-bottom:15px}.customer-form-container{padding:0 16px}.ticket-link{align-items:flex-start;flex-direction:column;gap:4px}}.customer-card:before{background:linear-gradient(90deg,#4caf50,#66bb6a,#4caf50)}.customer-card:hover{border-color:#4caf50}.customer-name{font-size:18px}.customer-icon{color:#4caf50;font-size:20px}@media (max-width:768px){.desktop-view{display:none}.mobile-view{display:block}.search-input{margin:0 16px;width:calc(100% - 32px)}.Home h1{font-size:24px;margin:16px 0}nav-top ul{padding:0 16px}nav-top ul li{margin:8px 0}nav-top ul li a{background-color:#333;border-radius:8px;color:#e0a54c;display:block;padding:12px 16px;text-align:center;text-decoration:none}nav-top ul li a:hover{background-color:#444}}@media (max-width:1024px) and (min-width:769px){.search-input{width:80%}.centered-table{overflow-x:auto}.centered-table table{min-width:600px}}@media (max-width:480px){.card-header{align-items:flex-start;flex-direction:column;gap:8px}.ticket-id{font-size:16px}.card-field{align-items:flex-start;flex-direction:column;gap:4px}.field-value{text-align:left}.field-label{font-size:14px;margin-right:0;min-width:auto}}.pagination-container{margin:20px 0}.pagination-info{margin-bottom:12px}.pagination-buttons button{background-color:#333;border-radius:6px;min-width:40px;padding:8px 12px;transition:all .2s ease}.pagination-buttons button:hover{background-color:#444;border-color:#666}.pagination-buttons button:active{transform:translateY(1px)}@media (max-width:768px){.pagination-container{margin:16px 0}.pagination-buttons{gap:6px}.pagination-buttons button{font-size:16px;min-width:44px;padding:10px 12px}.pagination-info{font-size:13px;margin-bottom:16px}}@media (max-width:480px){.pagination-buttons{gap:4px}.pagination-buttons button{font-size:14px;min-width:36px;padding:8px 10px}}.Login{display:flex;flex-direction:column;gap:15px;margin:0 auto;max-width:400px;padding:20px}.Login input[type=email],.Login input[type=password],.Login input[type=text]{background-color:#333;border:1px solid #444;border-radius:6px;color:#e0e0e0;font-size:16px;padding:12px;transition:border-color .3s ease}.Login input[type=email]:focus,.Login input[type=password]:focus,.Login input[type=text]:focus{border-color:#e0a54c;box-shadow:0 0 0 2px #e0a54c33;outline:none}.Login input[type=submit]{border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:700;padding:12px;transition:all .3s ease}.Login input[type=submit]:disabled{cursor:not-allowed;opacity:.6}.title{color:#e0a54c;font-size:28px;font-weight:700;margin-bottom:30px;margin-top:20px;text-align:center}.loginSpan{color:#f44336;display:block;font-size:14px;margin-top:5px;text-align:center}@media (max-width:768px){.Login{max-width:90%;padding:15px}.title{font-size:24px;margin-bottom:20px}}.custom-modal-overlay{align-items:center;animation:fadeIn .25s ease-in-out;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.custom-modal{animation:modalEnter .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#1e1e1e,#2a2a2a);border-radius:20px;box-shadow:0 20px 40px #000c,inset 0 1px 0 #ffffff1a;max-width:450px;overflow:hidden;padding:40px 30px;position:relative;text-align:center;width:90%}.custom-modal.success{border:2px solid #e0a54c;box-shadow:0 20px 40px #000c,0 0 0 1px #e0a54c4d,inset 0 1px 0 #ffffff1a}.custom-modal.error{border:2px solid #f44336;box-shadow:0 20px 40px #000c,0 0 0 1px #f443364d,inset 0 1px 0 #ffffff1a}@keyframes modalEnter{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.custom-modal.success:before{background:linear-gradient(90deg,#0000,#e0a54c1a,#0000)}.custom-modal.error:before,.custom-modal.success:before{animation:shimmer 2s infinite;content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.custom-modal.error:before{background:linear-gradient(90deg,#0000,#f443361a,#0000)}@keyframes shimmer{0%{left:-100%}to{left:100%}}.modal-content{position:relative;z-index:1}.modal-icon{display:flex;justify-content:center;margin-bottom:25px}.checkmark-circle{background:linear-gradient(135deg,#e0a54c,#d4941f);box-shadow:0 8px 16px #e0a54c4d,inset 0 2px 4px #fff3}.checkmark-circle,.error-circle{align-items:center;animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55) .2s both;border-radius:50%;display:flex;height:80px;justify-content:center;position:relative;width:80px}.error-circle{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 8px 16px #f443364d,inset 0 2px 4px #fff3}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.checkmark{animation:checkmarkDraw .4s ease-in-out .8s both;border:solid #fff;border-width:0 4px 4px 0;height:45px;transform:rotate(45deg);width:25px}.error-x{animation:errorXDraw .4s ease-in-out .8s both;height:50px;position:relative;width:50px}.error-x:after,.error-x:before{background-color:#fff;border-radius:2px;content:"";height:50px;left:50%;position:absolute;top:50%;width:4px}.error-x:before{transform:translate(-50%,-50%) rotate(45deg)}.error-x:after{transform:translate(-50%,-50%) rotate(-45deg)}@keyframes checkmarkDraw{0%{height:0;opacity:0}50%{height:25px;opacity:1}to{height:45px;opacity:1}}@keyframes errorXDraw{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.modal-title{animation:slideInUp .5s ease-out .4s both;font-size:32px;font-weight:700;margin:0 0 15px;text-shadow:0 2px 4px #0000004d}.custom-modal.success .modal-title{color:#e0a54c}.custom-modal.error .modal-title{color:#f44336}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-message{animation:slideInUp .5s ease-out .6s both;color:#e0e0e0;font-size:16px;font-weight:500;line-height:1.5;margin:0 0 25px}.modal-progress-bar{animation:slideInUp .5s ease-out .8s both;background-color:#333;border-radius:2px;box-shadow:inset 0 1px 2px #0000004d;height:4px;margin:20px 0 15px;overflow:hidden;width:100%}.custom-modal.success .modal-progress-fill{background:linear-gradient(90deg,#e0a54c,#fff1d4,#e0a54c);background-size:200% 100%;box-shadow:0 0 8px #e0a54c80}.custom-modal.error .modal-progress-fill,.custom-modal.success .modal-progress-fill{animation:progressFill 2s ease-in-out,progressShine 1.5s ease-in-out infinite;border-radius:2px;height:100%}.custom-modal.error .modal-progress-fill{background:linear-gradient(90deg,#f44336,#ff6659,#f44336);background-size:200% 100%;box-shadow:0 0 8px #f4433680}@keyframes progressFill{0%{width:0}to{width:100%}}@keyframes progressShine{0%{background-position:-200% 0}to{background-position:200% 0}}.modal-redirect-text{animation:slideInUp .5s ease-out 1s both;color:#aaa;font-size:14px;font-style:italic;margin:0}@media (max-width:768px){.custom-modal{border-radius:16px;max-width:350px;padding:30px 20px}.checkmark-circle,.error-circle{height:70px;width:70px}.checkmark{border-width:0 3px 3px 0;height:35px;width:20px}.error-x{height:40px;width:40px}.error-x:after,.error-x:before{height:40px;width:3px}.modal-title{font-size:28px}.modal-message{font-size:15px}}@media (max-width:480px){.custom-modal{border-radius:12px;max-width:300px;padding:25px 15px}.checkmark-circle,.error-circle{height:60px;width:60px}.checkmark{border-width:0 3px 3px 0;height:30px;width:18px}.error-x{height:35px;width:35px}.error-x:after,.error-x:before{height:35px;width:3px}.modal-title{font-size:24px}.modal-message{font-size:14px}.modal-redirect-text{font-size:13px}}.custom-modal.success:after{animation:sparkle 2s ease-in-out infinite;content:"✨";font-size:20px;position:absolute;right:20px;top:15px}.custom-modal.error:after{animation:pulse 1.5s ease-in-out infinite;content:"⚠️";font-size:20px;position:absolute;right:20px;top:15px}@keyframes sparkle{0%,to{opacity:.3;transform:scale(.8) rotate(0deg)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.pagination-container{margin:30px 0;padding:0 16px;text-align:center}.pagination-info{background-color:#e0a54c1a;border:1px solid #e0a54c33;border-radius:20px;color:#ccc;display:inline-block;font-size:14px;font-weight:500;margin-bottom:16px;padding:8px 16px}.pagination-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.pagination-buttons button{background:linear-gradient(135deg,#333,#2a2a2a);border:1px solid #555;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:44px;overflow:hidden;padding:10px 16px;position:relative;transition:all .3s ease}.pagination-buttons button:before{background:linear-gradient(90deg,#0000,#e0a54c33,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.pagination-buttons button:hover{background:linear-gradient(135deg,#444,#333);border-color:#e0a54c;box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.pagination-buttons button:hover:before{left:100%}.pagination-buttons button:active{transform:translateY(0)}.pagination-buttons span{color:#aaa;font-size:14px;font-weight:500;padding:8px 4px}@media (max-width:768px){.pagination-container{margin:20px 0}.pagination-buttons{gap:6px}.pagination-buttons button{font-size:16px;min-width:48px;padding:12px 14px}.pagination-info{font-size:13px;margin-bottom:16px;padding:6px 12px}}@media (max-width:480px){.pagination-buttons{gap:4px}.pagination-buttons button{font-size:14px;min-width:40px;padding:10px 12px}}.new-ticket-btn{align-items:center;background:linear-gradient(135deg,#e0a54c,#d4941f)!important;border-radius:6px!important;box-shadow:0 1px 4px #e0a54c33;color:#000!important;display:flex!important;font-size:14px!important;font-weight:500!important;gap:6px;letter-spacing:.3px;padding:8px 16px!important;text-transform:none;transition:all .3s ease!important}.new-ticket-btn:hover{background:linear-gradient(135deg,#fff1d4,#e0a54c)!important;box-shadow:0 2px 8px #e0a54c4d;transform:translateY(-1px)}.btn-icon{font-size:1rem;font-weight:700}.status-in-progress{background-color:#2196f333;border:1px solid #2196f34d;color:#2196f3}.status-urgent{background-color:#f4433633;border:1px solid #f443364d;color:#f44336}.status-resolved{background-color:#4caf5033;border:1px solid #4caf504d;color:#4caf50}@media (max-width:768px){.Home h1{font-size:2rem}.home-stats{gap:15px}.stat-item{padding:6px 12px}.stat-number{font-size:1.2rem}.stat-label{font-size:.7rem}.search-container:before{transform:translate(-50%,-50%) translateX(-200px)}}@media (max-width:480px){.Home h1{font-size:1.8rem}.home-stats{align-items:center;flex-direction:column;gap:8px}.search-container:before{transform:translate(-50%,-50%) translateX(-180px)}.stat-item{padding:12px 20px}.stat-number{font-size:1.5rem}.stat-label{font-size:.8rem}.search-container:before{transform:translate(-50%,-50%) translateX(-200px)}.Home h1{font-size:1.8rem}.home-stats{align-items:center;flex-direction:column;gap:10px}.search-container:before{transform:translate(-50%,-50%) translateX(-180px)}}.centered-table tbody tr{animation:fadeInUp .5s ease forwards;opacity:0}.centered-table tbody tr:first-child{animation-delay:.1s}.centered-table tbody tr:nth-child(2){animation-delay:.15s}.centered-table tbody tr:nth-child(3){animation-delay:.2s}.centered-table tbody tr:nth-child(4){animation-delay:.25s}.centered-table tbody tr:nth-child(5){animation-delay:.3s}.centered-table tbody tr:nth-child(6){animation-delay:.35s}.centered-table tbody tr:nth-child(7){animation-delay:.4s}.centered-table tbody tr:nth-child(8){animation-delay:.45s}.centered-table tbody tr:nth-child(9){animation-delay:.5s}.centered-table tbody tr:nth-child(10){animation-delay:.55s}.ticket-card{animation:fadeInUp .5s ease forwards;opacity:0}.ticket-card:first-child{animation-delay:.1s}.ticket-card:nth-child(2){animation-delay:.2s}.ticket-card:nth-child(3){animation-delay:.3s}.ticket-card:nth-child(4){animation-delay:.4s}.ticket-card:nth-child(5){animation-delay:.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-state{color:#aaa;padding:60px 20px;text-align:center}.empty-state-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.empty-state h3{color:#ccc;font-size:1.5rem;margin-bottom:10px}.empty-state p{color:#aaa;font-size:1rem;line-height:1.5}.customer-cards{display:flex;flex-direction:column;gap:16px;padding:0 16px}.customer-card{animation:fadeInUp .5s ease forwards;background:linear-gradient(135deg,#1e1e1e,#2a2a2a);border:1px solid #444;border-radius:12px;opacity:0;overflow:hidden;position:relative;transition:all .3s ease}.customer-card:first-child{animation-delay:.1s}.customer-card:nth-child(2){animation-delay:.2s}.customer-card:nth-child(3){animation-delay:.3s}.customer-card:nth-child(4){animation-delay:.4s}.customer-card:nth-child(5){animation-delay:.5s}.customer-card:before{background:linear-gradient(135deg,#e0a54c,#d4941f);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.customer-card:hover{border-color:#d4941f;box-shadow:0 8px 20px #0006;transform:translateY(-4px)}.customer-card:hover:before{opacity:1}.customer-name{color:#4caf50;font-size:20px;font-weight:700;text-shadow:0 1px 2px #0000004d}.customer-icon{font-size:24px;opacity:.7}.centered-table tbody tr td:first-child a{color:#e0a54c;font-weight:600}.centered-table tbody tr:hover td:first-child a{color:#d4941f}@media (max-width:768px){.customer-cards{padding:0 12px}.customer-name{font-size:18px}.customer-icon{font-size:20px}}@media (max-width:480px){.customer-name{font-size:16px}.customer-icon{font-size:18px}}.CustomerMaint{margin-bottom:20px;text-align:center}.CustomerMaint h1{color:#e0a54c;font-size:2.2rem;font-weight:600;margin-bottom:20px;text-shadow:0 2px 4px #0000004d}.customer-form-container{display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:800px;padding:0 20px}.customer-form{background:linear-gradient(135deg,#1e1e1e,#2a2a2a);border:1px solid #444;border-radius:12px;box-shadow:0 4px 12px #0000004d;padding:30px}.form-section h3{border-bottom:2px solid #444;color:#e0a54c;font-size:1.4rem;margin-bottom:25px;padding-bottom:10px;text-align:left}.customer-form .form-row{margin-bottom:20px}.customer-form .form-group{align-items:center;display:flex;flex-direction:row;gap:15px;text-align:left}.customer-form .form-group.full-width{align-items:flex-start;flex-direction:column;gap:8px}.customer-form .form-group label{color:#e0e0e0;font-size:14px;font-weight:500;min-width:120px;text-align:right}.customer-form .form-group.full-width label{min-width:auto;text-align:left}.customer-form .form-group input,.customer-form .form-group textarea{background-color:#333;border:1px solid #555;border-radius:6px;color:#e0e0e0;flex:1 1;font-size:14px;padding:12px;transition:border-color .3s ease,box-shadow .3s ease}.customer-form .form-group input:focus,.customer-form .form-group textarea:focus{border-color:#e0a54c;box-shadow:0 0 0 2px #e0a54c33;outline:none}.customer-form .form-group textarea{min-height:80px;resize:vertical}.customer-form .form-submit{border-top:1px solid #444;margin-top:30px;padding-top:20px;text-align:center}.customer-form .form-submit button{background:linear-gradient(135deg,#e0a54c,#d4941f);border:none;border-radius:6px;color:#000;cursor:pointer;font-size:16px;font-weight:500;min-width:120px;padding:12px 30px;transition:all .3s ease}.customer-form .form-submit button:hover:not(:disabled){background:linear-gradient(135deg,#fff1d4,#e0a54c);box-shadow:0 4px 8px #e0a54c4d;transform:translateY(-1px)}.customer-form .form-submit button:disabled{cursor:not-allowed;opacity:.6;transform:none}.recent-tickets-section{background:linear-gradient(135deg,#1e1e1e,#2a2a2a);border:1px solid #444;border-radius:12px;box-shadow:0 4px 12px #0000004d;padding:25px}.recent-tickets-section h3{border-bottom:2px solid #444;color:#e0a54c;font-size:1.3rem;margin-bottom:20px;padding-bottom:10px;text-align:left}.ticket-list{display:flex;flex-direction:column;gap:12px}.ticket-item{background-color:#333;border:1px solid #444;border-radius:8px;transition:all .2s ease}.ticket-item:hover{border-color:#e0a54c;box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.ticket-link{align-items:center;color:#e0e0e0;display:flex;gap:15px;justify-content:space-between;padding:15px;text-decoration:none}.ticket-date{color:#aaa;font-size:13px;min-width:80px}.ticket-id{color:#e0a54c;font-weight:500;min-width:80px}.ticket-product{color:#e0e0e0;flex:1 1;text-align:right}.ticket-link:hover .ticket-id{color:#fff1d4}.no-tickets{color:#aaa;font-style:italic;padding:20px;text-align:center}@media (max-width:768px){.customer-form-container{gap:20px;padding:0 15px}.customer-form,.recent-tickets-section{padding:20px}.CustomerMaint h1{font-size:1.8rem}.form-section h3,.recent-tickets-section h3{font-size:1.2rem}.ticket-link{align-items:flex-start;flex-direction:column;gap:8px}.ticket-date,.ticket-id{min-width:auto}.ticket-product{text-align:left}.customer-form-container{gap:20px;padding:0 15px}.customer-form,.recent-tickets-section{padding:20px}.CustomerMaint h1{font-size:1.8rem}.form-section h3,.recent-tickets-section h3{font-size:1.2rem}.customer-form .form-group{align-items:flex-start;flex-direction:column;gap:8px}.customer-form .form-group label{min-width:auto;text-align:left}.ticket-link{align-items:flex-start;flex-direction:column;gap:8px}.ticket-date,.ticket-id{min-width:auto}.ticket-product{text-align:left}}@media (max-width:480px){.customer-form,.recent-tickets-section{padding:15px}.CustomerMaint h1{font-size:1.6rem}}.TicketMaint{margin-bottom:20px;text-align:center}.TicketMaint h1{color:#e0a54c;font-size:2.2rem;font-weight:600;margin-bottom:20px;text-shadow:0 2px 4px #0000004d}.ticket-form-container{display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:1000px;padding:0 20px}.ticket-form{background:linear-gradient(135deg,#1e1e1e,#2a2a2a);border:1px solid #444;border-radius:12px;box-shadow:0 4px 12px #0000004d;padding:30px}.ticket-form .form-section h3{border-bottom:2px solid #444;color:#e0a54c;font-size:1.4rem;margin-bottom:25px;padding-bottom:10px;text-align:left}.ticket-form .form-row{display:flex;gap:20px;margin-bottom:20px}.ticket-form .form-group{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:15px;text-align:left}.ticket-form .form-group.full-width{align-items:flex-start;flex:1 1 100%;flex-direction:column;gap:8px}.ticket-form .form-group label{color:#e0e0e0;font-size:14px;font-weight:500;min-width:120px;text-align:right}.ticket-form .form-group.full-width label{min-width:auto;text-align:left}.ticket-form .form-group input,.ticket-form .form-group select,.ticket-form .form-group textarea{background-color:#333;border:1px solid #555;border-radius:6px;color:#e0e0e0;flex:1 1;font-size:14px;padding:12px;transition:border-color .3s ease,box-shadow .3s ease}.ticket-form .form-group input:focus,.ticket-form .form-group select:focus,.ticket-form .form-group textarea:focus{border-color:#e0a54c;box-shadow:0 0 0 2px #e0a54c33;outline:none}.ticket-form .form-group input[readonly]{background-color:#2a2a2a;color:#aaa;cursor:not-allowed}.ticket-form .form-group textarea{min-height:80px;resize:vertical}.ticket-form .form-submit{border-top:1px solid #444;margin-top:30px;padding-top:20px;text-align:center}.ticket-form .form-submit button{background:linear-gradient(135deg,#e0a54c,#d4941f);border:none;border-radius:6px;color:#000;cursor:pointer;font-size:16px;font-weight:500;min-width:120px;padding:12px 30px;transition:all .3s ease}.ticket-form .form-submit button:hover:not(:disabled){background:linear-gradient(135deg,#fff1d4,#e0a54c);box-shadow:0 4px 8px #e0a54c4d;transform:translateY(-1px)}.ticket-form .form-submit button:disabled{cursor:not-allowed;opacity:.6;transform:none}.selected-files-section{background:linear-gradient(135deg,#1e1e1e,#2a2a2a);border:1px solid #444;border-radius:12px;box-shadow:0 4px 12px #0000004d;padding:25px}.selected-files-section h3{border-bottom:2px solid #444;color:#e0a54c;font-size:1.3rem;margin-bottom:20px;padding-bottom:10px;text-align:left}.current-attachments-section{background:linear-gradient(135deg,#1e1e1e,#2a2a2a);border:1px solid #444;border-radius:12px;box-shadow:0 4px 12px #0000004d;padding:25px}.current-attachments-section h3{border-bottom:2px solid #444;color:#e0a54c;font-size:1.3rem;margin-bottom:20px;padding-bottom:10px;text-align:left}@media (max-width:768px){.ticket-form-container{gap:20px;padding:0 15px}.current-attachments-section,.selected-files-section,.ticket-form{padding:20px}.TicketMaint h1{font-size:1.8rem}.current-attachments-section h3,.selected-files-section h3,.ticket-form .form-section h3{font-size:1.2rem}.ticket-form .form-row{flex-direction:column;gap:15px}.ticket-form .form-group{align-items:flex-start;flex-direction:column;gap:8px}.ticket-form .form-group label{min-width:auto;text-align:left}}@media (max-width:480px){.current-attachments-section,.selected-files-section,.ticket-form{padding:15px}.TicketMaint h1{font-size:1.6rem}}.fancy-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a1a,#2d2d2d 50%,#1a1a1a);border-bottom:2px solid #e0a54c;box-shadow:0 4px 20px #0000004d,0 0 40px #e0a54c1a;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:1000}.fancy-nav:before{background:linear-gradient(90deg,#0000,#e0a54c,#0000);content:"";height:1px;left:0;opacity:.6;position:absolute;right:0;top:0}.nav-container{height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px;position:relative}.nav-brand,.nav-container{align-items:center;display:flex}.nav-brand{z-index:1001}.brand-link{align-items:center;background:linear-gradient(135deg,#e0a54c1a,#e0a54c0d);border:1px solid #e0a54c33;border-radius:12px;color:#e0a54c;display:flex;font-size:24px;font-weight:700;padding:8px 12px;text-decoration:none;transition:all .3s ease}.brand-link:hover{background:linear-gradient(135deg,#e0a54c33,#e0a54c1a);border-color:#e0a54c66;box-shadow:0 8px 25px #e0a54c4d;transform:translateY(-2px)}.brand-icon{animation:brandPulse 3s ease-in-out infinite;font-size:28px;margin-right:10px}@keyframes brandPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.brand-text{-webkit-text-fill-color:#0000;animation:brandShimmer 4s ease-in-out infinite;background:linear-gradient(135deg,#e0a54c,#fff1d4,#e0a54c);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-family:Arial,sans-serif;font-weight:800;letter-spacing:1px}@keyframes brandShimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.nav-menu{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border:1px solid #e0a54c1a;border-radius:50px;display:flex;gap:8px;padding:8px 12px;transition:all .3s ease}.nav-menu:hover{background:#0000004d;border-color:#e0a54c33;box-shadow:0 4px 15px #0003}.nav-link{align-items:center;background:#0000;border:1px solid #0000;border-radius:25px;color:#e0e0e0;display:flex;font-size:14px;font-weight:500;letter-spacing:.5px;overflow:hidden;padding:12px 16px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link:before{background:linear-gradient(90deg,#0000,#e0a54c1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.nav-link:hover:before{left:100%}.nav-link:hover{background:linear-gradient(135deg,#e0a54c26,#e0a54c0d);border-color:#e0a54c4d;box-shadow:0 6px 20px #e0a54c33;color:#e0a54c;transform:translateY(-2px)}.nav-link-active{background:linear-gradient(135deg,#e0a54c,#d4941f)!important;border-color:#e0a54c!important;box-shadow:0 4px 15px #e0a54c66,inset 0 1px 0 #fff3!important;color:#000!important;transform:translateY(-1px)}.nav-link-active:before{display:none}.nav-link-active .nav-icon{animation:activeIconBounce 2s ease-in-out infinite}@keyframes activeIconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.nav-icon{font-size:16px;margin-right:8px;transition:transform .3s ease}.nav-link:hover .nav-icon{transform:scale(1.2) rotate(5deg)}.nav-text{font-weight:600;letter-spacing:.8px;text-transform:uppercase}.nav-link-logout{background:linear-gradient(135deg,#f443361a,#f443360d);border-color:#f4433633}.nav-link-logout:hover{background:linear-gradient(135deg,#f4433633,#f443361a);border-color:#f4433666;box-shadow:0 6px 20px #f4433633;color:#f44336!important}.nav-link-logout.nav-link-active{background:linear-gradient(135deg,#f44336,#d32f2f)!important;border-color:#f44336!important;box-shadow:0 4px 15px #f4433666,inset 0 1px 0 #fff3!important;color:#fff!important}.nav-toggle{background:#e0a54c1a;border:1px solid #e0a54c33;border-radius:8px;cursor:pointer;display:none;flex-direction:column;padding:8px;transition:all .3s ease;z-index:1001}.nav-toggle:hover{background:#e0a54c33;border-color:#e0a54c66;transform:scale(1.05)}.hamburger{background:#e0a54c;border-radius:2px;box-shadow:0 1px 2px #0003;height:3px;margin:3px 0;transition:all .3s ease;width:25px}.hamburger-open:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger-open:nth-child(2){opacity:0;transform:translateX(-20px)}.hamburger-open:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.main-content{min-height:calc(100vh - 70px);padding-top:20px}@media (max-width:768px){.nav-container{height:60px;padding:0 15px}.brand-link{font-size:20px;padding:6px 10px}.brand-icon{font-size:24px;margin-right:8px}.nav-toggle{display:flex}.nav-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid #e0a54c33;border-radius:0 0 20px 20px;border-top:none;box-shadow:0 10px 30px #00000080;flex-direction:column;gap:12px;left:0;opacity:0;padding:20px;position:fixed;right:0;top:60px;transform:translateY(-100%);transition:all .4s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:999}.nav-menu-open{opacity:1;transform:translateY(0);visibility:visible}.nav-link{background:#0000004d;border:1px solid #e0a54c1a;border-radius:12px;font-size:16px;justify-content:flex-start;padding:16px 20px;width:100%}.nav-link:hover{box-shadow:0 4px 15px #e0a54c4d;transform:translateX(10px)}.nav-icon{font-size:18px;margin-right:12px}.nav-text{font-size:16px}.main-content{min-height:calc(100vh - 60px)}}@media (max-width:480px){.nav-container{height:55px;padding:0 10px}.brand-link{font-size:18px;padding:4px 8px}.brand-icon{font-size:20px;margin-right:6px}.nav-menu{gap:10px;padding:15px;top:55px}.nav-link{font-size:15px;padding:14px 16px}.nav-icon{font-size:16px;margin-right:10px}.nav-text{font-size:15px}.main-content{min-height:calc(100vh - 55px)}}@media (prefers-reduced-motion:reduce){.brand-link,.hamburger,.nav-link,.nav-menu,.nav-toggle{transition:none}.brand-icon,.brand-text,.nav-link-active .nav-icon{animation:none}.brand-text{-webkit-text-fill-color:#0000;background:#e0a54c;-webkit-background-clip:text;background-clip:text}}.brand-link:focus,.nav-link:focus,.nav-toggle:focus{outline:2px solid #e0a54c;outline-offset:2px}@media (prefers-contrast:high){.fancy-nav{background:#000;border-bottom-color:#fff}.nav-link{border-color:#fff;color:#fff}.nav-link-active,.nav-link:hover{background:#fff;color:#000}.brand-link{border-color:#fff;color:#fff}}.nav-container{justify-content:center!important}.nav-menu{margin:0 auto}.nav-brand{display:none!important}.nav-link{padding:12px 20px!important}.nav-icon,.nav-text{display:none}@media (max-width:768px){.nav-link{justify-content:center!important;padding:16px 20px!important}}.drag-drop-area{background:linear-gradient(135deg,#2a2a2a,#1e1e1e);border:2px dashed #444;border-radius:12px;cursor:pointer;overflow:hidden;padding:40px 20px;position:relative;text-align:center;transition:all .3s ease}.drag-drop-area:before{background:linear-gradient(90deg,#0000,#e0a54c1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.drag-drop-area:hover{background:linear-gradient(135deg,#333,#2a2a2a);border-color:#e0a54c;box-shadow:0 4px 12px #e0a54c33;transform:translateY(-2px)}.drag-drop-area:hover:before{left:100%}.drag-drop-area.drag-over{background:linear-gradient(135deg,#4caf501a,#4caf500d);border-color:#4caf50;box-shadow:0 8px 20px #4caf504d;transform:scale(1.02)}.drag-drop-content{align-items:center;display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.drag-drop-icon{color:#e0a54c;font-size:48px;margin-bottom:8px;text-shadow:0 2px 4px #0000004d;transition:all .3s ease}.drag-drop-area:hover .drag-drop-icon{color:#fff1d4;transform:scale(1.1)}.drag-drop-area.drag-over .drag-drop-icon{color:#4caf50;transform:scale(1.2) rotate(10deg)}.drag-drop-text{color:#e0e0e0;font-size:16px;font-weight:500;line-height:1.4}.drag-drop-text strong{color:#e0a54c;font-weight:600}.click-text{color:#4caf50;cursor:pointer;text-decoration:underline;transition:color .2s ease}.click-text:hover{color:#66bb6a}.drag-drop-help{color:#aaa;font-size:13px;font-style:italic;margin-top:4px}@media (max-width:768px){.drag-drop-area{padding:30px 15px}.drag-drop-icon{font-size:40px}.drag-drop-text{font-size:15px}.drag-drop-help{font-size:12px}}@media (max-width:480px){.drag-drop-area{padding:25px 10px}.drag-drop-icon{font-size:36px}.drag-drop-text{font-size:14px}}@keyframes dragPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.drag-drop-area.drag-over{animation:dragPulse 1s ease-in-out infinite}
/*# sourceMappingURL=main.09a4f44d.css.map*/