/* User dashboard — BCMaker */
.user-account-strip {background:#f0f7ff;border-bottom:1px solid #d9e9fa;}
.user-account-strip-inner {min-height:43px;display:flex;justify-content:space-between;align-items:center;gap:12px;}
.user-account-strip-inner span {display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:750;color:#315981;}
.user-account-strip-inner .icon {width:15px;height:15px;color:#1683f8;}
.user-account-strip-inner a {font-size:12px;color:#087aff;font-weight:700;}
.user-main {background:linear-gradient(155deg,#f1f8ff 0%,#fbfdff 52%,#fff 100%);padding-bottom:72px;}
.user-page-intro {padding:38px 0 26px;background:radial-gradient(circle at 92% -15%,rgba(23,132,255,.10),transparent 45%);}
.user-breadcrumb {display:flex;align-items:center;gap:10px;font-size:12px;color:#6a84a5;margin-bottom:17px;}
.user-breadcrumb a {font-weight:700;color:#0674e9;}
.user-intro-row {display:flex;justify-content:space-between;align-items:center;gap:20px;}
.user-page-intro h1 {font-size:clamp(33px,4vw,48px);letter-spacing:-1.45px;line-height:1.13;margin:5px 0 8px;}
.user-page-intro h1 span {color:#087aff;}
.user-page-intro p {font-size:15px;color:#5b7697;margin:0;}
.user-demo-label {padding:8px 13px;border-radius:100px;background:#e6f1ff;color:#2669ac;border:1px solid #cde2fa;font-size:12px;white-space:nowrap;font-weight:700;}
.user-dashboard {display:flex;flex-direction:column;gap:29px;}
.user-profile-card,.user-plan-card {background:#fff;border:1px solid #d9e9fb;border-radius:16px;box-shadow:0 12px 30px rgba(25,91,162,.055);}
.user-profile-card {padding:25px 28px 28px;}
.user-profile-header {display:flex;align-items:center;gap:13px;padding-bottom:20px;border-bottom:1px solid #e5eef8;}
.user-avatar {width:49px;height:49px;display:grid;place-items:center;flex:none;border-radius:14px;color:#1687fc;background:linear-gradient(140deg,#e0efff,#f0f7ff);}
.user-avatar .icon {width:25px;height:25px;}
.user-profile-header h2 {margin:0 0 2px;font-size:19px;letter-spacing:-.35px;}
.user-profile-header p {font-size:12px;color:#758ba7;margin:0;}
.user-profile-action {margin-left:auto;color:#0879ed;font-size:13px;font-weight:750;white-space:nowrap;}
.user-profile-action:hover,.user-inline-link:hover,.user-help-link:hover {text-decoration:underline;text-underline-offset:3px;}
.user-profile-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:20px 0 0;}
.user-profile-grid>div {min-width:0;background:#f6faff;border:1px solid #e7f0fc;border-radius:10px;padding:13px 17px;}
.user-profile-grid dt {font-size:12px;color:#657e9d;margin-bottom:5px;}
.user-profile-grid dd {margin:0;word-break:break-word;font-size:14px;font-weight:720;color:#123b6d;}
.user-plans-heading {display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:1px;}
.user-plans-heading h2 {font-size:25px;letter-spacing:-.7px;margin:0 0 5px;}
.user-plans-heading p {color:#68819f;font-size:13px;margin:0;}
.user-plans-heading .button {flex:none;font-size:13px;min-height:39px;padding:9px 15px;}
.user-plans-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.user-plan-card {min-width:0;overflow:hidden;}
.user-plan-head {display:flex;justify-content:space-between;align-items:center;gap:12px;background:linear-gradient(112deg,#f6faff,#ecf5ff);padding:17px 20px;border-bottom:1px solid #e1edf9;}
.user-plan-title {display:flex;align-items:center;min-width:0;gap:12px;}
.user-plan-image {display:grid;place-items:center;background:#fff;border-radius:10px;border:1px solid #deebf9;width:56px;height:52px;flex:none;padding:7px;}
.user-plan-image img {width:100%;height:100%;object-fit:contain;}
.user-plan-head h2 {font-size:18px;letter-spacing:-.3px;margin:0;line-height:1.2;}
.user-plan-hint {font-size:11px;color:#728aa8;}
.user-plan-status {font-size:10px;border-radius:100px;padding:5px 9px;background:#e7f2ff;color:#177be3;border:1px solid #cfe4fc;white-space:nowrap;font-weight:700;}
.user-plan-body {padding:19px 20px 18px;}
.usage-stats {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.usage-stats>div {display:flex;flex-direction:column;gap:4px;}
.usage-label {color:#6c829e;font-size:12px;}
.usage-stats strong {font-size:25px;line-height:1.15;letter-spacing:-.6px;color:#12396b;font-variant-numeric:tabular-nums;}
.usage-stats>div:last-child strong {color:#087aff;}
.user-plan-progress {height:6px;border-radius:100px;overflow:hidden;background:#e7f0fb;margin:17px 0 18px;}
.user-plan-progress>span {display:block;height:100%;background:linear-gradient(90deg,#25b4ff,#087aff);border-radius:100px;}
.user-plan-meta {display:flex;align-items:center;justify-content:space-between;gap:13px;padding-bottom:17px;border-bottom:1px solid #e7eff8;}
.user-plan-meta>div {display:flex;flex-direction:column;gap:4px;}
.user-plan-meta>div span {font-size:12px;color:#6a829d;}
.user-plan-meta strong {font-size:14px;color:#173d6c;}
.user-inline-link {color:#087aff;white-space:nowrap;font-size:13px;font-weight:750;}
.user-url-label {display:block;margin:17px 0 7px;font-size:12px;color:#244e7e;font-weight:700;}
.user-url-control {display:flex;gap:8px;align-items:stretch;}
.user-url-control textarea {width:100%;min-width:0;resize:vertical;max-height:140px;min-height:62px;padding:11px;border-radius:8px;border:1px solid #c9dff7;background:#f9fcff;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.42;color:#365779;}
.user-copy {align-self:flex-start;display:grid;place-items:center;width:41px;height:41px;flex:0 0 41px;border:1px solid #cbdff8;border-radius:9px;background:#ecf5ff;color:#087aff;}
.user-copy:hover:not(:disabled) {background:#dfedff;}
.user-copy:disabled {cursor:not-allowed;opacity:.48;}
.user-copy .icon {height:18px;width:18px;}
.user-help-link {display:inline-flex;gap:5px;align-items:center;font-size:13px;font-weight:700;color:#087aff;margin-top:12px;}
.user-help-link .icon {width:15px;height:15px;}
.user-demo-note {font-size:12px;color:#697f99;line-height:1.5;margin:-9px 0 0;}
@media (max-width:920px) {.user-plans-grid {grid-template-columns:1fr;} .user-page-intro {padding-top:26px;} }
@media (max-width:660px) {.user-main {padding-bottom:45px;} .user-page-intro {padding-bottom:20px;} .user-intro-row {align-items:flex-start;flex-direction:column;gap:12px;} .user-page-intro p {font-size:13px;} .user-profile-card {padding:18px 16px 20px;} .user-profile-header {gap:9px;flex-wrap:wrap;} .user-profile-header h2 {font-size:17px;} .user-profile-action {width:100%;margin:4px 0 0;} .user-profile-grid {grid-template-columns:1fr;gap:9px;margin-top:14px;} .user-profile-grid>div {padding:10px 13px;} .user-plans-heading {align-items:flex-start;flex-direction:column;gap:12px;} .user-plans-heading h2 {font-size:22px;} .user-plans-grid {gap:12px;} .user-plan-head {padding:13px;} .user-plan-head h2 {font-size:16px;} .user-plan-image {height:45px;width:48px;} .user-plan-body {padding:15px;} .user-plan-status {font-size:9px;} .user-plan-meta {flex-wrap:wrap;} .usage-stats strong {font-size:23px;} }

.usage-stats{grid-template-columns:repeat(3,minmax(0,1fr))}

.user-copy-notice{position:fixed;right:24px;bottom:24px;z-index:2000;max-width:calc(100vw - 32px);padding:16px 24px;background:#125b3b;color:#fff;border:1px solid #308463;border-radius:12px;box-shadow:0 10px 35px #071b4333;font-size:15px;font-weight:650;line-height:1.5}.user-copy-notice[hidden]{display:none}.user-copy-notice.is-error{background:#854514;border-color:#aa6e3c}@media(max-width:600px){.user-copy-notice{left:16px;right:16px;bottom:16px;text-align:center}}

.user-plan-progress span.is-warning{background:#ed941c}.user-plan-progress span.is-danger{background:#dc3c43}