:root{
  --hk-turquoise:#00b7c7;
  --hk-turquoise-dark:#00899a;
  --hk-turquoise-deep:#005f73;
  --hk-turquoise-soft:#e6fbfd;
  --hk-ink:#073b4c;
}
body{background:#f4fdff;color:#0f172a}.login-bg{background:radial-gradient(circle at 20% 0%,#b9f6fb 0,#e6fbfd 32%,#f7feff 62%,#edfaff 100%)}
.login-card{border:0;border-radius:28px;overflow:hidden;box-shadow:0 24px 80px rgba(0,137,154,.22)!important}.login-logo{text-align:center;margin-bottom:18px}.login-logo img{height:92px}.login-title{color:var(--hk-turquoise-deep);letter-spacing:-.02em}
.btn-primary,.btn-success{background:linear-gradient(135deg,var(--hk-turquoise),var(--hk-turquoise-dark));border-color:var(--hk-turquoise-dark);box-shadow:0 10px 22px rgba(0,183,199,.25)}
.btn-primary:hover,.btn-success:hover{background:linear-gradient(135deg,var(--hk-turquoise-dark),var(--hk-turquoise-deep));border-color:var(--hk-turquoise-deep)}
.btn-outline-primary{color:var(--hk-turquoise-dark);border-color:var(--hk-turquoise)}.btn-outline-primary:hover{background:var(--hk-turquoise);border-color:var(--hk-turquoise)}
.card{border:0;border-radius:20px;box-shadow:0 10px 32px rgba(0,95,115,.08)}.card-header{background:linear-gradient(135deg,#ffffff,#eefcff);border-bottom:1px solid #d8f7fa;color:var(--hk-turquoise-deep);font-weight:700;border-top-left-radius:20px!important;border-top-right-radius:20px!important}.small-box{border-radius:20px}.ai-output{white-space:pre-wrap;background:#073b4c;color:#e6fbfd;padding:18px;border-radius:16px;min-height:180px}
.app-sidebar{background:linear-gradient(180deg,#005f73,#00899a 55%,#00b7c7)!important}.brand-text{font-weight:800!important;color:white}.brand-link{gap:.55rem}.brand-image-hk{height:34px;width:34px}.app-header{border-bottom:1px solid #d8f7fa;background:#ffffffcc!important;backdrop-filter:blur(14px)}.app-footer{background:#ffffff;border-top:1px solid #d8f7fa;color:var(--hk-turquoise-deep)}
.sidebar-menu .nav-link.active,.sidebar-menu .nav-link:hover{background:rgba(255,255,255,.18)!important;color:#fff!important;border-radius:14px}.badge.text-bg-light{background:#e6fbfd!important;color:#005f73!important}.watermarked-preview{position:relative;overflow:hidden;border-radius:16px}.watermarked-preview:after{content:'SmileDesignHK';position:absolute;right:12px;bottom:10px;color:white;background:rgba(0,95,115,.68);padding:4px 9px;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.02em}.generated-smile-img{width:100%;border-radius:16px;border:1px solid #c5f3f7;box-shadow:0 12px 30px rgba(0,95,115,.12)}
.table thead th{color:#005f73}.dataTables_wrapper .dt-buttons .btn{border-radius:12px}.form-control:focus,.form-select:focus{border-color:var(--hk-turquoise);box-shadow:0 0 0 .2rem rgba(0,183,199,.18)}