.site-header {display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px clamp(16px,3.4vw,64px);min-height:78px;box-sizing:border-box;overflow:visible;}
.site-header .header-actions,.site-header .header-preferences,.site-header nav {display:flex;align-items:center;gap:14px;flex-wrap:nowrap;min-width:0;}
.site-header .header-actions {gap:20px;}
.site-header nav {padding-inline:20px;border-inline:1px solid rgba(148,163,184,.16);font-size:14px;}
.site-header .header-preferences {gap:10px;}
.site-header .header-balance {display:flex;align-items:center;gap:9px;padding:5px 6px 5px 12px;height:42px;box-sizing:border-box;border-radius:12px;background:rgba(34,197,94,.06);border:1px solid rgba(74,222,128,.19);box-shadow:none;white-space:nowrap;}
.site-header .header-balance>span {font-size:12px;color:var(--muted,#a5b4c7);}
.site-header .header-balance strong {font-size:14px;color:#6ee7b7;}
.site-header .wallet-topup-plus {width:30px;height:30px;min-width:30px;border-radius:8px;background:rgba(52,211,153,.16);color:#6ee7b7;box-shadow:none;}
.site-header .theme-toggle,.site-header .logout-icon,.site-header .notification-bell {display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;min-width:38px;padding:9px;border:1px solid rgba(148,163,184,.25);border-radius:10px;background:rgba(148,163,184,.06);color:inherit;box-sizing:border-box;cursor:pointer;}
.site-header svg {width:20px;height:20px;flex-shrink:0;}
.site-header .currency-picker,.site-header .language-picker summary {height:38px;box-sizing:border-box;display:flex;align-items:center;border-radius:10px;margin:0;}
.site-header .currency-picker {width:78px;padding:0 9px;font-size:12px;}
.site-header .language-picker summary {padding:0 12px;gap:8px;font-size:13px;white-space:nowrap;}
.site-header form.inline {display:flex;margin:0;}
.notice-anchor {position:relative;}
.notification-bell {position:relative;}
#notification-badge {position:absolute;top:-5px;inset-inline-end:-6px;min-width:18px;padding:1px 4px;border-radius:9px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;line-height:16px;border:2px solid #101c2e;}
[hidden] {display:none!important;}
.notification-panel {position:absolute;top:50px;inset-inline-end:0;width:350px;max-width:calc(100vw - 32px);padding:16px;border:1px solid rgba(148,163,184,.3);border-radius:16px;background:#142238;color:#e5edf8;box-shadow:0 16px 48px #0006;z-index:200;text-align:start;}
.notice-panel-heading,.announcement-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;}
.notice-panel-heading button,.announcement-heading button {width:32px;height:32px;padding:0;background:transparent;border:0;color:inherit;font-size:24px;cursor:pointer;}
#notification-mark-all {background:transparent;border:0;color:#93bbff;font-size:12px;padding:12px 0;cursor:pointer;}
.notice-more{display:block;width:100%;border:1px solid #526782;border-radius:8px;background:transparent;color:inherit;padding:9px;margin-top:8px;cursor:pointer;}
.notice-feedback{font-size:12px;line-height:1.6;color:#fca5a5;}
#notification-list {max-height:360px;overflow:auto;}
.notice-item {display:block;width:100%;padding:12px;text-align:start;color:inherit;border:0;border-radius:9px;background:transparent;cursor:pointer;margin-bottom:4px;}
.notice-item.is-unread {background:rgba(59,130,246,.12);border-inline-start:3px solid #60a5fa;}
.notice-item strong,.notice-item span {display:block;}
.notice-item span {font-size:12px;color:#b2c0d4;line-height:1.6;margin-top:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
#announcement-dialog {width:480px;max-width:calc(100vw - 32px);box-sizing:border-box;border:1px solid #526782;border-radius:20px;padding:26px;background:#17263b;color:#e7effb;box-shadow:0 30px 100px #0008;}
#announcement-dialog::backdrop {background:#020817a8;backdrop-filter:blur(4px);}
#announcement-title {font-size:24px;line-height:1.4;margin:18px 0 12px;overflow-wrap:anywhere;}
#announcement-body {white-space:pre-wrap;line-height:1.75;font-size:14px;max-height:45vh;overflow:auto;overflow-wrap:anywhere;color:#b9c8db;}
.announcement-actions {display:flex;justify-content:flex-end;gap:10px;margin-top:24px;flex-wrap:wrap;}
.announcement-editor label {display:block;margin:14px 0 6px;}
.announcement-editor details {border:1px solid #52678255;border-radius:12px;padding:12px;margin:10px 0;}
.announcement-editor input:not([type=checkbox]),.announcement-editor textarea {display:block;width:100%;box-sizing:border-box;}
.announcement-editor textarea {min-height:130px;}
.announcement-admin-list {margin-top:24px;}
.announcement-admin-row {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #52678255;}
.announcement-admin-row small {display:block;margin-top:6px;}
.announcement-admin-row>div:last-child {display:flex;gap:8px;}
html[data-theme=light] .notification-panel,html[data-theme=light] #announcement-dialog {background:#f6f9ff;color:#15263b;}
html[data-theme=light] #announcement-body,html[data-theme=light] .notice-item span {color:#475569;}
@media(max-width:1100px){.site-header{flex-wrap:wrap;gap:16px;}.site-header .header-actions{margin-inline-start:auto;gap:12px;}.site-header nav{padding-inline:12px;gap:10px;}}
@media(max-width:780px){.site-header{display:grid;grid-template-columns:1fr auto;gap:14px;padding:16px;}.site-header>.cheapotp-brand-logo{grid-column:1;grid-row:1;}.site-header .header-actions{display:contents;}.site-header .header-preferences{grid-column:1 / -1;grid-row:3;justify-content:flex-end;}.site-header .header-balance{grid-column:1;grid-row:2;justify-self:start;}.site-header .notice-anchor{grid-column:2;grid-row:1;}.site-header nav{grid-column:1 / -1;grid-row:4;justify-content:flex-end;border:0;padding:0;flex-wrap:wrap;}.site-header .language-picker summary{min-width:124px;}.notification-panel{position:fixed;top:75px;inset-inline-end:16px;} .announcement-admin-row{align-items:flex-start;flex-wrap:wrap;}}
@media(prefers-reduced-motion:reduce){.cheapotp-status-dot{animation:none!important;}}
@media(max-width:780px){.site-header{gap:12px;}.site-header .header-balance>span{display:none;}.site-header .header-balance{padding-inline-start:8px;height:38px;gap:6px;}.site-header .header-balance strong{font-size:12px;}.site-header nav{grid-column:2;grid-row:2;font-size:11.5px;gap:6px;justify-self:end;white-space:nowrap;}.site-header .header-preferences{justify-content:space-between;}.site-header nav>a{font-size:inherit;}.site-header .header-preferences .language-picker{margin-inline-start:auto;}}
@media(max-width:780px){.site-header .notice-anchor{justify-self:end;}}
@media(max-width:359px){.site-header nav{grid-column:1 / -1;grid-row:3;}.site-header .header-preferences{grid-row:4;}}