body {
      font-family: 'K2D', sans-serif !important;
      background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url('https://images.unsplash.com/photo-1499951360447-b19be8fe80f5?q=80&w=2070&auto=format&fit=crop');
      background-size: cover !important;
      background-position: center !important;
      background-attachment: fixed !important;
      background-repeat: no-repeat !important;
      min-height: 100vh;
      margin: 0 !important;
      padding: 0 !important;
      overflow-x: hidden !important;
      width: 100% !important;
    }
    input,select,textarea,button,table,th,td,span,div { font-family: 'K2D', sans-serif !important; }
    html { margin:0!important;padding:0!important;min-height:100vh!important;overflow-x:hidden; }
    .card { max-width:480px;margin:20px auto;background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.08); }
    h3 { text-align:center;color:#0056b3;margin-top:0;margin-bottom:25px;border-bottom:2px solid #f0f0f0;padding-bottom:10px; }
    label { font-size:14px;font-weight:bold;margin-bottom:5px;display:block;color:#555; }
    input,select,textarea { width:100%;margin-bottom:15px;padding:12px;border-radius:8px;border:1px solid #ccc;box-sizing:border-box;font-size:14px; }
    textarea { resize:vertical;min-height:80px; }
    button { width:100%;padding:12px;border-radius:8px;border:none;font-weight:bold;cursor:pointer;transition:0.2s;font-size:15px;margin-bottom:10px; }
    .btn-primary { background:#007bff;color:#fff; }
    .btn-primary:hover { background:#0056b3; }
    .btn-secondary { background:#e2e6ea;color:#333; }
    .btn-secondary:hover { background:#dae0e5; }
    .btn-danger { background:#dc3545;color:white; }
    button:disabled { background:#cccccc;cursor:not-allowed; }
    .hidden { display:none; }
    .text-center { text-align:center; }
    table { width:100%;border-collapse:collapse;text-align:left;margin-bottom:20px;font-size:14px; }
    th { background-color:#f4f6f9;border-bottom:2px solid #ccc;padding:10px; }
    td { padding:10px;border-bottom:1px solid #eee; }
    .required { color:#ff4d4d!important;margin-left:4px;font-weight:bold; }
    .modern-popup { border-radius:16px!important;padding:0.8rem!important;max-width:380px!important;width:90%!important; }
    .swal2-select { width:80%!important;max-width:250px!important;margin:10px auto!important;height:40px!important;border-radius:8px!important; }
    .btn-confirm-modern { background:#003d99!important;border-radius:50px!important;padding:12px!important;font-size:15px!important;width:80%!important;font-weight:bold!important;color:white!important; }
    .btn-cancel-modern  { background:#626569!important;border-radius:50px!important;padding:12px!important;font-size:15px!important;width:80%!important;font-weight:bold!important;color:white!important; }
    .btn-confirm-small  { background:#003d99!important;border-radius:50px!important;padding:12px!important;font-size:13px!important;width:80%!important;font-weight:bold!important;color:white!important;margin-bottom:5px; }
    .btn-cancel-small   { background:#626569!important;border-radius:50px!important;padding:8px!important;font-size:13px!important;width:80%!important;font-weight:bold!important;color:white!important; }
    #adminBox h3 { color:#9b6dff;border-bottom:2px solid #e9dfff; }
    #adminBox p.text-center { color:#7c4dff!important; }
    #adminBox table th { font-size:14px!important; }
    #adminBox table td { font-size:13px!important; }
    .btn-primary { background:#b39ddb!important;color:#ffffff!important;transition:all 0.2s ease-in-out; }
    .btn-primary:hover:not(:disabled) { background:#7e57c2!important;box-shadow:0 4px 8px rgba(0,0,0,0.15); }
    #adminBox>button.btn-primary:hover { background:#9575cd!important;color:#ffffff!important; }
    #ticketBody .btn-danger { background:#81c784!important; }
    #ticketBody .btn-danger:hover:not(:disabled) { background:#388e3c!important;color:#ffffff!important; }
    #adminBox>button.btn-danger,#userBox>button.btn-danger { background:#ffab91!important; }
    #adminBox>button.btn-danger:hover,#userBox>button.btn-danger:hover { background:#e64a19!important;color:#ffffff!important; }
    button:active { transform:scale(0.95); }
    button:disabled { background:#eeeeee!important;color:#bbbbbb!important;cursor:not-allowed; }
    #userBox h3 { color:#0056b3;border-bottom:2px solid #e7f1ff; }
    #userBox p.text-center span#displayUser { color:#007bff; }
    #userBox div[style*="background: #f8f9fa"] { background:#f0f7ff!important;border:1px solid #c2d9ff!important; }
    #userBox h4 { color:#004494!important; }
    #btnSubmitUser { background:#0052cc!important;color:#ffffff!important;transition:all 0.2s ease; }
    #btnSubmitUser:hover { background:#003d99!important;box-shadow:0 4px 10px rgba(0,82,204,0.3); }
    #btnShowForm { background:#e1efff!important;color:#0056b3!important;border:1px solid #b8d7ff!important; }
    #btnShowForm:hover { background:#007bff!important;color:#ffffff!important; }
    #userTicketList div { border-bottom:1px dashed #b8d7ff!important; }
    #userBox .btn-danger { background:#f8d7da!important;color:#721c24!important;border:1px solid #f5c6cb!important; }
    #userBox .btn-danger:hover { background:#dc3545!important;color:#ffffff!important; }
    table { table-layout:fixed!important;width:100%!important;border-collapse:collapse; }
    th:nth-child(1){width:20%;}th:nth-child(2){width:10%;}th:nth-child(3){width:25%;}
    th:nth-child(4){width:15%;}th:nth-child(5){width:18%;white-space:nowrap!important;}
    td:nth-child(5){white-space:nowrap!important;}th:nth-child(6){width:12%;}
    td { padding:12px 8px;word-wrap:break-word;overflow-wrap:break-word;word-break:break-all;vertical-align:middle; }
    td:nth-child(3){text-align:left;line-height:1.4;}
    @keyframes blink{0%{opacity:1;}50%{opacity:0.2;}100%{opacity:1;}}
    .status-badge{padding:4px 8px;border-radius:4px;font-size:12px;display:inline-block;}
    #ticketBody button{width:auto!important;display:inline-block!important;margin-bottom:2px!important;}
    @keyframes spin{100%{transform:rotate(360deg);}}
    .icon-spin{display:inline-block;animation:spin 2s linear infinite;margin-right:5px;}
    .icon-static{display:inline-block;margin-right:5px;}
    #loginBox{max-width:450px!important;width:85%!important;padding:20px 25px!important;margin:0 auto!important;position:relative!important;top:50vh!important;transform:translateY(-50%)!important;box-sizing:border-box!important;}
    #loginBox img{width:75px!important;margin-bottom:2px!important;}
    #loginBox h3{font-size:16px!important;margin-top:5px!important;margin-bottom:8px!important;}
    #loginBox label{font-size:12px!important;margin-bottom:2px!important;}
    #loginBox input{height:35px!important;font-size:13px!important;margin-bottom:10px!important;}
    #loginBox button{height:38px!important;font-size:14px!important;margin-top:5px!important;}
    #loginBox hr{margin:10px 0!important;}
    #newUserBox>div{margin-bottom:16px!important;}
    #newUserBox label{margin-bottom:5px!important;}
    #newUserBox input:not([type="checkbox"]),#newUserBox textarea{margin-bottom:0px!important;padding:8px 10px!important;}
    #newUserBox div[style*="background: #fdfdfd"]{padding:10px 12px 6px 12px!important;}
    #newUserBox div[style*="background: #fdfdfd"]>div{margin-bottom:4px!important;}
    #newUserBox{width:85%!important;max-width:480px!important;margin:30px auto!important;padding:20px 25px!important;box-sizing:border-box!important;border-radius:12px!important;}
    #userBox{width:85%!important;max-width:480px!important;margin:40px auto!important;padding:20px 25px!important;box-sizing:border-box!important;border-radius:12px!important;}
    #userBox>button.btn-danger{margin-top:15px!important;}
    #loginBox,#userBox,#newUserBox,#adminBox{width:88%!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;}
    #adminBox{max-width:1000px!important;padding:20px!important;margin-top:30px!important;}
    @media(min-width:768px){#adminBox table{display:table!important;width:100%!important;white-space:normal!important;overflow-x:visible!important;}}
    @media(max-width:767px){#adminBox table{display:block!important;width:100%!important;overflow-x:auto!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;}}
    input,select,textarea,button{max-width:100%!important;box-sizing:border-box!important;}
    .summary-card{flex:1;padding:15px;border-radius:12px;text-align:center;box-shadow:0 4px 8px rgba(0,0,0,0.05);border:1px solid #eee;}
    .summary-card h4{margin:0;font-size:13px;color:#666;}
    .summary-card h2{margin:6px 0 2px;font-size:28px;font-weight:bold;}
    .summary-card p{margin:0;font-size:11px;color:#aaa;}
    .admin-action-btns{display:flex;gap:15px;justify-content:center;margin-top:25px;}
    .admin-action-btns button{width:200px!important;margin-bottom:0!important;}
    @media(max-width:767px){.admin-action-btns{flex-direction:column;}.admin-action-btns button{width:100%!important;margin-bottom:10px!important;}}