html,body{font-family:Arial,sans-serif;background-color:#f5f5f5;height:100%;overflow:hidden}#app{min-height:100vh;height:100%}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;height:100%;min-height:100vh}:root{--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px)}button,[role=button],.btn{touch-action:manipulation}video{-webkit-playsinline:true;playsinline:true;x-webkit-airplay:allow;x5-video-player-type:h5-page;x5-video-orientation:landscape;x5-video-player-fullscreen:true;object-fit:cover}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width: 576px){.container{max-width:540px}}@media (min-width: 768px){.container{max-width:720px}}@media (min-width: 992px){.container{max-width:960px}}@media (min-width: 1200px){.container{max-width:1140px}}.btn{display:inline-block;padding:10px 20px;font-size:16px;font-weight:500;text-align:center;text-decoration:none;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;background-color:#4caf50;color:#fff}.btn:hover{background-color:#45a049}.btn-sm{padding:6px 12px;font-size:14px}.btn-danger{background-color:#f44336}.btn-danger:hover{background-color:#d32f2f}.btn-primary{background-color:#2196f3}.btn-primary:hover{background-color:#1976d2}.btn-back{background-color:#607d8b}.btn-back:hover{background-color:#546e7a}.btn-logout{background-color:#9e9e9e}.btn-logout:hover{background-color:#757575}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#333}.form-group input{width:100%;padding:10px 12px;font-size:16px;border:1px solid #ddd;border-radius:6px;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:#4caf50}@media (max-width: 768px){html{font-size:14px}.btn{padding:8px 16px;font-size:14px}.btn-sm{padding:4px 10px;font-size:12px}}@media (max-width: 480px){html{font-size:13px}.btn{padding:6px 14px;font-size:13px}.btn-sm{padding:3px 8px;font-size:11px}}@media (max-width: 375px){html{font-size:12px}}@media (orientation: landscape) and (max-height: 500px){.hide-in-landscape{display:none!important}.compact-in-landscape{padding-top:5px!important;padding-bottom:5px!important}}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#999}