*{margin:0;padding:0;box-sizing:border-box}:root{--c1:#47547C;--c2:#6a78a5;--c3:#2e3453}body{background:linear-gradient(135deg,#f4f6ff,#e9ecff);font-family:'Changa',sans-serif;transition:.4s;min-height:100vh}.hero{width:100%;height:190px;background:#fff;display:flex;align-items:center;justify-content:center}.hero img{width:100%;height:100%;object-fit:contain}.ticker{height:auto;min-height:30px;background:linear-gradient(90deg,var(--c1),var(--c2));display:flex;align-items:center;overflow:hidden;transition:.4s;padding:.5rem 0}.ticker-track{white-space:nowrap;animation:move 14s linear infinite;width:100%}.ticker-text{font-size:clamp(1.1rem,5vw,1.8rem);font-weight:900;padding-inline:2rem;color:#fff;display:inline-flex;align-items:center;gap:.8rem;font-family:'Changa',sans-serif}.ticker-text i{font-size:clamp(1.1rem,4vw,1.6rem)}@keyframes move{from{transform:translateX(-100%)}to{transform:translateX(100%)}}.buttons-section{margin:1.8rem 1.2rem;padding:3rem 1.2rem;background:linear-gradient(135deg,#fff,#eef1ff);box-shadow:0 0 30px rgba(0,0,0,.15);border-radius:30px}.buttons-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.btn-box{height:auto;min-height:80px;background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;font-size:clamp(1.2rem,4vw,1.8rem);font-weight:900;display:flex;align-items:center;justify-content:center;gap:.7rem;cursor:pointer;transition:.3s;border-radius:25px;padding:.8rem .5rem;text-align:center}.btn-box i{font-size:clamp(1.3rem,5vw,2rem)}.btn-box:active{background:linear-gradient(135deg,var(--c3),var(--c1))}.vip-section{margin:1.2rem;background:linear-gradient(135deg,#fff,#f1f3ff);box-shadow:0 0 26px rgba(0,0,0,.2);display:flex;border-radius:30px;overflow:hidden;flex-direction:row}.vip-title{writing-mode:vertical-rl;transform:rotate(180deg);background:linear-gradient(180deg,var(--c1),var(--c2));color:#fff;font-size:clamp(1.8rem,5vw,2.2rem);font-weight:900;padding:1.2rem .8rem;font-family:'Changa';display:flex;align-items:center;justify-content:center;gap:.6rem;order:2}.vip-title i{font-size:clamp(1.5rem,4vw,1.9rem);color:#ffcf4a}.vip-content{flex:1;padding:1rem;display:flex;flex-direction:column;gap:1rem;order:1}.vip-name{font-size:clamp(1.2rem,4vw,1.8rem);font-weight:800;display:flex;align-items:center;gap:.8rem;padding:.8rem 1.2rem;font-family:'Changa';background:linear-gradient(135deg,#f8f9ff,#eef1ff);margin:0;border-radius:25px;border:2px solid #e1e4ff}.vip-name img{width:clamp(3rem,8vw,5rem);height:clamp(3rem,8vw,5rem);border-radius:50%;border:4px solid var(--c1);border-radius:25px}.star{color:#ffcf4a}.color-switch{position:fixed;left:.5rem;top:45%;transform:translateY(-50%);background:#fff;box-shadow:0 0 12px rgba(0,0,0,.3);border-radius:16px;padding:.4rem;z-index:999}.color-btn{width:36px;height:36px;background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;border-radius:14px}.palette{margin-top:.4rem;display:none;text-align:center}.palette span{width:28px;height:28px;display:inline-block;border-radius:8px;cursor:pointer;margin:2px}.show .palette{display:block}.ticket-switch{position:fixed;left:.5rem;top:calc(45% + 48px);transform:translateY(-50%);background:#fff;box-shadow:0 0 12px rgba(0,0,0,.3);border-radius:16px;padding:.4rem;z-index:999}.ticket-btn{width:36px;height:36px;background:linear-gradient(135deg,#ff9800,#ffb74d);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;border-radius:14px;position:relative}.ticket-badge{position:absolute;top:-5px;right:-5px;background:#ff0000;color:#fff;font-size:10px;font-weight:bold;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.admin-controls{position:fixed;left:.5rem;top:calc(45% + 96px);transform:translateY(-50%);background:#fff;box-shadow:0 0 12px rgba(0,0,0,.3);border-radius:16px;padding:.4rem;z-index:999}.admin-ticket-btn{width:36px;height:36px;background:linear-gradient(135deg,#9C27B0,#BA68C8);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;border-radius:14px}.back-to-top{position:fixed;bottom:1.5rem;right:1.5rem;width:36px;height:36px;background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;border-radius:50%;display:none;align-items:center;justify-content:center;font-size:18px;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.2);z-index:1000;border-radius:18px}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .6s,transform .6s}.fade-in.visible{opacity:1;transform:translateY(0)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:none;align-items:center;justify-content:center;z-index:10000}.modal{background:linear-gradient(135deg,#fff,#f1f3ff);width:90%;max-width:800px;max-height:85vh;border-radius:30px;box-shadow:0 15px 50px rgba(0,0,0,0.4);overflow:hidden}.modal-header{background:linear-gradient(90deg,var(--c1),var(--c2));padding:1.2rem 1.8rem;color:#fff;font-size:clamp(1.5rem,5vw,2rem);font-weight:900;display:flex;align-items:center;justify-content:space-between}.modal-header i{font-size:clamp(1.4rem,5vw,1.9rem)}.close-modal{background:none;border:none;color:#fff;font-size:2.5rem;cursor:pointer;padding:0;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s}.close-modal:hover{background:rgba(255,255,255,0.2)}.modal-content{padding:1.8rem;overflow-y:auto;max-height:calc(85vh - 80px)}.form-title{font-size:clamp(1.5rem,5vw,1.8rem);color:var(--c1);margin-bottom:1.5rem;display:flex;align-items:center;gap:.8rem;font-weight:900}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:clamp(1.2rem,4vw,1.4rem);font-weight:700;color:var(--c1);margin-bottom:.6rem;display:flex;align-items:center;gap:.6rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.9rem 1.2rem;font-size:clamp(1rem,4vw,1.2rem);border:2px solid #ddd;border-radius:20px;font-family:'Changa',sans-serif;background:#fff;transition:border .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--c2)}.priority-buttons{display:flex;gap:.8rem;margin-top:.6rem;flex-wrap:wrap}.priority-btn{padding:.7rem 1.5rem;font-size:clamp(.9rem,3vw,1.1rem);font-weight:700;border:none;border-radius:20px;cursor:pointer;transition:all .3s;font-family:'Changa',sans-serif}.priority-btn.low{background:#4CAF50;color:#fff}.priority-btn.medium{background:#FF9800;color:#fff}.priority-btn.high{background:#F44336;color:#fff}.priority-btn.urgent{background:#9C27B0;color:#fff}.priority-btn.active{transform:scale(1.05);box-shadow:0 5px 15px rgba(0,0,0,0.2)}.submit-ticket-btn{width:100%;padding:1.2rem;background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;font-size:clamp(1.2rem,5vw,1.5rem);font-weight:900;border:none;border-radius:25px;cursor:pointer;margin-top:1.2rem;display:flex;align-items:center;justify-content:center;gap:1rem;transition:transform .3s}.submit-ticket-btn:hover{transform:translateY(-3px)}.form-note{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #2196F3;padding:1.2rem;margin-top:1.8rem;border-radius:25px;text-align:center}.form-note i{color:#2196F3;font-size:clamp(1.3rem,5vw,1.6rem);margin-bottom:.6rem}.form-note p{font-size:clamp(1rem,4vw,1.2rem);color:#0d47a1;line-height:1.6;font-weight:600}.tickets-list{max-height:400px;overflow-y:auto}.ticket-item{background:linear-gradient(135deg,#f8f9ff,#eef1ff);border-radius:25px;padding:1.2rem;margin-bottom:1rem;border-right:5px solid}.ticket-item.low{border-color:#4CAF50}.ticket-item.medium{border-color:#FF9800}.ticket-item.high{border-color:#F44336}.ticket-item.urgent{border-color:#9C27B0}.ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem;flex-wrap:wrap;gap:.6rem}.ticket-id{font-size:clamp(1rem,4vw,1.2rem);font-weight:700;color:var(--c1)}.ticket-status{padding:.4rem 1rem;border-radius:20px;font-size:clamp(.9rem,3vw,1rem);font-weight:700}.status-pending{background:#FF9800;color:#fff}.status-in-progress{background:#2196F3;color:#fff}.status-resolved{background:#4CAF50;color:#fff}.status-closed{background:#9E9E9E;color:#fff}.ticket-title{font-size:clamp(1.2rem,5vw,1.5rem);font-weight:800;color:#333;margin-bottom:.6rem}.ticket-desc{font-size:clamp(1rem,4vw,1.2rem);color:#555;line-height:1.6;margin-bottom:.8rem}.ticket-footer{display:flex;justify-content:space-between;align-items:center;font-size:clamp(.9rem,3vw,1rem);color:#777;flex-wrap:wrap;gap:.6rem}.ticket-response{background:#e8f5e9;padding:.8rem;margin-top:.8rem;border-radius:20px;border-right:3px solid #4CAF50}.ticket-response strong{color:#2E7D32;display:block;margin-bottom:.4rem;font-size:clamp(1rem,4vw,1.2rem)}.ticket-switch-buttons{display:flex;gap:1rem;margin-top:1.8rem;justify-content:center;flex-wrap:wrap}.switch-btn{padding:.8rem 1.8rem;font-size:clamp(1.1rem,4vw,1.3rem);font-weight:700;border:none;border-radius:20px;cursor:pointer;background:#ddd;color:#555;transition:all .3s;font-family:'Changa',sans-serif}.switch-btn.active{background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;transform:scale(1.05)}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.8rem}@media (max-width:600px){.admin-stats{grid-template-columns:repeat(2,1fr)}}.stat-box{background:linear-gradient(135deg,#fff,#f1f3ff);border-radius:25px;padding:1.2rem;text-align:center;border:2px solid var(--c1)}.stat-box i{font-size:clamp(1.8rem,6vw,2.2rem);color:var(--c1);margin-bottom:.6rem}.stat-number{display:block;font-size:clamp(1.5rem,6vw,2rem);font-weight:900;color:var(--c2);margin:.5rem 0}.stat-label{font-size:clamp(.9rem,3vw,1.1rem);color:#666;font-weight:600}.filter-section{background:linear-gradient(135deg,#f8f9ff,#eef1ff);border-radius:25px;padding:1.2rem;margin-bottom:1.5rem}.filter-section h3{font-size:clamp(1.2rem,5vw,1.5rem);color:var(--c1);margin-bottom:1rem;display:flex;align-items:center;gap:.6rem}.filter-buttons{display:flex;gap:.8rem;margin-bottom:1.2rem;flex-wrap:wrap}.filter-btn{padding:.6rem 1.5rem;font-size:clamp(.9rem,3vw,1rem);font-weight:700;border:none;border-radius:20px;cursor:pointer;background:#ddd;color:#555;transition:all .3s}.filter-btn.active{background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;transform:scale(1.05)}.filter-by-priority{display:flex;align-items:center;gap:1rem;font-size:clamp(1rem,4vw,1.2rem);color:var(--c1);font-weight:600;flex-wrap:wrap}.filter-by-priority select{padding:.5rem 1rem;font-size:clamp(.9rem,3vw,1rem);border:2px solid #ddd;border-radius:15px;background:#fff;color:#333;font-family:'Changa',sans-serif}.admin-tickets-list{max-height:500px;overflow-y:auto;margin-bottom:1.5rem}.admin-ticket-item{background:linear-gradient(135deg,#fff,#f1f3ff);border-radius:25px;padding:1.2rem;margin-bottom:1rem;border-right:5px solid}.admin-ticket-item.low{border-color:#4CAF50}.admin-ticket-item.medium{border-color:#FF9800}.admin-ticket-item.high{border-color:#F44336}.admin-ticket-item.urgent{border-color:#9C27B0}.admin-ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.6rem}.admin-ticket-id{font-size:clamp(1.1rem,4vw,1.4rem);font-weight:900;color:var(--c1);background:#eef1ff;padding:.3rem 1rem;border-radius:20px}.admin-ticket-info{display:flex;gap:1.2rem;flex-wrap:wrap}.admin-ticket-user{font-size:clamp(1rem,4vw,1.2rem);color:#333;display:flex;align-items:center;gap:.5rem}.admin-ticket-user i{color:var(--c2)}.admin-ticket-type{background:#e3f2fd;color:#0d47a1;padding:.3rem 1rem;border-radius:20px;font-size:clamp(.9rem,3vw,1rem);font-weight:600}.admin-ticket-body{margin:1rem 0}.admin-ticket-title{font-size:clamp(1.2rem,5vw,1.5rem);font-weight:800;color:#222;margin-bottom:.6rem}.admin-ticket-message{font-size:clamp(1rem,4vw,1.2rem);color:#555;line-height:1.6;background:#f9f9f9;padding:1rem;border-radius:20px;border-right:3px solid #ddd}.admin-ticket-actions{display:flex;gap:.8rem;margin-top:1.2rem;flex-wrap:wrap}.admin-action-btn{padding:.6rem 1.5rem;font-size:clamp(.9rem,3vw,1rem);font-weight:700;border:none;border-radius:20px;cursor:pointer;display:flex;align-items:center;gap:.6rem;transition:all .3s;font-family:'Changa',sans-serif}.reply-btn{background:linear-gradient(135deg,#4CAF50,#81C784);color:#fff}.view-btn{background:linear-gradient(135deg,#2196F3,#64B5F6);color:#fff}.delete-btn{background:linear-gradient(135deg,#F44336,#E57373);color:#fff}.admin-action-btn:hover{transform:translateY(-3px)}.export-btn{width:100%;padding:1.2rem;background:linear-gradient(135deg,#009688,#4db6ac);color:#fff;font-size:clamp(1.1rem,4vw,1.4rem);font-weight:700;border:none;border-radius:25px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:1rem;transition:all .3s}.export-btn:hover{transform:translateY(-3px)}.ticket-details{background:linear-gradient(135deg,#f8f9ff,#eef1ff);border-radius:25px;padding:1.5rem;margin-bottom:1.8rem;border:2px solid var(--c1)}.ticket-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem;flex-wrap:wrap;gap:1rem}.details-id{font-size:clamp(1.3rem,5vw,1.6rem);font-weight:900;color:var(--c1)}.details-user{font-size:clamp(1.1rem,4vw,1.4rem);color:#333;display:flex;align-items:center;gap:.6rem}.details-email{font-size:clamp(1rem,4vw,1.2rem);color:#666}.ticket-details-body h3{font-size:clamp(1.2rem,5vw,1.5rem);color:var(--c1);margin:1.2rem 0 .6rem 0}.ticket-original-message{font-size:clamp(1rem,4vw,1.2rem);color:#444;line-height:1.7;background:#fff;padding:1.2rem;border-radius:20px;border-right:4px solid var(--c2)}.ticket-response-section{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #eee}.ticket-response-section h4{font-size:clamp(1.1rem,4vw,1.3rem);color:#4CAF50;margin-bottom:1rem;display:flex;align-items:center;gap:.6rem}.ticket-response{font-size:clamp(1rem,4vw,1.2rem);color:#333;line-height:1.6;background:#e8f5e9;padding:1.2rem;border-radius:20px;border-right:4px solid #4CAF50}.action-buttons{display:flex;gap:1.2rem;margin-top:1.8rem;flex-wrap:wrap}.send-reply-btn,.close-ticket-btn{flex:1 1 auto;padding:1rem 1.5rem;font-size:clamp(1.1rem,4vw,1.3rem);font-weight:700;border:none;border-radius:25px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.8rem;transition:transform .3s;min-width:200px}.send-reply-btn{background:linear-gradient(135deg,#4CAF50,#81C784);color:#fff}.close-ticket-btn{background:linear-gradient(135deg,#FF9800,#FFB74D);color:#fff}.send-reply-btn:hover,.close-ticket-btn:hover{transform:translateY(-3px)}.admin-item{display:flex;align-items:center;gap:1.2rem;padding:1.2rem;margin-bottom:1rem;background:linear-gradient(135deg,#f8f9ff,#eef1ff);border-radius:25px;border-right:5px solid var(--c1);flex-wrap:wrap}.admin-icon{width:clamp(3rem,8vw,4rem);height:clamp(3rem,8vw,4rem);background:linear-gradient(135deg,var(--c1),var(--c2));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(1.5rem,5vw,2rem);color:#fff;flex-shrink:0}.admin-details{flex:1}.admin-details h3{font-size:clamp(1.3rem,5vw,1.8rem);color:var(--c1);margin-bottom:.5rem;font-weight:800}.admin-details p{font-size:clamp(1rem,4vw,1.2rem);color:#555;line-height:1.5}.admin-note{background:linear-gradient(135deg,#fff5f5,#ffe8e8);border:2px solid #ff6b6b;padding:1.2rem;margin-top:1.5rem;border-radius:25px;text-align:center}.admin-note i{color:#ff6b6b;font-size:clamp(1.3rem,5vw,1.6rem);margin-bottom:.6rem}.admin-note p{font-size:clamp(1rem,4vw,1.3rem);font-weight:700;color:#d32f2f;line-height:1.6}.law-item{display:flex;align-items:flex-start;gap:1.2rem;padding:1.2rem;margin-bottom:1rem;background:linear-gradient(135deg,#f8f9ff,#eef1ff);border-radius:25px;border-right:5px solid var(--c2);flex-wrap:wrap}.law-number{width:clamp(2.5rem,7vw,3.5rem);height:clamp(2.5rem,7vw,3.5rem);background:linear-gradient(135deg,var(--c2),var(--c1));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(1.2rem,5vw,1.6rem);color:#fff;font-weight:900;flex-shrink:0}.law-text{flex:1;font-size:clamp(1rem,4vw,1.3rem);color:#333;line-height:1.6;font-weight:600}.footer{text-align:center;padding:1.5rem;margin-top:2rem;background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;font-family:'Changa',sans-serif;border-top:5px solid var(--c3)}.footer p{margin:.6rem 0;font-size:clamp(1rem,4vw,1.2rem);line-height:1.6}.footer .author{font-size:clamp(1.2rem,5vw,1.5rem);font-weight:700;color:#ffcf4a}.footer .contact{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem;flex-wrap:wrap}.footer .contact a{color:#fff;text-decoration:none;font-size:clamp(.9rem,3vw,1.1rem);display:flex;align-items:center;gap:.5rem;transition:color .3s}.footer .contact a:hover{color:#ffcf4a}.footer .contact i{font-size:clamp(1.1rem,4vw,1.3rem)}.footer .skills{margin-top:1.2rem;padding:.8rem;background:rgba(255,255,255,0.1);border-radius:20px;font-size:clamp(.9rem,3vw,1rem);color:#ffcf4a}@media (max-width:600px){.ticker{min-height:35px;padding:4px 0}.ticker-text{font-size:14px;gap:6px;padding-inline:15px}.ticker-text i{font-size:12px}.buttons-section{margin:15px 10px;padding:20px 8px;border-radius:20px}.buttons-grid{gap:6px}.btn-box{min-height:50px;font-size:12px;gap:4px;padding:6px 2px;border-radius:15px}.btn-box i{font-size:14px}.vip-section{margin:10px;border-radius:20px}.vip-title{font-size:18px;padding:10px 5px;gap:5px}.vip-title i{font-size:16px}.vip-content{padding:8px;gap:6px}.vip-name{font-size:14px;gap:8px;padding:8px 10px;border-radius:15px}.vip-name img{width:35px;height:35px;border-width:2px;border-radius:12px}.star{font-size:12px}.color-switch,.ticket-switch,.admin-controls{left:3px;padding:3px;border-radius:12px}.color-btn,.ticket-btn,.admin-ticket-btn{width:32px;height:32px;font-size:16px;border-radius:10px}.ticket-badge{width:14px;height:14px;font-size:8px;border-width:1px;top:-3px;right:-3px}.back-to-top{width:30px;height:30px;font-size:14px;bottom:10px;right:10px}.footer{padding:15px 10px;margin-top:20px}.footer p{font-size:11px;margin:5px 0}.footer .author{font-size:13px}.footer .contact{display:flex;flex-direction:row;justify-content:center;gap:8px;margin:8px 0;flex-wrap:wrap}.footer .contact a{font-size:10px;gap:3px}.footer .contact i{font-size:11px}.footer .skills{font-size:10px;padding:6px;margin-top:8px}.modal-header{font-size:18px;padding:.6rem .8rem}.modal-header i{font-size:16px}.close-modal{width:1.8rem;height:1.8rem;font-size:1.5rem}.modal-content{padding:.8rem}.form-title{font-size:16px;margin-bottom:.8rem}.form-group{margin-bottom:.8rem}.form-group label{font-size:13px}.form-group input,.form-group select,.form-group textarea{font-size:13px;padding:.5rem .6rem}.priority-btn{font-size:11px;padding:.3rem .8rem}.submit-ticket-btn{font-size:14px;padding:.6rem}.form-note p{font-size:13px}.ticket-title{font-size:15px}.ticket-desc{font-size:13px}.switch-btn{font-size:13px;padding:.4rem 1rem}.admin-item{gap:.6rem;padding:.6rem}.admin-icon{width:30px;height:30px;font-size:16px}.admin-details h3{font-size:15px}.admin-details p{font-size:13px}.law-number{width:26px;height:26px;font-size:13px}.law-text{font-size:13px}}@media (max-width:400px){.btn-box{font-size:11px;min-height:45px}.btn-box i{font-size:12px}.vip-title{font-size:16px;padding:8px 4px}.vip-name{font-size:12px;padding:6px 8px}.vip-name img{width:30px;height:30px}.footer .contact a{font-size:9px}}