@media (max-width:767px){
body{background:linear-gradient(180deg,#eef2ff 0%,#f7f9fc 45%,#f4f6fb 100%) !important;padding-bottom:120px !important;-webkit-tap-highlight-color:transparent}
.container{padding-left:12px;padding-right:12px}
.widget{background:#fff;border:none !important;border-radius:24px !important;box-shadow:0 8px 28px rgba(30,41,90,0.08) !important;padding:18px 16px !important;margin-bottom:14px !important}
h1.extitle{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;font-size:17px !important;font-weight:700;line-height:1.3;margin:0 0 12px !important;color:#1b1f3b}
h1.extitle img{width:28px !important;height:28px !important;border-radius:50%}
.wrap{margin:0 0 8px !important}
.wrap .links{display:flex !important;justify-content:center;gap:6px;background:#f1f4fb;border-radius:999px;padding:4px}
.wrap .links .dot{flex:1;text-align:center;font-size:11px !important;font-weight:700;letter-spacing:.5px;padding:8px 4px !important;border-radius:999px !important;margin:0 !important;width:auto !important;height:auto !important;line-height:1.2 !important}
.wrap .links .dot.current{background:linear-gradient(135deg,#22c55e,#16a34a) !important;color:#fff !important;box-shadow:0 4px 12px rgba(34,197,94,.4)}
.wrap .links .dot.disabled{background:transparent !important;color:#9aa3b8 !important}
h2.lined{font-size:15px !important;font-weight:700;color:#4b5470;margin:14px 0 10px !important}
.well{border:none !important;border-radius:16px !important;background:#fff7e6 !important;font-size:13px;padding:12px 14px !important;box-shadow:none !important}
.well h4{font-size:14px;margin:0 0 4px}
.alert{border:none !important;border-radius:16px !important;font-size:13px;padding:12px 14px !important}
.alert h4{font-size:14px;margin:0}
.col-md-10.col-md-offset-1{margin-left:0 !important;width:100% !important;padding:0 !important}
form .row>.col-sm-6{background:#f4f6fb;border-radius:20px;padding:12px 14px 14px !important;margin-bottom:10px;width:100%;float:none}
form .row{margin-left:0 !important;margin-right:0 !important}
form h3{font-size:13px !important;font-weight:600;color:#6b7592;margin:0 0 8px !important;display:flex;align-items:center;gap:6px}
form h3 img{width:24px !important;height:24px !important;border-radius:50%}
.input-group{display:flex;width:100%;background:#fff;border-radius:16px;overflow:hidden;border:1.5px solid #e3e8f5}
.input-group:focus-within{border-color:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.15)}
.input-group .form-control.input-lg{border:none !important;box-shadow:none !important;background:transparent !important;height:54px;font-size:22px !important;font-weight:700;color:#1b1f3b;padding:0 14px;flex:1;min-width:0}
.input-group-addon{border:none !important;background:#eef1f9 !important;font-weight:700;font-size:13px !important;color:#333b57;padding:0 12px !important;display:flex;align-items:center;gap:6px;width:auto !important;white-space:nowrap}
.input-group-addon img{width:22px !important;height:22px !important}
small.text-muted{display:block;margin-top:8px;font-size:12px;color:#8791ad !important}
a.limit{background:#fff;border-radius:999px;padding:2px 9px;font-weight:700;color:#16a34a !important;text-decoration:none}
.progress-bar-x{position:relative;height:auto !important;min-height:0 !important;background:#eef1f9 !important;border:none !important;border-radius:12px !important;overflow:hidden;margin:2px 0 0 !important}
.progress-note{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:6px;font-size:12px !important;line-height:1.2 !important;font-weight:700;color:#3b4468;padding:8px 10px 10px !important;text-align:center;white-space:nowrap}
.progress-note #refresh_link{width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(30,41,90,.12)}
.progress-note #refresh_link i{color:#16a34a !important;font-size:11px}
.progress-bar-fill{position:absolute !important;left:0;bottom:0;height:3px !important;border-radius:0 3px 3px 0}
.progress-bar-x+br{display:none !important}
form .row>.col-sm-12>br{display:none !important}
form .row>.col-sm-12{padding-left:0 !important;padding-right:0 !important}
form>.row{margin-bottom:0 !important}
form>.row>.col-sm-6:last-child{margin-bottom:8px}
form hr{display:none}
form p.text-center{margin:10px 0 0 !important;padding:0;display:flex;gap:10px}
form p.text-center .btn{float:none !important;height:52px;border-radius:16px !important;font-weight:700;font-size:16px !important;display:flex;align-items:center;justify-content:center;gap:6px;border:none !important}
form p.text-center .btn-default{flex:0 0 34%;background:#eef1f9;color:#333b57}
form p.text-center .btn-success{flex:1;background:linear-gradient(135deg,#22c55e,#16a34a) !important;color:#fff;box-shadow:0 8px 18px rgba(34,197,94,.4)}
form p.text-center .btn:active{transform:scale(.97)}
.col-md-4 .widget h1{font-size:16px !important;font-weight:700;margin:0 0 10px;color:#1b1f3b}
.col-md-4 .widget h3{font-size:13px !important;margin:8px 0 0 !important;color:#8791ad !important;font-weight:600}
.col-md-4 .widget h3+h3{font-size:18px !important;color:#1b1f3b !important;font-weight:800;margin:2px 0 6px !important}
.widget p.description{line-height:1.6;color:#4b5470}
#ResDialog{z-index:1060 !important}
#ResDialog .modal-dialog{position:fixed !important;left:0;right:0;bottom:0;width:100% !important;margin:0 !important;transform:translate(0,100%);transition:transform .3s ease-out}
#ResDialog.in .modal-dialog{transform:translate(0,0)}
#ResDialog .modal-content{border:none;border-radius:26px 26px 0 0;max-height:88vh;overflow-y:auto;box-shadow:0 -10px 40px rgba(0,0,0,.2)}
#ResDialog .modal-content:before{content:"";display:block;width:44px;height:5px;background:#d5dbe9;border-radius:999px;margin:10px auto 0}
#ResDialog .modal-header{border:none;padding:12px 18px 0}
#ResDialog .modal-title{font-size:17px;font-weight:700}
#ResDialog .modal-body{padding:12px 18px calc(20px + env(safe-area-inset-bottom))}
#ResDialog .form-control{height:48px;border-radius:14px;border:1.5px solid #e3e8f5;box-shadow:none;background:#f4f6fb}
#ResDialog textarea.form-control{height:auto}
#ResDialog .form-control:focus{border-color:#22c55e;background:#fff}
#ResDialog .btn-success{width:100%;height:52px;border-radius:16px;border:none;font-weight:700;background:linear-gradient(135deg,#22c55e,#16a34a)}
}