:root{--max-w:1440px;--green:#16a34a;--amber:#f59e0b;--gray:#94a3b8}*{box-sizing:border-box;font-family:Inter,Arial,Helvetica,sans-serif}.container{max-width:var(--max-w);padding:20px;margin:0 auto;text-align:center}.header{background:#fff;border-bottom:1px solid #eee}nav{display:flex;gap:10px}a{text-decoration:none}nav a:hover{color:#00f}.header .container{display:flex;align-items:center;justify-content:space-between}.hero{position:relative;padding:60px 0;background:linear-gradient(180deg,#fff,#f8fafc);overflow:hidden}.hero-inner{max-width:800px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;position:relative}.btn{display:inline-block;padding:8px 24px;border-radius:8px;background:#2563eb;color:#fff;text-decoration:none;border:none;margin-right:10px;margin-bottom:40px;margin-top:15px;cursor:pointer}.btn.ghost{background:#fff;color:#2563eb;border:1px solid #e2e8f0}h2{text-align:center;margin-bottom:24px;color:#333;font-weight:600}label{display:block;line-height:2;margin-top:15px;color:#555;font-weight:500}input{width:100%;padding:12px;margin-top:6px;border:1px solid #ddd;border-radius:4px;font-size:16px;box-sizing:border-box}input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.card{background:#fff;padding:16px;border-radius:12px;box-shadow:0 6px 18px #0f172a0f;margin-bottom:12px}.auth{max-width:420px;margin:20px auto}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.ticket-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.card.ticket{width:100%;padding:50px;position:relative;text-align:center}.card.ticket .btn{margin:0 10px 0 0}.card.ticket div{margin-bottom:10px}.realticket{width:50%;margin:auto}.realticket input{width:100%}.realticket select{width:100%;height:30px;border:1px solid #ddd}.realticket textarea{resize:none;width:100%;min-height:100px;padding-left:12px;border:1px solid #ddd}.realticket .ticketbtn{display:inline-block;padding:12px 54px;border-radius:8px;background:#2563eb;color:#fff;text-decoration:none;border:none;margin-right:10px;margin-bottom:40px;cursor:pointer}.status.open{color:var(--green)}.status.in_progress{color:var(--amber)}.status.closed{color:var(--gray)}.footer{padding:20px;text-align:center}@media (max-width:600px){.header .container{flex-direction:column;gap:10px}.realticket{width:100%}}