:root {
    --ink: #14251d;
    --ink-soft: #263a30;
    --forest: #12231b;
    --forest-2: #1b3328;
    --lime: #dfff72;
    --lime-strong: #c9f25b;
    --paper: #f5f4ee;
    --white: #fff;
    --line: #dce0d8;
    --muted: #718078;
    --danger: #b84a45;
    --danger-bg: #fff0ee;
    --success: #39785c;
    --shadow: 0 24px 70px rgba(20, 37, 29, .11);
    --radius: 22px;
}

/* Referral rewards */
.referral-hero{background:linear-gradient(135deg,#10261d 0%,#1c4434 100%);color:#fff;padding:72px 0 62px;overflow:hidden}
.referral-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:56px;align-items:center}
.referral-hero h1{font-size:clamp(42px,5.4vw,72px);line-height:1.06;letter-spacing:-.055em;margin:15px 0 22px}
.referral-hero h1 em{color:#c9f36a;font-style:normal}
.referral-hero p{font-size:19px;line-height:1.72;color:rgba(255,255,255,.78);max-width:680px}
.referral-rule-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:22px;padding:26px;box-shadow:0 24px 70px rgba(0,0,0,.18)}
.referral-rule-card>strong{display:block;font-size:18px;margin-bottom:16px}
.referral-rule-card dl{display:grid;gap:10px}
.referral-rule-card dl div{display:flex;justify-content:space-between;gap:20px;padding:14px 16px;background:rgba(0,0,0,.16);border-radius:12px}
.referral-rule-card dt{color:rgba(255,255,255,.75)}
.referral-rule-card dd{font-weight:800;color:#c9f36a}
.referral-main{padding:52px 0 100px;background:#f5f7f3;min-height:560px}
.referral-danger{display:grid;grid-template-columns:220px 1fr;gap:28px;background:#fff0ed;border:2px solid #d9493f;border-radius:16px;padding:23px 26px;margin-bottom:30px;color:#812d28}
.referral-danger strong{font-size:18px}.referral-danger p{line-height:1.7;margin:0}
.referral-login-card{display:flex;align-items:center;gap:24px;background:#fff;border:1px solid #dce3dc;border-radius:20px;padding:32px;box-shadow:0 12px 40px rgba(20,37,29,.07)}
.referral-login-card>span{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;background:#eaf5c8;color:#183727;font-size:28px;font-weight:900}
.referral-login-card div{flex:1}.referral-login-card h2{font-size:25px;margin:0 0 7px}.referral-login-card p{color:#68746e;margin:0}
.referral-entry-notice{display:flex;flex-direction:column;gap:4px;background:#eef8d6;border:1px solid #bcd85d;border-radius:12px;padding:14px 16px;color:#2d461c;margin-bottom:18px}
.referral-entry-notice strong{font-size:15px}.referral-entry-notice span{font-size:13px;line-height:1.5}
.referral-dashboard{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:24px}
.referral-link-panel,.referral-credit-card{background:#fff;border:1px solid #dce3dc;border-radius:20px;padding:30px;box-shadow:0 12px 40px rgba(20,37,29,.06)}
.referral-link-panel h2{font-size:28px;letter-spacing:-.035em;margin:8px 0 10px}.referral-link-panel>p{color:#65726b;line-height:1.65;margin-bottom:21px}
.referral-copy-row{display:flex;border:1px solid #b7c4bd;border-radius:12px;overflow:hidden;background:#f8faf8}
.referral-copy-row input{min-width:0;flex:1;border:0;background:transparent;padding:15px 16px;font-size:15px;color:#27372f;outline:0}
.referral-copy-row button{border:0;background:#173a2a;color:#fff;padding:0 22px;font-weight:800;cursor:pointer;white-space:nowrap}
.referral-copy-row button:focus-visible{outline:3px solid #c9f36a;outline-offset:-4px}
.referral-blocked-state{background:#fff0ed;border:1px solid #d9493f;border-radius:14px;padding:20px;color:#7c2d28}
.referral-blocked-state strong{display:block;font-size:19px;margin-bottom:8px}.referral-blocked-state p{font-weight:700;margin:0 0 5px}.referral-blocked-state span{font-size:14px;line-height:1.5}
.referral-credit-card{background:#173a2a;color:#fff;display:flex;flex-direction:column;justify-content:center}
.referral-credit-card>span{color:#c8d7cf;font-weight:700}.referral-credit-card strong{font-size:72px;line-height:1;margin:16px 0 12px;color:#c9f36a}.referral-credit-card strong em{font-size:23px;font-style:normal;margin-left:6px}.referral-credit-card p{color:#b9c8c0;line-height:1.55;margin-bottom:18px}.referral-credit-card a{color:#fff;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.referral-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0 46px}
.referral-stats div{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #dce3dc;border-radius:14px;padding:20px 22px}.referral-stats span{color:#66736c;font-weight:700}.referral-stats strong{font-size:25px;color:#173a2a}
.referral-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.referral-section-head h2{font-size:30px;margin:7px 0 0}.referral-section-head>span{color:#7b8881;font-size:14px}
.referral-history .empty-state{background:#fff;border:1px solid #dce3dc;border-radius:18px}
.referral-history-table{overflow:auto;background:#fff;border:1px solid #dce3dc;border-radius:16px}.referral-history-table table{width:100%;border-collapse:collapse;min-width:680px}.referral-history-table th,.referral-history-table td{padding:17px 20px;text-align:left;border-bottom:1px solid #e5eae6}.referral-history-table th{background:#eff3ef;font-size:13px;color:#536159}.referral-history-table td{font-size:15px}.referral-history-table td small,.referral-admin-table td small{display:block;margin-top:5px;color:#8b4c47}
.referral-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;white-space:nowrap}.referral-status.status-rewarded{background:#e6f5ce;color:#355d16}.referral-status.status-rejected{background:#ffe1dd;color:#9b342d}
.referral-admin-stats{margin-bottom:18px}.referral-admin-table{margin-bottom:18px}.referral-admin-table form{margin:0}.referral-admin-table .admin-close-button{white-space:nowrap}

@media (max-width:900px){.referral-hero-grid,.referral-dashboard{grid-template-columns:1fr}.referral-hero-grid{gap:30px}.referral-rule-card{max-width:none}.referral-danger{grid-template-columns:1fr;gap:8px}.referral-login-card{align-items:flex-start;flex-wrap:wrap}.referral-login-card .button{width:100%}.referral-stats{grid-template-columns:1fr}.referral-main{padding:34px 0 70px}}
@media (max-width:560px){.referral-hero{padding:52px 0 45px}.referral-hero h1{font-size:40px}.referral-hero p{font-size:16px}.referral-rule-card,.referral-link-panel,.referral-credit-card{padding:22px}.referral-danger{padding:19px}.referral-copy-row{flex-direction:column}.referral-copy-row button{padding:14px}.referral-credit-card strong{font-size:60px}.referral-section-head{align-items:flex-start;flex-direction:column;gap:5px}}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Pretendard, "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; -webkit-font-smoothing: antialiased; }
body.modal-open { overflow: hidden; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
.container { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
.skip-link { position: fixed; z-index: 999; left: 16px; top: -80px; padding: 12px 18px; color: #fff; background: var(--forest); border-radius: 8px; font-weight: 800; transition: top .2s; }
.skip-link:focus { top: 14px; }
:focus-visible { outline: 3px solid #8aac2a; outline-offset: 3px; }
main:focus { outline: 0; }

.site-header { position: sticky; top: 0; z-index: 80; height: 76px; background: #f5f4ee; border-bottom: 1px solid rgba(20,37,29,.08); }
.header-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-weight: 900; font-size: 20px; letter-spacing: -.06em; }
.brand-mark { position: relative; width: 31px; height: 25px; display: inline-block; }
.brand-mark i { position: absolute; width: 20px; height: 13px; border: 3px solid currentColor; border-radius: 12px; transform: rotate(-34deg); }
.brand-mark i:first-child { left: 0; top: 8px; border-right-color: transparent; }
.brand-mark i:last-child { right: 0; top: 2px; border-left-color: transparent; }
.main-nav { display: flex; align-items: center; gap: 22px; font-size: 14px; font-weight: 700; }
.main-nav > a:not(.button), .nav-link { opacity: .75; transition: .2s; }
.main-nav > a:not(.button):hover, .nav-link:hover { opacity: 1; }
.nav-link { border: 0; background: none; padding: 0; cursor: pointer; }
.logout-form { margin: 0; }
.mypage-link { position: relative; }
.nav-notification { min-width: 18px; height: 18px; margin-left: 5px; padding: 0 5px; display: inline-flex; align-items: center; justify-content: center; color: var(--forest); background: var(--lime); border-radius: 10px; font-size: 8px; font-weight: 900; }
.mobile-menu-button { display: none; border: 0; background: none; width: 42px; height: 42px; padding: 10px; }
.mobile-menu-button span { display: block; width: 22px; height: 2px; background: var(--ink); margin: 5px 0; }
.restriction-banner { position: relative; z-index: 75; color: #fff; background: #9e423e; padding: 10px 0; font-size: 13px; }
.restriction-banner .container { display: flex; gap: 13px; align-items: center; }
.restriction-banner strong { padding: 3px 8px; color: #8f322e; background: #fff; border-radius: 5px; font-size: 11px; }

.button { min-height: 49px; padding: 0 22px; display: inline-flex; align-items: center; justify-content: center; gap: 16px; border: 1px solid transparent; border-radius: 9px; font-weight: 800; font-size: 14px; cursor: pointer; transition: transform .2s, box-shadow .2s, background .2s; }
.button:hover { transform: translateY(-2px); }
.button:disabled { opacity: .46; cursor: not-allowed; transform: none; }
.button-small { min-height: 42px; padding: 0 18px; }
.button-large { min-height: 58px; font-size: 15px; }
.button-full { width: 100%; }
.button-dark { color: #fff; background: var(--forest); }
.button-dark:hover { background: #203b2e; box-shadow: 0 11px 28px rgba(18,35,27,.2); }
.button-lime { color: var(--forest); background: var(--lime); }
.button-lime:hover { background: #e8ff96; box-shadow: 0 12px 32px rgba(201,242,91,.18); }
.button-lime-dark { color: var(--forest); background: var(--lime-strong); }
.button-outline { border-color: #ccd4ce; background: #fff; }
.button-outline:hover { border-color: var(--ink); }
.button-outline-light { color: #fff; border-color: rgba(255,255,255,.35); background: transparent; }

.eyebrow { display: inline-flex; align-items: center; gap: 9px; color: #6e7d75; font-size: 10px; font-weight: 900; letter-spacing: .2em; }
.eyebrow:before { content: ""; width: 22px; height: 1px; background: currentColor; }
.eyebrow.light { color: var(--lime); }

.hero { position: relative; overflow: hidden; color: #fff; background: var(--forest); padding: 94px 0 0; }
.hero:after { content: ""; position: absolute; right: -9%; top: -33%; width: 620px; height: 620px; border-radius: 50%; background: radial-gradient(circle, rgba(223,255,114,.09), transparent 66%); }
.hero-orbit { position: absolute; border: 1px solid rgba(223,255,114,.08); border-radius: 50%; }
.orbit-one { width: 540px; height: 540px; right: 2%; top: 25px; }
.orbit-two { width: 330px; height: 330px; right: 10%; top: 128px; }
.hero-grid { min-height: 405px; display: grid; grid-template-columns: 1fr .92fr; align-items: center; gap: 80px; position: relative; z-index: 2; }
.hero-copy h1 { margin: 23px 0 22px; font-size: clamp(48px, 5.1vw, 70px); line-height: 1.1; letter-spacing: -.075em; }
.hero-copy h1 em { color: var(--lime); font-style: normal; }
.hero-copy > p { margin: 0; color: #aebbb4; font-size: 16px; line-height: 1.8; }
.hero-actions { display: flex; align-items: center; gap: 31px; margin-top: 34px; }
.text-link { padding: 10px 0; font-size: 13px; font-weight: 800; border-bottom: 1px solid rgba(255,255,255,.28); }
.text-link span { margin-left: 9px; color: var(--lime); }
.hero-visual { height: 345px; position: relative; display: flex; align-items: center; justify-content: center; }
.visual-ring { position: absolute; width: 315px; height: 315px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; }
.visual-ring:before, .visual-ring:after { content: ""; position: absolute; width: 9px; height: 9px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 18px var(--lime); }
.visual-ring:before { top: 25px; left: 75px; }
.visual-ring:after { right: 27px; bottom: 62px; }
.visual-center { position: relative; z-index: 2; width: 168px; height: 168px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; background: var(--lime); color: var(--forest); box-shadow: 0 0 0 15px rgba(223,255,114,.06), 0 28px 70px rgba(0,0,0,.2); }
.visual-center .loop-arrow { position: absolute; top: 27px; right: 31px; font-size: 20px; }
.visual-center strong { font-size: 48px; letter-spacing: -.07em; line-height: 1; }
.visual-center small { margin-top: 7px; font-size: 8px; font-weight: 900; letter-spacing: .17em; }
.visual-card { position: absolute; z-index: 3; width: 140px; height: 132px; border: 1px solid rgba(255,255,255,.14); border-radius: 16px; padding: 18px; background: rgba(31,56,44,.86); box-shadow: 0 22px 45px rgba(0,0,0,.18); backdrop-filter: blur(10px); }
.visual-card span { display: block; margin-bottom: 25px; color: var(--lime); font-size: 11px; font-weight: 900; }
.visual-card strong, .visual-card small { display: block; }
.visual-card strong { font-size: 15px; }
.visual-card small { margin-top: 8px; color: #7e9187; font-size: 7px; letter-spacing: .15em; }
.visual-card-left { left: 0; top: 38px; transform: rotate(-5deg); }
.visual-card-right { right: 2px; bottom: 29px; transform: rotate(5deg); }
.hero-stats { position: relative; z-index: 3; min-height: 106px; display: grid; grid-template-columns: repeat(3, 1fr) 1.42fr; align-items: center; border-top: 1px solid rgba(255,255,255,.1); }
.hero-stats > div { min-height: 52px; padding: 0 30px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255,255,255,.1); }
.hero-stats > div:first-child { padding-left: 0; }
.hero-stats strong { font-size: 26px; letter-spacing: -.04em; }
.hero-stats span { color: #85968d; font-size: 11px; margin-top: 3px; }
.hero-stats .stat-promise { flex-direction: row; align-items: center; gap: 15px; border: 0; }
.stat-promise span { line-height: 1.55; }
.stat-promise b { color: var(--lime); }
.pulse-dot { flex: 0 0 auto; width: 10px; height: 10px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 7px rgba(223,255,114,.08); animation: pulse 2s infinite; }
@keyframes pulse { 50% { box-shadow: 0 0 0 12px rgba(223,255,114,0); } }

.register-section { padding: 110px 0; background: #eeeee7; }
.register-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 110px; align-items: center; }
.section-heading h2 { margin: 19px 0 20px; font-size: clamp(36px, 4vw, 53px); line-height: 1.16; letter-spacing: -.07em; }
.section-heading > p { color: var(--muted); line-height: 1.8; font-size: 14px; }
.section-heading.centered { text-align: center; }
.section-heading.centered .eyebrow { justify-content: center; }
.example-link { margin-top: 43px; padding: 17px 18px; border-left: 2px solid var(--ink); background: rgba(255,255,255,.52); }
.example-link span, .example-link code, .example-link small { display: block; }
.example-link span { margin-bottom: 8px; color: #839087; font-size: 9px; font-weight: 900; letter-spacing: .15em; }
.example-link code { font-family: inherit; font-size: 12px; }
.example-link code b { color: #4e7a49; }
.example-link small { margin-top: 7px; color: var(--muted); font-size: 10px; }
.form-card, .request-form { padding: 42px 46px 34px; border: 1px solid #e2e5de; border-radius: var(--radius); background: #fff; box-shadow: var(--shadow); }
.form-card-head { margin-bottom: 28px; }
.step-chip { display: inline-flex; padding: 6px 9px; color: #54685c; background: #ebefe9; border-radius: 5px; font-size: 9px; font-weight: 900; letter-spacing: .12em; }
.form-card h3, .sidebar-head h2 { margin: 12px 0 6px; font-size: 25px; letter-spacing: -.05em; }
.form-card-head p, .sidebar-head p { margin: 0; color: var(--muted); font-size: 12px; }
.field { position: relative; display: block; margin: 0 0 20px; }
.field > span:first-child { display: flex; align-items: center; min-height: 20px; margin-bottom: 8px; font-size: 12px; font-weight: 800; }
.field > span:first-child b { margin-left: 6px; color: #789549; font-size: 9px; }
.field > span:first-child small { margin-left: 6px; color: #9da79f; font-size: 9px; }
.input-wrap { position: relative; min-height: 52px; display: flex; align-items: center; border: 1px solid #d9ded8; border-radius: 8px; background: #fafbf9; transition: .2s; }
.input-wrap:focus-within { border-color: #67856e; background: #fff; box-shadow: 0 0 0 3px rgba(103,133,110,.09); }
.input-wrap > i { width: 45px; text-align: center; color: #78877f; font-style: normal; font-size: 15px; }
.input-wrap input { width: 100%; height: 50px; min-width: 0; border: 0; outline: 0; padding: 0 14px; background: transparent; color: var(--ink); font-size: 13px; }
.input-wrap select { width: 100%; height: 50px; border: 0; outline: 0; padding: 0 14px; color: var(--ink); background: transparent; font-size: 13px; }
.input-wrap > i + input { padding-left: 0; }
.input-wrap input::placeholder, textarea::placeholder { color: #aab2ad; }
.store-id-preview { flex: 0 0 auto; margin-right: 10px; padding: 6px 8px; color: #8b968f; background: #eef1ed; border-radius: 5px; font-style: normal; font-size: 9px; font-weight: 700; }
.store-id-preview.found { color: #315d43; background: #e2f1e5; }
.field-hint { display: block; margin-top: 6px; color: #8e9992; font-size: 10px; }
.field-error { display: none; margin-top: 6px; color: var(--danger); font-size: 10px; }
.field.has-error .field-error { display: block; }
.field.has-error .input-wrap, .field.has-error textarea { border-color: #d58a86; }
.field textarea { width: 100%; resize: vertical; min-height: 90px; padding: 14px; border: 1px solid #d9ded8; border-radius: 8px; outline: 0; background: #fafbf9; color: var(--ink); font-size: 12px; line-height: 1.65; }
.field textarea:focus { border-color: #67856e; background: #fff; box-shadow: 0 0 0 3px rgba(103,133,110,.09); }
.char-count { position: absolute; right: 10px; bottom: 8px; color: #9da69f; font-size: 9px; }
.char-count i { font-style: normal; }
.input-suffix input { padding-right: 4px; }
.input-suffix em { flex: 0 0 auto; padding-right: 14px; color: #7e8a83; font-style: normal; font-size: 11px; }
.check-field { position: relative; display: flex; gap: 11px; align-items: flex-start; margin: 24px 0; cursor: pointer; }
.check-field input { position: absolute; opacity: 0; }
.custom-check { flex: 0 0 auto; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; border: 1px solid #c5cdc7; border-radius: 5px; color: transparent; background: #fff; font-size: 11px; }
.check-field input:checked + .custom-check { color: #fff; border-color: var(--forest); background: var(--forest); }
.check-field input:focus-visible + .custom-check { outline: 3px solid #8aac2a; outline-offset: 3px; }
.check-field > .custom-check + span { color: #65736b; font-size: 10px; line-height: 1.65; }
.check-field .check-error { position: absolute; top: 100%; left: 37px; margin-top: 4px; }
.check-field.has-error { margin-bottom: 42px; }
.check-field.has-error .field-error { display: block; }
.check-field.has-error .custom-check { border-color: #d58a86; }
.inline-policy { border: 0; padding: 0; color: var(--ink); background: none; text-decoration: underline; cursor: pointer; font-size: inherit; font-weight: 800; }
.agreement-policy-link { display: inline-block; margin: -10px 0 20px 31px; color: #3d5948; font-size: 10px; font-weight: 850; text-decoration: underline; text-underline-offset: 3px; }
.secure-note { margin: 15px 0 0; color: #8a958e; text-align: center; font-size: 9px; }
.secure-note span { margin-right: 5px; }
.abuse-warning { margin: -8px 0 22px; padding: 15px 16px; color: #982f2b; border: 1px solid #e6aaa6; border-left: 4px solid #bd3c36; border-radius: 7px; background: #fff0ee; }
.abuse-warning strong { display: block; margin-bottom: 5px; font-size: 12px; }
.abuse-warning p { margin: 0; font-size: 10px; font-weight: 700; line-height: 1.7; }
.policy-danger-section { color: #9b312d; border-color: #e7aaa6 !important; background: #fff1ef !important; }
.policy-danger-section .policy-number { color: #b43c36 !important; }
.login-help-link { display: block; margin: 16px 0 0; color: #566c5d; text-align: center; font-size: 10px; font-weight: 800; text-decoration: underline; }

.support-hero { padding: 75px 0; color: #fff; background: var(--forest); }
.support-heading { max-width: 800px; }
.support-heading h1 { margin: 18px 0 13px; font-size: 48px; letter-spacing: -.065em; }
.support-heading p { max-width: 660px; margin: 0; color: #a4b2aa; font-size: 14px; line-height: 1.8; }
.support-main { padding: 75px 0 110px; background: #eef0eb; }
.support-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 26px; align-items: start; }
.support-card { padding: 36px; border: 1px solid #e0e5de; border-radius: 18px; background: #fff; box-shadow: 0 18px 55px rgba(20,37,29,.08); }
.support-card h2 { margin: 12px 0 7px; font-size: 25px; letter-spacing: -.05em; }
.support-card > p { margin: 0 0 27px; color: var(--muted); font-size: 11px; line-height: 1.7; }
.support-side { display: grid; gap: 20px; }
.privacy-mini { margin: -4px 0 19px; padding: 11px 13px; color: #748178; border-radius: 6px; background: #f2f4f1; font-size: 9px; line-height: 1.65; }
.ticket-result { padding: 27px; border: 1px solid #cfd8d0; border-radius: 16px; background: #fff; box-shadow: 0 18px 55px rgba(20,37,29,.07); }
.ticket-result-head { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.ticket-result-head > div span { display: block; color: #8a968f; font-size: 8px; }
.ticket-result-head > div strong { display: block; margin-top: 4px; font-family: Consolas, monospace; font-size: 15px; letter-spacing: .08em; }
.ticket-status { display: inline-flex; padding: 6px 9px; border-radius: 15px; color: #6d5a22; background: #fff4c8; font-size: 8px; font-weight: 900; }
.ticket-status.status-answered { color: #2e6749; background: #def0e3; }
.ticket-status.status-closed { color: #6b7470; background: #e8ebe9; }
.ticket-result h2 { margin: 25px 0 7px; font-size: 21px; }
.ticket-meta { margin: 0 0 22px; color: #849087; font-size: 9px; }
.ticket-message, .ticket-answer { padding: 16px; border-radius: 8px; background: #f3f5f2; }
.ticket-answer { margin-top: 10px; color: #d9e5dd; background: var(--forest); }
.ticket-message strong, .ticket-answer strong { font-size: 10px; }
.ticket-message p, .ticket-answer p { margin: 8px 0 0; font-size: 11px; line-height: 1.75; }
.ticket-answer time { display: block; margin-top: 9px; color: #819288; font-size: 8px; }

.admin-auth { min-height: 680px; }
.admin-hero { padding: 55px 0; color: #fff; background: var(--forest); }
.admin-head { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.admin-head h1 { margin: 15px 0 7px; font-size: 40px; letter-spacing: -.06em; }
.admin-head p { margin: 0; color: #91a198; font-size: 11px; }
.admin-main { padding: 45px 0 110px; background: #eef0eb; }
.admin-stats { display: grid; grid-template-columns: repeat(3,1fr); margin-bottom: 50px; border: 1px solid #d8ddd7; border-radius: 13px; background: #fff; }
.admin-stats div { padding: 22px; border-right: 1px solid #e1e4e0; }
.admin-stats div:last-child { border: 0; }
.admin-stats span { display: block; color: #7f8c84; font-size: 9px; }
.admin-stats strong { display: block; margin-top: 6px; font-size: 28px; }
.admin-section-head { display: flex; align-items: flex-end; justify-content: space-between; margin: 0 0 20px; }
.admin-section-head h2 { margin: 10px 0 0; font-size: 30px; letter-spacing: -.055em; }
.admin-section-head > span { color: #839087; font-size: 9px; }
.admin-ticket-list { display: grid; gap: 16px; }
.admin-ticket { padding: 27px; border: 1px solid #dce1db; border-radius: 14px; background: #fff; }
.admin-ticket > header { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 18px; border-bottom: 1px solid #e8ebe7; }
.admin-ticket > header > div { display: flex; align-items: center; gap: 10px; }
.admin-ticket > header strong { font-size: 14px; }
.admin-ticket > header small, .admin-ticket > header time { color: #89958e; font-size: 8px; }
.admin-ticket-data { display: grid; grid-template-columns: repeat(4,1fr); margin: 18px 0; padding: 14px; border-radius: 8px; background: #f3f5f2; }
.admin-ticket-data div { min-width: 0; padding: 0 12px; border-right: 1px solid #dfe4de; }
.admin-ticket-data div:last-child { border: 0; }
.admin-ticket-data dt { color: #89958e; font-size: 8px; }
.admin-ticket-data dd { margin: 5px 0 0; overflow: hidden; text-overflow: ellipsis; font-size: 10px; white-space: nowrap; }
.admin-ticket-message { padding: 15px; border-left: 3px solid #879c8e; background: #f7f8f6; }
.admin-ticket-message strong { font-size: 9px; }
.admin-ticket-message p { margin: 7px 0 0; font-size: 11px; line-height: 1.75; }
.admin-ticket-actions { display: grid; grid-template-columns: 1fr 310px; gap: 20px; margin-top: 20px; }
.admin-reply-form { display: flex; align-items: flex-end; gap: 10px; }
.admin-reply-form .field { flex: 1; margin: 0; }
.admin-reply-form .button { flex: 0 0 auto; }
.admin-side-actions { display: grid; gap: 8px; }
.admin-side-actions .field { margin-bottom: 8px; }
.admin-verify-note { margin: -2px 0 9px; color: #a43d38; font-size: 8px; font-weight: 800; }

/* Dedicated reflection operations page */
.activities-gateway { padding: 95px 0; color: #fff; background: #0a1811; }
.activities-gateway-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; align-items: center; }
.activities-gateway h2 { margin: 18px 0; font-size: 45px; line-height: 1.18; letter-spacing: -.065em; }
.activities-gateway p { margin: 0 0 29px; color: #91a198; font-size: 13px; line-height: 1.8; }
.gateway-terminal { overflow: hidden; border: 1px solid #2c4839; border-radius: 12px; background: #07130d; box-shadow: 0 30px 70px rgba(0,0,0,.25); font-family: Consolas, monospace; }
.gateway-terminal > div { min-height: 42px; padding: 0 17px; display: flex; align-items: center; gap: 9px; color: #708478; border-bottom: 1px solid #263f33; background: #0d2016; font-size: 8px; }
.gateway-terminal > div span { width: 7px; height: 7px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 10px var(--lime); }
.gateway-terminal > div b { color: var(--lime); letter-spacing: .08em; }
.gateway-terminal > div em { margin-left: auto; color: #6f8f79; font-style: normal; }
.gateway-terminal > p { margin: 0; padding: 19px 21px 7px; color: #688071; font-size: 9px; }
.gateway-terminal ul { margin: 0; padding: 10px 21px 21px; list-style: none; }
.gateway-terminal li { min-height: 48px; padding: 0 13px; display: flex; align-items: center; gap: 11px; color: #b8c8be; border: 1px solid #21392d; border-bottom: 0; font-size: 9px; }
.gateway-terminal li:last-child { border-bottom: 1px solid #21392d; }
.gateway-terminal li i { width: 6px; height: 6px; border-radius: 50%; background: #84bc48; }
.gateway-terminal li span { margin-left: auto; color: #5d7467; font-size: 8px; }

.operations-page { position: relative; overflow: hidden; min-height: 900px; padding: 50px 0 100px; color: #d6e2da; background-color: #06110b; background-image: linear-gradient(rgba(109,151,116,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(109,151,116,.04) 1px, transparent 1px); background-size: 28px 28px; font-family: Consolas, "Malgun Gothic", monospace; }
.operations-scanline { pointer-events: none; position: absolute; z-index: 0; left: 0; right: 0; top: -120px; height: 120px; background: linear-gradient(transparent, rgba(223,255,114,.025), transparent); animation: operationsScan 10s linear infinite; }
@keyframes operationsScan { to { transform: translateY(1500px); } }
.operations-shell { position: relative; z-index: 1; width: min(1380px, calc(100% - 48px)); }
.operations-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 35px; padding-bottom: 28px; border-bottom: 1px solid #294135; }
.operations-path { display: block; margin-bottom: 17px; color: #5d7567; font-size: 8px; letter-spacing: .15em; }
.operations-title-row { display: flex; align-items: flex-start; gap: 15px; }
.operations-led { flex: 0 0 auto; width: 10px; height: 10px; margin-top: 10px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 7px rgba(223,255,114,.07), 0 0 20px rgba(223,255,114,.45); }
.operations-header h1 { margin: 0; color: #fff; font-family: inherit; font-size: clamp(33px, 4vw, 49px); letter-spacing: -.065em; }
.operations-header p { margin: 10px 0 0; color: #819388; font-family: "Malgun Gothic", sans-serif; font-size: 11px; line-height: 1.7; }
.operations-clock { min-width: 190px; padding: 13px 15px; color: #688073; border: 1px solid #294337; border-radius: 6px; background: #0b1d13; text-align: right; }
.operations-clock span, .operations-clock time { display: block; }
.operations-clock span { color: var(--lime); font-size: 8px; font-weight: 900; letter-spacing: .12em; }
.operations-clock time { margin-top: 6px; font-size: 10px; }
.operations-metrics { display: grid; grid-template-columns: repeat(4,1fr); margin: 28px 0 18px; border: 1px solid #294337; border-radius: 8px; background: rgba(9,25,16,.88); }
.operations-metrics > div { min-height: 112px; padding: 20px 22px; border-right: 1px solid #294337; }
.operations-metrics > div:last-child { border: 0; }
.operations-metrics span, .operations-metrics strong, .operations-metrics small { display: block; }
.operations-metrics span { color: #61786a; font-size: 8px; letter-spacing: .1em; }
.operations-metrics strong { margin: 8px 0 5px; color: #fff; font-size: 31px; }
.operations-metrics small { color: #768b7f; font-family: "Malgun Gothic", sans-serif; font-size: 9px; }
.operations-metrics .is-alert strong { color: #ff8d7e; }
.operations-toolbar { min-height: 74px; margin-bottom: 18px; padding: 12px 15px; display: flex; align-items: center; justify-content: space-between; gap: 25px; border: 1px solid #294337; border-radius: 8px; background: #0b1e14; }
.operations-tabs { display: flex; gap: 7px; }
.operations-tabs a { min-height: 42px; padding: 0 16px; display: inline-flex; align-items: center; gap: 8px; color: #75897d; border: 1px solid #294337; border-radius: 5px; font-size: 9px; font-weight: 900; }
.operations-tabs a.active { color: #132319; border-color: var(--lime); background: var(--lime); }
.operations-tabs a i { width: 6px; height: 6px; border-radius: 50%; background: #4e7b5c; }
.operations-tabs a.active i { background: #31563d; box-shadow: 0 0 0 4px rgba(49,86,61,.12); }
.operations-tabs a span { min-width: 18px; padding: 2px 5px; border-radius: 9px; background: rgba(0,0,0,.12); text-align: center; }
.operations-search label { display: block; margin-bottom: 5px; color: #5f7768; font-size: 7px; letter-spacing: .12em; }
.operations-search > div { height: 39px; display: flex; align-items: center; border: 1px solid #345143; border-radius: 5px; background: #07150e; }
.operations-search > div > span { padding-left: 12px; color: #6d8576; }
.operations-search input { width: 210px; height: 37px; padding: 0 10px; color: #dce7e0; border: 0; outline: 0; background: transparent; font-size: 10px; }
.operations-search button, .operations-search a { height: 37px; padding: 0 13px; display: inline-flex; align-items: center; color: var(--lime); border: 0; border-left: 1px solid #345143; background: transparent; cursor: pointer; font-size: 8px; font-weight: 900; }
.operations-layout { display: grid; grid-template-columns: 225px 1fr; gap: 18px; align-items: start; }
.operations-sidebar { position: sticky; top: 95px; display: grid; gap: 12px; }
.system-panel, .system-guide { padding: 19px; border: 1px solid #294337; border-radius: 8px; background: rgba(9,25,16,.94); }
.system-panel .console-command, .system-guide .console-command { margin-bottom: 16px; }
.system-panel dl { margin: 0; }
.system-panel dl > div { min-height: 37px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #20382c; }
.system-panel dl > div:last-child { border: 0; }
.system-panel dt { color: #5d7467; font-size: 7px; }
.system-panel dd { margin: 0; color: #c9d7ce; font-size: 8px; font-weight: 900; }
.system-panel dd i { width: 5px; height: 5px; margin-right: 5px; display: inline-block; border-radius: 50%; background: #85c24b; }
.system-guide ol { margin: 0; padding: 0; list-style: none; }
.system-guide li { padding: 11px 0; display: flex; align-items: flex-start; gap: 10px; border-bottom: 1px solid #20382c; }
.system-guide li:last-child { border: 0; }
.system-guide li b { color: var(--lime); font-size: 8px; }
.system-guide li span { color: #83978b; font-family: "Malgun Gothic", sans-serif; font-size: 9px; line-height: 1.55; }
.system-account-link { min-height: 45px; padding: 0 13px; display: flex; align-items: center; justify-content: space-between; color: #132319; border-radius: 6px; background: var(--lime); font-size: 9px; font-weight: 900; }
.operations-content { min-width: 0; padding: 24px; color: var(--ink); border-radius: 10px; background: #eef1ec; }
.operations-feed-head { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-bottom: 20px; padding-bottom: 18px; border-bottom: 1px solid #d4dbd5; }
.operations-feed-head .console-command { margin: 0 0 7px; color: #708177; }
.operations-feed-head h2 { margin: 0; font-family: "Malgun Gothic", sans-serif; font-size: 25px; letter-spacing: -.05em; }
.operations-feed-head .live-sync-bar { min-width: 230px; margin: 0; background: #fff; }
.operations-feed-head .live-sync-bar time { margin-left: auto; }
.operations-query-note { margin: -5px 0 17px; padding: 11px 13px; color: #67776e; border-left: 3px solid #718f79; background: #fff; font-family: "Malgun Gothic", sans-serif; font-size: 10px; }
.operations-feed .store-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.operations-feed .store-card { min-width: 0; }
.operations-workspace-section { margin-top: 24px; padding: 25px; border: 1px solid #294337; border-radius: 10px; background: rgba(8,23,15,.92); }
.operations-workspace-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 18px; padding: 0 3px 18px; border-bottom: 1px solid #294337; }
.operations-workspace-head .console-command { margin: 0 0 7px; }
.operations-workspace-head h2 { margin: 0; color: #fff; font-family: "Malgun Gothic", sans-serif; font-size: 24px; }
.operations-workspace-head p { max-width: 520px; margin: 0; color: #73877b; font-family: "Malgun Gothic", sans-serif; font-size: 10px; line-height: 1.7; }
.operations-workspace-head b { color: #a4bd92; }
.operations-page .activity-workspace { margin-top: 0; }
.workspace-idle { min-height: 180px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #597064; border: 1px dashed #2e493b; border-radius: 8px; background: #07150e; text-align: center; }
.workspace-idle span { color: #7f9a8a; font-size: 10px; letter-spacing: .1em; }
.workspace-idle p { margin: 9px 0 0; font-family: "Malgun Gothic", sans-serif; font-size: 10px; }

/* Full-page ERP reflection board */
body.workspace-drawer-open { overflow: hidden; }
.erp-page { min-height: calc(100vh - 76px); color: #26323f; background: #f1f4f7; }
.erp-container { width: calc(100% - 40px); margin: 0 auto; }
.erp-page-header { padding: 25px 0; color: #fff; background: #243447; border-bottom: 1px solid #172433; }
.erp-page-header-inner { display: flex; align-items: center; justify-content: space-between; gap: 35px; }
.erp-page-header-actions-only { justify-content: flex-end; }
.erp-breadcrumb { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; color: #aebac8; font-size: 10px; }
.erp-breadcrumb strong { color: #fff; }
.erp-page-header h1 { margin: 0; font-size: 30px; letter-spacing: -.045em; }
.erp-page-header p { margin: 7px 0 0; color: #bac5d1; font-size: 12px; }
.erp-header-actions { display: flex; gap: 8px; }
.erp-header-actions a { min-height: 40px; padding: 0 16px; display: inline-flex; align-items: center; justify-content: center; color: #e6ebf1; border: 1px solid #607084; border-radius: 5px; font-size: 11px; font-weight: 800; }
.erp-header-actions a.primary { color: #182536; border-color: #dfff72; background: #dfff72; }
.erp-page-body { padding-top: 18px; padding-bottom: 55px; }
.erp-summary { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 12px; margin-bottom: 16px; }
.erp-summary article { min-height: 100px; padding: 18px 20px; border: 1px solid #dce2e8; border-radius: 7px; background: #fff; box-shadow: 0 2px 8px rgba(33,49,67,.035); }
.erp-summary span, .erp-summary strong, .erp-summary small { display: block; }
.erp-summary span { color: #667587; font-size: 11px; font-weight: 800; }
.erp-summary strong { margin: 5px 0 3px; color: #1e2d3e; font-size: 27px; }
.erp-summary small { color: #5f6e7d; font-size: 9px; }
.erp-summary article.warning { border-left: 4px solid #dc4f47; }
.erp-summary article.warning strong { color: #c83c35; }
.erp-panel { overflow: hidden; border: 1px solid #d5dde5; border-radius: 8px; background: #fff; box-shadow: 0 4px 18px rgba(33,49,67,.045); }
.erp-panel-toolbar { min-height: 68px; padding: 12px 16px; display: flex; align-items: center; gap: 22px; border-bottom: 1px solid #dce3e9; }
.erp-panel-title { display: flex; align-items: baseline; gap: 10px; white-space: nowrap; }
.erp-panel-title h2 { margin: 0; font-size: 19px; letter-spacing: -.035em; }
.erp-panel-title > span { color: #596978; font-size: 10px; }
.erp-filter-tabs { display: flex; align-self: stretch; gap: 3px; margin-left: 10px; }
.erp-filter-tabs a { min-width: 92px; padding: 0 14px; display: flex; align-items: center; justify-content: center; gap: 6px; color: #647386; border-bottom: 3px solid transparent; font-size: 11px; font-weight: 800; }
.erp-filter-tabs a.active { color: #1563b5; border-bottom-color: #2676ca; }
.erp-filter-tabs b { min-width: 19px; padding: 2px 5px; color: #fff; border-radius: 10px; background: #2676ca; text-align: center; font-size: 8px; }
.erp-search { height: 39px; margin-left: auto; display: flex; align-items: center; }
.erp-search input { width: 220px; height: 39px; padding: 0 12px; border: 1px solid #cfd8e0; border-right: 0; border-radius: 5px 0 0 5px; outline: 0; color: #253345; background: #fff; font-size: 11px; }
.erp-search input:focus { border-color: #3580ce; box-shadow: 0 0 0 3px rgba(53,128,206,.1); }
.erp-search button, .erp-search a { height: 39px; padding: 0 16px; display: inline-flex; align-items: center; border: 0; color: #fff; background: #2e6ead; cursor: pointer; font-size: 10px; font-weight: 800; }
.erp-search a { color: #647386; border: 1px solid #cfd8e0; border-left: 0; background: #f6f8fa; }
.erp-list-guide { min-height: 62px; padding: 10px 16px; display: flex; align-items: center; gap: 14px; color: #4b5969; border-bottom: 1px solid #e1e7ec; background: #f7f9fb; }
.erp-list-guide > div:not(.live-sync-bar) { display: flex; align-items: center; gap: 9px; }
.erp-list-guide > i { width: 22px; height: 1px; background: #c8d2dc; }
.guide-step { width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; color: #fff; border-radius: 50%; background: #597189; font-size: 9px; font-weight: 900; }
.erp-list-guide p, .erp-list-guide strong, .erp-list-guide small { display: block; margin: 0; }
.erp-list-guide strong { font-size: 10px; }
.erp-list-guide small { margin-top: 2px; color: #5f6c79; font-size: 8px; }
.erp-list-guide .live-sync-bar { min-width: 190px; min-height: 38px; margin: 0 0 0 auto; background: #fff; }
.erp-search-result { padding: 10px 16px; color: #536375; border-bottom: 1px solid #e0e6eb; background: #fffde9; font-size: 10px; }
.erp-board { width: 100%; }
.erp-board-head, .erp-board-row { display: grid; grid-template-columns: 110px minmax(240px,1.5fr) 230px minmax(130px,.8fr) 110px 170px; align-items: center; }
.erp-board-head { min-height: 41px; color: #697788; border-bottom: 1px solid #cfd8e0; background: #edf1f5; font-size: 9px; font-weight: 900; }
.erp-board-head > div { padding: 0 14px; border-right: 1px solid #d9e0e6; }
.erp-board-head > div:last-child { border: 0; }
.erp-board-row { position: relative; min-height: 87px; border-bottom: 1px solid #e2e7ec; background: #fff; transition: background .15s; }
.erp-board-row:last-child { border-bottom: 0; }
.erp-board-row:hover { background: #f7fbff; }
.erp-board-row.is-new-post:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: #62a62d; }
.erp-cell { min-width: 0; padding: 12px 14px; }
.erp-cell-status { display: flex; align-items: flex-start; flex-direction: column; gap: 5px; }
.erp-status { display: inline-flex; align-items: center; gap: 6px; color: #25623c; font-size: 10px; font-weight: 900; white-space: nowrap; }
.erp-status i { width: 7px; height: 7px; border-radius: 50%; background: #3fa25d; }
.erp-status.closed { color: #7b8791; }
.erp-status.closed i { background: #9da6ae; }
.erp-status.own { color: #485a6d; }
.erp-status.own i { background: #718399; }
.erp-status.requested { color: #85590f; }
.erp-status.requested i { background: #d89a2f; }
.erp-status.overdue { color: #9a3f39; }
.erp-status.overdue i { background: #c85b53; }
.erp-new-label { padding: 2px 5px; color: #38641e; border-radius: 3px; background: #e4f5d7; font-size: 7px; }
.erp-cell-store { display: flex; align-items: center; gap: 11px; }
.erp-cell-store .store-avatar { width: 42px; height: 42px; flex: 0 0 auto; margin: 0; border-radius: 8px; font-size: 11px; }
.erp-cell-store h3 { margin: 0 0 5px; color: #223246; font-size: 15px; letter-spacing: -.02em; }
.erp-cell-store a { display: block; overflow: hidden; color: #4d687f; text-overflow: ellipsis; white-space: nowrap; font-size: 9px; }
.erp-cell-count { display: grid; grid-template-columns: repeat(3,1fr); }
.erp-cell-count span { color: #5f6d7b; text-align: center; font-size: 8px; border-right: 1px solid #e0e6eb; }
.erp-cell-count span:last-child { border: 0; }
.erp-cell-count b { display: block; margin-bottom: 3px; color: #26374a; font-size: 14px; }
.erp-cell-progress { display: flex; align-items: center; gap: 10px; }
.erp-cell-progress > div { flex: 1; height: 7px; overflow: hidden; border-radius: 4px; background: #e2e8ed; }
.erp-cell-progress i { height: 100%; display: block; border-radius: 4px; background: #4f91d5; }
.erp-cell-progress strong { min-width: 35px; color: #3d4c5c; font-size: 11px; }
.erp-cell-up time, .erp-cell-up small { display: block; }
.erp-cell-up time { color: #3c4d60; font-size: 10px; }
.erp-cell-up small { margin-top: 4px; color: #5d6b78; font-size: 8px; }
.erp-action-button { width: 100%; min-height: 45px; padding: 6px 10px; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff; border: 1px solid #1767b8; border-radius: 5px; background: #2375c8; cursor: pointer; font-family: inherit; text-align: center; transition: .15s; }
.erp-action-button:hover { color: #fff; background: #135fae; box-shadow: 0 4px 12px rgba(35,117,200,.2); }
.erp-action-button span { font-size: 11px; font-weight: 900; }
.erp-action-button em { margin-top: 2px; font-style: normal; font-size: 7px; opacity: 1; }
.erp-action-button.archive { color: #526274; border-color: #bdc8d2; background: #f3f6f8; }
.erp-action-button.requested { color: #654610; border-color: #e2bd6e; background: #fff4d7; }
.erp-action-button.requested:hover { color: #563a09; border-color: #c99732; background: #ffe9b2; }
.erp-action-button.completed { color: #225d3e; border-color: #9dc8ad; background: #e8f6ed; }
.erp-action-button.completed:hover { color: #194c31; border-color: #70aa86; background: #d7efdf; }
.erp-action-button.overdue { color: #853934; border-color: #ddb0ac; background: #fff0ee; }
.erp-board-empty { min-height: 210px; padding: 30px; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; }
.erp-board-empty strong { font-size: 14px; }
.erp-board-empty p { margin: 7px 0 18px; color: #83909d; font-size: 10px; }
.erp-board-empty a { padding: 10px 16px; color: #fff; border-radius: 5px; background: #2d70b2; font-size: 10px; font-weight: 800; }

.erp-drawer-backdrop { pointer-events: none; position: fixed; z-index: 110; inset: 76px 0 0; border: 0; opacity: 0; background: rgba(20,31,43,.46); transition: opacity .2s; }
.workspace-drawer-open .erp-drawer-backdrop { pointer-events: auto; opacity: 1; }
.erp-workspace-drawer { position: fixed; z-index: 111; top: 76px; right: 0; bottom: 0; width: min(760px, 94vw); margin: 0; overflow-y: auto; color: #263443; background: #fff; box-shadow: -14px 0 45px rgba(25,39,54,.22); transform: translateX(105%); transition: transform .23s ease; }
.erp-workspace-drawer.is-open { transform: translateX(0); }
.erp-workspace-drawer .workspace-loading { min-height: 100%; border-radius: 0; }
.erp-workspace-drawer .reflection-console { min-height: 100%; color: #314153; border: 0; border-radius: 0; background: #fff; background-image: none; box-shadow: none; font-family: inherit; }
.erp-workspace-drawer .console-scanline { display: none; }
.erp-workspace-drawer .console-topbar { position: sticky; top: 0; z-index: 8; min-height: 56px; padding: 0 18px; color: #b9c5d0; border: 0; background: #243447; font-size: 9px; }
.erp-workspace-drawer .console-topbar b { color: #fff; }
.erp-workspace-drawer .console-led { background: #8bd657; box-shadow: none; }
.erp-workspace-drawer .console-close { color: #fff; border-color: #66778a; background: #33475d; }
.erp-workspace-drawer .console-grid { grid-template-columns: 1fr; }
.erp-workspace-drawer .console-store-panel, .erp-workspace-drawer .console-action-panel { min-height: 0; padding: 24px; }
.erp-workspace-drawer .console-store-panel { border: 0; border-bottom: 1px solid #dce3e9; background: #f5f8fa; }
.erp-workspace-drawer .console-action-panel { background: #fff; }
.erp-workspace-drawer .console-command { margin-bottom: 15px; color: #788899; }
.erp-workspace-drawer .console-command:after { content: ""; }
.erp-workspace-drawer .console-store-id .store-avatar { color: #fff; background: #397dc0; }
.erp-workspace-drawer .console-store-id small { color: #7c8996; }
.erp-workspace-drawer .console-store-id h2 { color: #223247; font-family: inherit; }
.erp-workspace-drawer .console-external { margin: 17px 0; color: #fff; border-color: #2872bb; background: #2872bb; }
.erp-workspace-drawer .console-data { border-color: #d9e1e7; }
.erp-workspace-drawer .console-data > div { border-color: #d9e1e7; background: #fff; }
.erp-workspace-drawer .console-data dt { color: #82909e; }
.erp-workspace-drawer .console-data dd { color: #2c3e52; }
.erp-workspace-drawer .console-progress { background: #dce4ea; }
.erp-workspace-drawer .console-progress i { background: #4c91d7; }
.erp-workspace-drawer .console-log { color: #7f8c98; }
.erp-workspace-drawer .console-log span { color: #3f6f9d; }
.erp-workspace-drawer .console-log { display: none; }
.erp-workspace-drawer .console-request-form h3 { color: #223247; }
.erp-workspace-drawer .console-request-form > p { color: #778695; }
.erp-workspace-drawer .reflection-console .field > span:first-child { color: #526274; }
.erp-workspace-drawer .reflection-console .input-wrap, .erp-workspace-drawer .reflection-console .field textarea { color: #263748; border-color: #cfd8e0; background: #fff; }
.erp-workspace-drawer .reflection-console .input-wrap input, .erp-workspace-drawer .reflection-console .field textarea { color: #263748; }
.erp-workspace-drawer .terminal-submit { color: #fff; background: #2472bd; }
.erp-workspace-drawer .console-state-message { padding: 25px; border-color: #d5dee6; background: #f7f9fb; }
.erp-workspace-drawer .console-state-message strong { color: #2b5f91; }
.erp-workspace-drawer .console-state-message p { color: #71808f; }
.erp-workspace-drawer .console-state-message .terminal-start-button { color: #fff; background: #2873bc; }
.erp-workspace-drawer .console-bump-form { border-top-color: #dce3e8; }
.erp-workspace-drawer .console-bump-form button { color: #2c6297; border-color: #91afd0; background: #fff; }
.erp-workspace-drawer .console-comments-control { padding: 0 24px 16px; }
.erp-workspace-drawer .console-comments-control button { color: #3e4f61; border-color: #ced8e0; background: #f5f8fa; }
.erp-workspace-drawer .console-comments-control button b { color: #2267aa; }
.erp-workspace-drawer .console-comments { padding: 0 24px 24px; }
.erp-workspace-drawer .console-comment { color: #334456; border-color: #d5dfe6; border-left-color: #4d8ccc; background: #fff; }
.erp-workspace-drawer .console-comment-head strong { color: #26384b; }
.erp-workspace-drawer .console-comment-head time, .erp-workspace-drawer .console-index { color: #82909d; }
.erp-workspace-drawer .console-comment-data span { color: #6e7d8d; border-color: #d5dee5; background: #f6f8fa; }
.erp-workspace-drawer .console-comment-data b { color: #236aaa; }
.erp-workspace-drawer .console-comment > p { color: #596a7a; }
.erp-workspace-drawer .console-empty-log { color: #788695; border-color: #cdd7df; }
.erp-workspace-drawer .console-close-form { padding: 0 24px 24px; }
.admin-close-button { width: 100%; padding: 8px; color: #a5433e; border: 0; background: transparent; cursor: pointer; font-size: 9px; text-decoration: underline; }
.audit-heading { margin-top: 70px; }
.audit-table { overflow: auto; border: 1px solid #d9ded8; border-radius: 12px; background: #fff; }
.audit-table table { width: 100%; min-width: 760px; border-collapse: collapse; }
.audit-table th, .audit-table td { padding: 13px 15px; border-bottom: 1px solid #e8ebe7; text-align: left; font-size: 9px; }
.audit-table th { color: #67776d; background: #f3f5f2; font-size: 8px; }
.audit-table code { color: #64746b; font-size: 8px; }

.activities-section { padding: 105px 0 115px; background: #fff; }
.activities-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; }
.activities-head h2 { margin: 15px 0 0; font-size: 37px; letter-spacing: -.06em; }
.store-search label { height: 45px; display: flex; align-items: center; border-bottom: 1px solid #aeb8b1; }
.store-search span { font-size: 22px; }
.store-search input { width: 170px; border: 0; outline: 0; padding: 0 12px; font-size: 12px; }
.store-search button { border: 0; background: none; cursor: pointer; font-size: 11px; font-weight: 800; }
.activity-tabs { display: flex; gap: 9px; align-items: center; margin: 38px 0 25px; }
.activity-tabs a { padding: 10px 16px; color: #77847d; background: #f0f2ef; border-radius: 22px; font-size: 11px; font-weight: 800; }
.activity-tabs a.active { color: #fff; background: var(--forest); }
.activity-tabs span { margin-left: auto; color: #89958e; font-size: 10px; }
.store-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.store-card { position: relative; padding: 25px; border: 1px solid #e2e6e1; border-radius: 14px; background: #fafbf9; transition: transform .25s, box-shadow .25s, border-color .25s; }
.store-card:hover { z-index: 2; transform: translateY(-5px); border-color: #bac8be; box-shadow: 0 20px 45px rgba(20,37,29,.09); }
.store-card-link { position: absolute; z-index: 1; inset: 0; }
.store-card-top { display: flex; justify-content: space-between; align-items: center; }
.status-badge, .owner-badge { display: inline-flex; align-items: center; gap: 6px; padding: 7px 10px; border-radius: 20px; font-size: 9px; font-weight: 900; }
.status-badge.active { color: #3b694b; background: #e6f3e8; }
.status-badge.closed { color: #7c8680; background: #e9ece9; }
.status-badge i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.status-badge.active i { box-shadow: 0 0 0 4px rgba(59,105,75,.1); }
.card-arrow { color: #78867e; }
.store-avatar { width: 48px; height: 48px; margin: 25px 0 15px; display: flex; align-items: center; justify-content: center; color: #fff; background: var(--forest-2); border-radius: 14px; font-size: 13px; font-weight: 900; letter-spacing: -.03em; }
.store-card h3 { margin: 0; font-size: 21px; letter-spacing: -.04em; }
.store-card > p { margin: 5px 0 24px; color: #8c9790; font-size: 9px; }
.progress-row { display: flex; justify-content: space-between; color: #78857d; font-size: 9px; }
.progress-row b { color: var(--ink); }
.progress-track { height: 4px; margin: 8px 0 18px; overflow: hidden; background: #e4e8e3; border-radius: 3px; }
.progress-track i { display: block; height: 100%; background: var(--lime-strong); }
.card-meta { display: flex; align-items: center; gap: 12px; color: #8a958e; font-size: 9px; }
.card-meta b { color: var(--ink); }
.card-meta time { margin-left: auto; }
.store-card.is-closed { opacity: .75; }
.empty-state { padding: 75px 25px; border: 1px dashed #cfd6d0; border-radius: 16px; text-align: center; }
.empty-loop { width: 55px; height: 55px; margin: 0 auto 20px; display: flex; align-items: center; justify-content: center; color: var(--forest); background: var(--lime); border-radius: 50%; font-size: 22px; font-weight: 900; }
.empty-state h3 { margin: 0 0 9px; font-size: 22px; }
.empty-state p { margin: 0 0 24px; color: var(--muted); font-size: 12px; }
.pagination { display: flex; justify-content: center; gap: 7px; margin-top: 35px; }
.pagination a { width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: var(--muted); font-size: 11px; }
.pagination a.active { color: #fff; background: var(--forest); }

.how-section { padding: 110px 0; background: #e9e9e1; }
.how-grid { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 55px; border-top: 1px solid #cdd2cc; border-bottom: 1px solid #cdd2cc; }
.how-grid article { position: relative; min-height: 260px; padding: 28px 28px 35px; border-right: 1px solid #cdd2cc; }
.how-grid article:first-child { border-left: 1px solid #cdd2cc; }
.how-number { color: #87948c; font-size: 9px; font-weight: 900; letter-spacing: .15em; }
.how-icon { width: 56px; height: 56px; margin: 34px 0 23px; display: flex; align-items: center; justify-content: center; color: var(--forest); background: var(--lime); border-radius: 50%; font-size: 20px; font-weight: 900; }
.how-grid h3 { margin: 0 0 11px; font-size: 16px; }
.how-grid p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.75; }

.detail-hero { color: #fff; background: var(--forest); padding: 40px 0 55px; }
.back-link { display: inline-flex; margin-bottom: 39px; color: #93a198; font-size: 11px; font-weight: 700; }
.detail-hero-grid { display: grid; grid-template-columns: 1fr 390px; align-items: end; gap: 80px; }
.detail-status-row { display: flex; gap: 8px; margin-bottom: 25px; }
.owner-badge { color: var(--forest); background: var(--lime); }
.detail-label { color: #71857a; font-size: 9px; font-weight: 900; letter-spacing: .18em; }
.detail-hero h1 { margin: 5px 0 10px; font-size: clamp(44px, 6vw, 70px); letter-spacing: -.07em; line-height: 1; }
.store-url-link { color: var(--lime); font-size: 13px; }
.store-url-link span { margin-left: 5px; }
.detail-created { margin: 20px 0 0; color: #788a80; font-size: 10px; }
.detail-summary { padding: 22px 26px; border: 1px solid rgba(255,255,255,.1); border-radius: 16px; background: rgba(255,255,255,.03); }
.summary-rate { display: flex; align-items: center; gap: 22px; }
.rate-ring { --rate: 0; width: 79px; height: 79px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: conic-gradient(var(--lime) calc(var(--rate)*1%), rgba(255,255,255,.09) 0); }
.rate-ring:before { content: ""; position: absolute; width: 65px; height: 65px; border-radius: 50%; background: var(--forest); }
.rate-ring span { position: relative; z-index: 1; font-size: 9px; }
.rate-ring b { font-size: 20px; }
.summary-rate > div:last-child span, .summary-rate small { display: block; color: #788a80; font-size: 9px; }
.summary-rate strong { display: block; margin: 4px 0 2px; font-size: 22px; }
.summary-metrics { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 19px; padding-top: 17px; border-top: 1px solid rgba(255,255,255,.08); }
.summary-metrics span { color: #788a80; text-align: center; font-size: 9px; border-right: 1px solid rgba(255,255,255,.08); }
.summary-metrics span:last-child { border: 0; }
.summary-metrics b { display: block; margin-bottom: 4px; color: #fff; font-size: 15px; }

.detail-main { padding: 75px 0 115px; background: #f6f6f1; }
.detail-layout { display: grid; grid-template-columns: minmax(0, 1fr) 395px; gap: 44px; align-items: start; }
.column-head { min-height: 68px; margin-bottom: 24px; display: flex; align-items: flex-end; justify-content: space-between; }
.column-head h2 { margin: 12px 0 0; font-size: 30px; letter-spacing: -.055em; }
.column-head h2 em { color: #809087; font-style: normal; font-size: 15px; }
.owner-guide { display: flex; align-items: center; gap: 9px; }
.owner-guide > span { width: 29px; height: 29px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: var(--forest); background: var(--lime); font-weight: 900; }
.owner-guide p { margin: 0; color: #7c8982; font-size: 9px; line-height: 1.4; }
.owner-guide b { color: var(--ink); }
.comment-list { display: flex; flex-direction: column; gap: 14px; }
.comment-card { padding: 26px 28px; border: 1px solid #e0e4df; border-radius: 14px; background: #fff; box-shadow: 0 8px 25px rgba(20,37,29,.035); }
.comment-card.status-completed { border-left: 3px solid #73a07f; }
.comment-card.status-overdue { border-left: 3px solid #c76962; }
.comment-head { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.comment-author { display: flex; align-items: center; gap: 11px; }
.author-avatar { width: 39px; height: 39px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; color: #fff; background: var(--forest); border-radius: 11px; font-size: 10px; font-weight: 900; }
.comment-author strong, .comment-author time { display: block; }
.comment-author strong { font-size: 13px; }
.comment-author time { margin-top: 4px; color: #98a19b; font-size: 9px; }
.countdown-badge, .complete-badge, .overdue-badge { padding: 7px 10px; border-radius: 20px; font-size: 9px; font-weight: 900; }
.countdown-badge { display: flex; align-items: center; gap: 6px; color: #8c6b20; background: #fff6d9; }
.countdown-badge i { width: 5px; height: 5px; border-radius: 50%; background: #d8a830; }
.countdown-badge.urgent { color: #9f433e; background: #ffebe8; }
.complete-badge { color: #3c7052; background: #e5f2e8; }
.overdue-badge { color: #a23e39; background: #ffebe9; }
.request-numbers { display: grid; grid-template-columns: 1fr 1fr; margin: 22px 0 17px; border: 1px solid #e4e7e3; border-radius: 9px; background: #fafbf9; }
.request-numbers > span { padding: 14px 17px; border-right: 1px solid #e4e7e3; }
.request-numbers > span:last-child { border: 0; }
.request-numbers small, .request-numbers strong { display: block; }
.request-numbers small { margin-bottom: 4px; color: #89948d; font-size: 9px; }
.request-numbers strong { font-size: 19px; }
.request-numbers em { margin-left: 3px; font-style: normal; font-size: 10px; font-weight: 700; }
.comment-message { margin: 0; color: #5e6d64; font-size: 11px; line-height: 1.75; }
.owner-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 21px; padding-top: 20px; border-top: 1px solid #edf0ed; }
.owner-actions .button { min-height: 46px; padding: 0 14px; font-size: 11px; }
.comment-store-link { display: inline-flex; gap: 10px; margin-top: 18px; color: #56715f; font-size: 10px; font-weight: 800; }
.completion-box { margin-top: 20px; padding: 17px; display: flex; gap: 13px; border-radius: 10px; background: #edf6ef; }
.completion-icon { width: 34px; height: 34px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; color: #fff; background: #528265; border-radius: 50%; }
.completion-box strong { color: #315a41; font-size: 12px; }
.completion-box p { margin: 5px 0; color: #536d5d; font-size: 11px; }
.completion-box p i { margin: 0 5px; font-style: normal; }
.completion-box .completion-memo { color: #708078; }
.completion-box time { color: #839087; font-size: 9px; }
.overdue-box { margin-top: 19px; padding: 16px; color: #99443f; background: var(--danger-bg); border-radius: 9px; }
.overdue-box strong { font-size: 11px; }
.overdue-box p { margin: 5px 0 0; font-size: 9px; }
.comment-empty { background: #fff; }

.request-sidebar { position: sticky; top: 100px; }
.request-form { padding: 31px 30px 27px; border-radius: 16px; box-shadow: 0 18px 55px rgba(20,37,29,.08); }
.sidebar-head { margin-bottom: 25px; }
.field.compact { margin-bottom: 15px; }
.field.compact > span:first-child { font-size: 10px; }
.field.compact .input-wrap { min-height: 47px; }
.field.compact input { height: 45px; font-size: 11px; }
.field-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.field-pair .field > span:first-child { align-items: flex-start; line-height: 1.45; }
.deadline-notice { display: flex; align-items: center; gap: 12px; margin: 20px 0; padding: 12px; border: 1px solid #e4e8df; border-radius: 8px; background: #f4f7ec; }
.deadline-notice > span { width: 35px; height: 35px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; color: var(--forest); background: var(--lime); border-radius: 50%; font-size: 13px; font-weight: 900; }
.deadline-notice p { margin: 0; color: #758179; font-size: 8px; line-height: 1.5; }
.deadline-notice b { display: block; color: var(--ink); font-size: 9px; }
.form-disabled-note { margin: 10px 0 0; color: #9a4f49; text-align: center; font-size: 9px; }
.close-activity { margin-top: 14px; padding: 16px 20px; border: 1px solid #d9ddd8; border-radius: 11px; background: rgba(255,255,255,.5); }
.close-activity button { border: 0; padding: 0; background: none; font-size: 11px; font-weight: 900; text-decoration: underline; cursor: pointer; }
.close-activity button:disabled { color: #9aa39d; cursor: not-allowed; }
.close-activity p { margin: 5px 0 0; color: #8b958f; font-size: 8px; line-height: 1.5; }
.closed-panel { text-align: center; }
.closed-icon { width: 59px; height: 59px; margin: 0 auto 20px; display: flex; align-items: center; justify-content: center; color: var(--forest); background: var(--lime); border-radius: 50%; font-size: 22px; font-weight: 900; }
.closed-panel h2 { margin: 11px 0; font-size: 24px; }
.closed-panel > p { margin: 0 0 25px; color: var(--muted); font-size: 11px; line-height: 1.7; }
.not-found { min-height: 65vh; padding: 80px 0; }

.toast { position: fixed; z-index: 150; top: 92px; left: 50%; width: min(520px, calc(100% - 30px)); min-height: 57px; padding: 13px 44px 13px 15px; display: flex; align-items: center; gap: 12px; transform: translateX(-50%); color: #fff; background: #234132; border-radius: 11px; box-shadow: 0 15px 45px rgba(0,0,0,.2); font-size: 11px; animation: toastIn .35s both; }
.toast-error { background: #923f3a; }
.toast-icon { width: 28px; height: 28px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; color: var(--forest); background: var(--lime); border-radius: 50%; font-weight: 900; }
.toast-error .toast-icon { color: #923f3a; background: #fff; }
.toast button { position: absolute; right: 13px; top: 13px; border: 0; color: #fff; background: none; font-size: 20px; cursor: pointer; }
@keyframes toastIn { from { opacity: 0; transform: translate(-50%,-10px); } }

.modal { position: fixed; z-index: 200; inset: 0; display: none; align-items: center; justify-content: center; padding: 24px; }
.modal.is-open { display: flex; }
.modal-backdrop { position: absolute; inset: 0; background: rgba(9,20,14,.74); backdrop-filter: blur(5px); }
.modal-panel { position: relative; z-index: 2; width: min(530px, 100%); max-height: calc(100vh - 48px); overflow: auto; padding: 34px; border-radius: 19px; background: #fff; box-shadow: 0 30px 90px rgba(0,0,0,.3); }
.modal-panel-wide { width: min(700px, 100%); }
.modal-head { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 25px; }
.modal-head h2 { margin: 9px 0 0; font-size: 24px; letter-spacing: -.05em; }
.modal-close { width: 36px; height: 36px; border: 0; border-radius: 50%; background: #eef0ed; cursor: pointer; font-size: 20px; }
.complete-target { display: flex; align-items: center; gap: 10px; margin-bottom: 22px; padding: 13px; border-radius: 10px; background: #f1f4f0; }
.complete-target small, .complete-target strong { display: block; }
.complete-target small { color: #8d9891; font-size: 8px; }
.complete-target strong { margin-top: 3px; font-size: 12px; }
.complete-target a { margin-left: auto; color: #456652; font-size: 9px; font-weight: 900; }
.modal-warning { display: flex; gap: 10px; margin: 5px 0 20px; padding: 12px; color: #7c6528; background: #fff7dd; border-radius: 8px; }
.modal-warning > span { width: 20px; height: 20px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; border: 1px solid #c8ad61; border-radius: 50%; font-size: 9px; font-weight: 900; }
.modal-warning p { margin: 0; font-size: 9px; line-height: 1.6; }
.policy-content section { display: grid; grid-template-columns: 40px 1fr; gap: 12px; padding: 19px 0; border-top: 1px solid #e5e8e4; }
.policy-number { color: #75837b; font-size: 9px; font-weight: 900; }
.policy-content h3 { margin: 0 0 7px; font-size: 14px; }
.policy-content p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.75; }
.policy-callout { margin: 17px 0 25px; padding: 17px; color: #46594d; background: #eef3e8; border-left: 3px solid #85a866; font-size: 10px; line-height: 1.8; }

.site-footer { padding: 57px 0; color: #fff; background: #0c1812; }
.footer-grid { display: grid; grid-template-columns: 1fr auto; gap: 28px; align-items: start; }
.brand-footer { font-size: 18px; }
.site-footer p { margin: 15px 0 0; color: #687a70; font-size: 10px; line-height: 1.7; }
.footer-links { display: flex; gap: 24px; }
.footer-links a, .footer-links button { border: 0; padding: 0; color: #8c9a92; background: none; cursor: pointer; font-size: 10px; }
.footer-note { grid-column: 1 / -1; padding-top: 25px; border-top: 1px solid rgba(255,255,255,.07); color: #47584f; font-size: 8px; }

.signed-account { min-height: 67px; margin: 0 0 20px; padding: 12px; display: flex; align-items: center; gap: 11px; border: 1px solid #dfe5df; border-radius: 10px; background: #f4f7f3; }
.signed-account div { min-width: 0; }
.signed-account small, .signed-account strong, .signed-account div span { display: block; }
.signed-account small { color: #859088; font-size: 8px; }
.signed-account strong { margin: 2px 0; font-size: 12px; }
.signed-account div span { color: #7f8b84; font-size: 9px; overflow: hidden; text-overflow: ellipsis; }
.signed-account > a, .signed-account > span:last-child { margin-left: auto; color: #456652; font-size: 9px; font-weight: 900; }
.compact-account { margin-bottom: 17px; }
.text-link-dark { display: inline-block; margin-top: 17px; color: #4f6d59; font-size: 10px; font-weight: 800; text-decoration: underline; }

.faq-section { padding: 110px 0; background: #fff; }
.faq-layout { display: grid; grid-template-columns: .7fr 1.3fr; gap: 100px; align-items: start; }
.faq-list { border-top: 1px solid #cfd6d0; }
.faq-list details { border-bottom: 1px solid #dfe3df; }
.faq-list summary { min-height: 70px; padding: 20px 4px; display: flex; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; list-style: none; font-size: 14px; font-weight: 800; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary span { font-size: 20px; transition: transform .2s; }
.faq-list details[open] summary span { transform: rotate(45deg); }
.faq-list details p { margin: -2px 0 22px; padding-right: 45px; color: var(--muted); font-size: 11px; line-height: 1.8; }

.auth-section { min-height: 720px; color: #fff; background: var(--forest); padding: 85px 0 100px; }
.auth-layout { display: grid; grid-template-columns: 1fr 480px; gap: 100px; align-items: center; }
.auth-intro h1 { margin: 22px 0; font-size: 52px; line-height: 1.16; letter-spacing: -.07em; }
.auth-intro > p { max-width: 480px; color: #9aaba2; font-size: 14px; line-height: 1.8; }
.auth-intro ul { margin: 35px 0 0; padding: 0; list-style: none; }
.auth-intro li { margin: 13px 0; color: #c1cbc5; font-size: 12px; }
.auth-intro li span { width: 22px; height: 22px; margin-right: 9px; display: inline-flex; align-items: center; justify-content: center; color: var(--forest); background: var(--lime); border-radius: 50%; font-size: 9px; font-weight: 900; }
.auth-card { width: min(100%, 480px); margin: 0 auto; padding: 40px; color: var(--ink); background: #fff; border-radius: 20px; box-shadow: 0 25px 80px rgba(0,0,0,.24); }
.auth-card h1, .auth-card h2 { margin: 13px 0 8px; font-size: 27px; letter-spacing: -.055em; }
.auth-card > p { margin: 0 0 28px; color: var(--muted); font-size: 11px; line-height: 1.7; }
.login-match-note { margin: 2px 0 18px; padding: 13px 15px; color: #52655a; border: 1px solid #dce3dc; border-radius: 7px; background: #f4f7f2; font-size: 10px; line-height: 1.7; }
.login-match-note strong { display: block; color: var(--forest); font-size: 11px; }
.auth-divider { position: relative; margin: 25px 0 18px; border-top: 1px solid #e3e6e3; text-align: center; }
.auth-divider span { position: relative; top: -9px; padding: 0 10px; color: #909a94; background: #fff; font-size: 9px; }
.simple-auth { min-height: 680px; padding: 90px 0; background: #eceee9; }
.simple-auth .auth-card { box-shadow: var(--shadow); }
.auth-back { display: block; margin-top: 20px; color: #66766d; text-align: center; font-size: 10px; font-weight: 800; }
.invalid-reset { text-align: center; }

.mypage-hero { color: #fff; background: var(--forest); padding: 58px 0; }
.mypage-hero-grid { display: flex; align-items: center; justify-content: space-between; gap: 45px; }
.profile-title { display: flex; align-items: center; gap: 20px; }
.profile-title .store-avatar { width: 67px; height: 67px; margin: 0; background: var(--lime); color: var(--forest); border-radius: 20px; font-size: 17px; }
.profile-title h1 { margin: 8px 0 5px; font-size: 35px; letter-spacing: -.06em; }
.profile-title p { margin: 0; color: #819188; font-size: 9px; }
.mypage-summary { min-width: 430px; display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid rgba(255,255,255,.1); border-radius: 13px; }
.mypage-summary span { padding: 18px 10px; color: #82938a; text-align: center; font-size: 8px; border-right: 1px solid rgba(255,255,255,.08); }
.mypage-summary span:last-child { border: 0; }
.mypage-summary b { display: block; margin-bottom: 4px; color: #fff; font-size: 19px; }
.mypage-main { padding: 0 0 110px; background: #f4f5f0; }
.mypage-tabs { position: sticky; z-index: 20; top: 76px; display: flex; gap: 4px; margin: 0 0 55px; padding: 14px 0; background: #f4f5f0; border-bottom: 1px solid #dde1dc; }
.mypage-tabs a { padding: 10px 15px; border-radius: 20px; color: #68776e; font-size: 10px; font-weight: 800; }
.mypage-tabs a:hover { color: #fff; background: var(--forest); }
.mypage-tabs b { min-width: 17px; height: 17px; margin-left: 5px; display: inline-flex; align-items: center; justify-content: center; color: var(--forest); background: var(--lime); border-radius: 9px; font-size: 8px; }
.dashboard-section { scroll-margin-top: 145px; margin-bottom: 75px; }
.dashboard-head { margin-bottom: 22px; display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.dashboard-head h2 { margin: 10px 0 0; font-size: 27px; letter-spacing: -.05em; }
.dashboard-head h2 em { color: #859189; font-style: normal; font-size: 14px; }
.dashboard-head > p { color: #849088; font-size: 9px; }
.dashboard-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.dashboard-card { padding: 24px; border: 1px solid #dde2dd; border-radius: 13px; background: #fff; transition: .2s; }
.dashboard-card:hover { transform: translateY(-3px); box-shadow: 0 15px 35px rgba(20,37,29,.08); }
.dashboard-card h3 { margin: 20px 0 4px; font-size: 19px; }
.dashboard-card > p { margin: 0 0 20px; color: #89948d; font-size: 9px; }
.dashboard-card > div { display: grid; grid-template-columns: repeat(3,1fr); padding-top: 14px; border-top: 1px solid #edf0ed; }
.dashboard-card > div span { color: #89948d; text-align: center; font-size: 8px; border-right: 1px solid #edf0ed; }
.dashboard-card > div span:last-child { border: 0; }
.dashboard-card > div b { display: block; margin-bottom: 3px; color: var(--ink); font-size: 14px; }
.dashboard-empty { padding: 45px; border: 1px dashed #cbd2cc; border-radius: 12px; text-align: center; }
.dashboard-empty p { margin: 0 0 10px; color: #7e8b83; font-size: 11px; }
.dashboard-empty a { color: #456452; font-size: 10px; font-weight: 900; }
.request-table { overflow: hidden; border: 1px solid #dde2dd; border-radius: 12px; background: #fff; }
.request-table-head, .request-table-row { display: grid; grid-template-columns: 1.1fr 1.6fr 1.25fr .7fr; align-items: center; }
.request-table-head { min-height: 42px; padding: 0 20px; color: #829088; background: #eef1ed; font-size: 8px; font-weight: 900; }
.request-table-row { min-height: 78px; padding: 14px 20px; border-top: 1px solid #ebeeeb; font-size: 10px; }
.request-table-row > span { min-width: 0; padding-right: 15px; }
.request-table-row b, .request-table-row small { display: block; }
.request-table-row b { margin-bottom: 4px; font-size: 11px; }
.request-table-row small { color: #929c96; font-size: 8px; }
.request-table-row a { color: #43644f; font-weight: 900; }
.read-all { border: 0; padding: 9px 12px; color: #fff; background: var(--forest); border-radius: 7px; cursor: pointer; font-size: 9px; font-weight: 800; }
.notification-list { overflow: hidden; border: 1px solid #dde2dd; border-radius: 12px; background: #fff; }
.notification-item { position: relative; padding: 20px 23px; display: flex; align-items: flex-start; gap: 15px; border-bottom: 1px solid #e9ece9; }
.notification-item:last-child { border: 0; }
.notification-item.unread { background: #f4f9ec; }
.notification-item.unread:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: #90b449; }
.notification-icon { width: 34px; height: 34px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; color: var(--forest); background: var(--lime); border-radius: 50%; font-size: 11px; font-weight: 900; }
.notification-item > div { min-width: 0; }
.notification-item strong { font-size: 11px; }
.notification-item p { margin: 6px 0; color: #68776e; font-size: 9px; line-height: 1.6; }
.notification-item time { color: #929c96; font-size: 8px; }
.notification-item > a { margin-left: auto; color: #486451; font-weight: 900; }
.notification-hero .profile-title h1 { margin-bottom: 7px; }
.notification-hero .profile-title p { color: #b9c8c0; font-size: 14px; line-height: 1.6; }
.notification-hero .profile-title p strong { color: #fff; }
.notification-board-link { min-height: 48px; padding: 0 20px; display: inline-flex; align-items: center; gap: 9px; color: var(--forest); border-radius: 8px; background: var(--lime); font-size: 14px; font-weight: 900; }
.notifications-only { padding-top: 52px; }
.notifications-only .dashboard-section { margin-bottom: 0; }
.notifications-only .dashboard-head { align-items: center; }
.notifications-only .dashboard-head h2 { font-size: 30px; }
.notifications-only .read-all { min-height: 42px; padding: 0 16px; font-size: 13px; }
.notifications-only .notification-item { padding: 24px 26px; gap: 18px; }
.notifications-only .notification-icon { width: 42px; height: 42px; font-size: 15px; }
.notifications-only .notification-item strong { color: #24342b; font-size: 16px; line-height: 1.45; }
.notifications-only .notification-item p { margin: 8px 0; color: #58685f; font-size: 14px; line-height: 1.7; }
.notifications-only .notification-item time { color: #69786f; font-size: 12px; }
.notifications-only .notification-item > a { min-height: 40px; padding: 0 13px; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; border: 1px solid #c9d4cc; border-radius: 7px; font-size: 13px; }
.notifications-only .dashboard-empty p { font-size: 14px; }
.notifications-only .dashboard-empty a { font-size: 13px; }

/* One-page live feed and terminal workspace */
.live-sync-bar { min-height: 45px; margin: -4px 0 18px; padding: 0 14px; display: flex; align-items: center; gap: 13px; color: #64736a; border: 1px solid #dce2dc; border-radius: 8px; background: #f6f8f5; font-family: Consolas, "Courier New", monospace; font-size: 9px; }
.live-sync-bar > span { color: #315b42; font-weight: 900; letter-spacing: .1em; }
.live-sync-bar > span i, .terminal-signal i { width: 6px; height: 6px; margin-right: 6px; display: inline-block; border-radius: 50%; background: #8ac43f; box-shadow: 0 0 0 4px rgba(138,196,63,.12); animation: terminalPulse 1.8s infinite; }
.live-sync-bar p { margin: 0; }
.live-sync-bar time { margin-left: auto; color: #8b978f; }
.store-terminal-card { overflow: hidden; padding-top: 47px; }
.store-terminal-card .terminal-card-head { position: absolute; left: 0; right: 0; top: 0; height: 34px; padding: 0 15px; display: flex; align-items: center; justify-content: space-between; color: #829087; background: #edf1ed; border-bottom: 1px solid #dde3de; font-family: Consolas, "Courier New", monospace; font-size: 8px; letter-spacing: .08em; }
.terminal-signal { color: #4e7359; }
.store-terminal-card .store-avatar { margin-top: 19px; }
.terminal-start-button { position: relative; z-index: 3; width: 100%; min-height: 45px; margin-top: 19px; padding: 0 13px; display: flex; align-items: center; gap: 9px; border: 1px solid #183226; border-radius: 7px; color: var(--lime); background: var(--forest); cursor: pointer; font-family: Consolas, "Malgun Gothic", monospace; font-size: 10px; font-weight: 900; transition: .2s; }
.terminal-start-button:hover { color: var(--forest); background: var(--lime); transform: translateY(-1px); box-shadow: 0 9px 24px rgba(20,37,29,.16); }
.terminal-start-button em { margin-left: auto; color: inherit; font-style: normal; font-size: 8px; letter-spacing: .08em; opacity: .75; }
.operations-feed .terminal-start-button { min-height: 50px; }
.terminal-start-button.is-archive { color: #d6ddd8; background: #5d6b63; border-color: #5d6b63; }
.seo-detail-link { position: absolute; z-index: 3; right: 21px; top: 58px; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; color: #819087; border: 1px solid #d7ddd8; border-radius: 50%; font-size: 10px; }
.new-post-badge { position: absolute; z-index: 5; left: 14px; top: 43px; padding: 5px 8px; color: #17301f; background: var(--lime); border-radius: 4px; font-family: Consolas, monospace; font-size: 7px; font-weight: 900; letter-spacing: .12em; animation: newPostIn .55s both; }
.new-post-badge i { width: 5px; height: 5px; margin-right: 4px; display: inline-block; border-radius: 50%; background: #2d633d; }
.is-new-post { border-color: #9dbe66; box-shadow: 0 0 0 3px rgba(157,190,102,.13), 0 20px 45px rgba(20,37,29,.1); }
.live-empty { grid-column: 1/-1; }
@keyframes newPostIn { from { opacity: 0; transform: translateY(-8px); } }
@keyframes terminalPulse { 50% { opacity: .35; box-shadow: 0 0 0 8px rgba(138,196,63,0); } }

.activity-workspace { scroll-margin-top: 105px; margin-top: 25px; }
.workspace-loading { min-height: 250px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--lime); border-radius: 14px; background: #08140e; font-family: Consolas, monospace; }
.workspace-loading i { width: 34px; height: 34px; margin-bottom: 15px; border: 2px solid rgba(223,255,114,.2); border-top-color: var(--lime); border-radius: 50%; animation: consoleSpin .8s linear infinite; }
@keyframes consoleSpin { to { transform: rotate(360deg); } }
.reflection-console { position: relative; overflow: hidden; color: #d7e3db; border: 1px solid #294438; border-radius: 15px; background-color: #07140e; background-image: linear-gradient(rgba(106,151,116,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(106,151,116,.055) 1px, transparent 1px); background-size: 24px 24px; box-shadow: 0 30px 75px rgba(7,20,14,.25); font-family: Consolas, "Malgun Gothic", monospace; }
.console-scanline { pointer-events: none; position: absolute; z-index: 1; left: 0; right: 0; height: 90px; top: -90px; background: linear-gradient(transparent, rgba(223,255,114,.035), transparent); animation: scanConsole 7s linear infinite; }
@keyframes scanConsole { to { transform: translateY(900px); } }
.console-topbar { position: relative; z-index: 2; min-height: 43px; padding: 0 15px 0 20px; display: flex; align-items: center; justify-content: space-between; color: #71867a; border-bottom: 1px solid #274035; background: rgba(12,28,20,.92); font-size: 8px; letter-spacing: .1em; }
.console-topbar > div { display: flex; align-items: center; gap: 10px; }
.console-topbar b { color: var(--lime); }
.console-led { width: 7px; height: 7px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 12px var(--lime); }
.console-close { width: 29px; height: 29px; border: 1px solid #365144; border-radius: 5px; color: #9aada2; background: #10261a; cursor: pointer; font-size: 17px; }
.console-grid { position: relative; z-index: 2; display: grid; grid-template-columns: .86fr 1.14fr; }
.console-store-panel, .console-action-panel { min-height: 425px; padding: 34px; }
.console-store-panel { border-right: 1px solid #263e33; background: rgba(9,24,16,.7); }
.console-command { display: block; margin-bottom: 24px; color: #6f8b79; font-size: 9px; letter-spacing: .08em; }
.console-command:after { content: "_"; color: var(--lime); animation: cursorBlink 1s steps(1) infinite; }
@keyframes cursorBlink { 50% { opacity: 0; } }
.console-store-id { display: flex; align-items: center; gap: 15px; }
.console-store-id .store-avatar { width: 59px; height: 59px; margin: 0; color: #102117; background: var(--lime); border-radius: 11px; }
.console-store-id small { color: #64796d; font-size: 8px; letter-spacing: .12em; }
.console-store-id h2 { margin: 4px 0 0; color: #fff; font-family: inherit; font-size: 29px; letter-spacing: -.04em; }
.console-external { min-height: 45px; margin: 24px 0; padding: 0 14px; display: flex; align-items: center; justify-content: space-between; color: var(--lime); border: 1px solid #345143; border-radius: 6px; background: #0e2418; font-size: 10px; font-weight: 800; }
.console-data { display: grid; grid-template-columns: 1fr 1fr; margin: 0; border-top: 1px solid #243c30; border-left: 1px solid #243c30; }
.console-data > div { padding: 13px; border-right: 1px solid #243c30; border-bottom: 1px solid #243c30; }
.console-data dt { color: #61756a; font-size: 7px; }
.console-data dd { margin: 5px 0 0; color: #d9e5dd; font-size: 10px; }
.console-progress { height: 5px; margin: 18px 0; overflow: hidden; border-radius: 3px; background: #1b3126; }
.console-progress i { display: block; height: 100%; background: var(--lime); box-shadow: 0 0 12px rgba(223,255,114,.5); }
.console-log { margin: 0; color: #5e7467; font-size: 8px; line-height: 1.75; }
.console-log span { color: #8eaa98; }
.console-action-panel { display: flex; align-items: center; }
.console-request-form { width: 100%; }
.console-request-form h3 { margin: 0 0 7px; color: #fff; font-size: 22px; }
.console-request-form > p { margin: 0 0 22px; color: #73867a; font-size: 9px; }
.reflection-console .field > span:first-child { color: #9aada1; }
.reflection-console .input-wrap, .reflection-console .field textarea { color: #e1ebe4; border-color: #304a3d; background: #0d2117; }
.reflection-console .input-wrap input, .reflection-console .field textarea { color: #e1ebe4; }
.reflection-console .input-wrap:focus-within, .reflection-console .field textarea:focus { border-color: #91b45b; box-shadow: 0 0 0 3px rgba(145,180,91,.1); }
.terminal-submit { width: 100%; min-height: 53px; padding: 0 16px; display: flex; align-items: center; gap: 10px; color: #102117; border: 0; border-radius: 6px; background: var(--lime); cursor: pointer; font-family: inherit; font-size: 11px; font-weight: 900; }
.terminal-submit em { margin-left: auto; font-style: normal; font-size: 8px; }
.terminal-submit:disabled { opacity: .4; cursor: not-allowed; }
.console-state-message { width: 100%; padding: 35px; border: 1px solid #294336; border-radius: 8px; background: rgba(15,36,24,.75); text-align: center; }
.console-state-message strong { color: var(--lime); font-size: 13px; letter-spacing: .08em; }
.console-state-message p { color: #7f9487; font-size: 10px; line-height: 1.75; }
.console-state-message .terminal-start-button { justify-content: center; color: var(--forest); background: var(--lime); }
.console-state-message .terminal-start-button em { margin-left: 14px; }
.console-bump-form { margin-top: 12px; padding-top: 12px; border-top: 1px solid #294336; }
.console-bump-form button { width: 100%; min-height: 46px; padding: 0 15px; display: flex; align-items: center; justify-content: center; gap: 14px; color: var(--lime); border: 1px solid #668c54; border-radius: 6px; background: #142d1e; cursor: pointer; font-family: inherit; font-size: 10px; font-weight: 900; }
.console-bump-form button:hover:not(:disabled), .console-bump-form button:focus-visible:not(:disabled) { color: var(--forest); background: var(--lime); }
.console-bump-form button:disabled { color: #66796d; border-color: #294336; cursor: not-allowed; }
.console-bump-form button em { margin-left: 8px; font-style: normal; font-size: 8px; }
.console-bump-form small { display: block; margin-top: 9px; color: #60766a; font-size: 8px; line-height: 1.6; }
.login-console { text-decoration: none; }
.console-comments-control { position: relative; z-index: 2; padding: 0 34px 24px; }
.console-comments-control button { width: 100%; min-height: 50px; padding: 0 17px; display: flex; align-items: center; gap: 11px; color: #bac9c0; border: 1px solid #2b4638; border-radius: 6px; background: #0d2117; cursor: pointer; font-family: inherit; font-size: 10px; }
.console-comments-control button b { color: var(--lime); }
.console-comments-control button em { margin-left: auto; color: #6c8175; font-style: normal; font-size: 8px; }
.console-comments { position: relative; z-index: 2; padding: 0 34px 34px; }
.console-comment { margin-top: 9px; padding: 20px; border: 1px solid #294337; border-left: 3px solid #72897b; border-radius: 7px; background: rgba(10,28,18,.92); }
.console-comment.status-completed { border-left-color: #7eae68; }
.console-comment.status-overdue { border-left-color: #bc5b53; }
.console-comment-head { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.console-comment-head > div { display: flex; align-items: center; gap: 10px; }
.console-index { color: #5c7165; font-size: 7px; }
.console-comment-head strong { color: #fff; font-size: 11px; }
.console-comment-head time { color: #5f7368; font-size: 7px; }
.console-comment-data { display: flex; gap: 8px; margin: 15px 0 10px; }
.console-comment-data span { padding: 8px 10px; color: #718579; border: 1px solid #253d31; border-radius: 4px; font-size: 7px; }
.console-comment-data b { margin-left: 4px; color: var(--lime); font-size: 11px; }
.console-comment > p { margin: 0; color: #91a298; font-family: "Malgun Gothic", sans-serif; font-size: 10px; line-height: 1.7; }
.console-comment-actions { display: flex; gap: 8px; margin-top: 15px; }
.console-comment-actions a, .console-comment-actions button { min-height: 38px; padding: 0 12px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #3a5849; border-radius: 5px; color: #d3ded7; background: #122a1c; cursor: pointer; font-family: inherit; font-size: 8px; }
.console-comment-actions button { color: var(--forest); border-color: var(--lime); background: var(--lime); }
.console-comment-actions .js-visit-and-complete { color: var(--forest); border-color: var(--lime); background: var(--lime); font-weight: 900; }
.console-comment-actions .js-complete-open { color: var(--lime); border-color: #6e915c; background: #10271a; }
.console-complete-log { margin-top: 13px; padding: 10px; color: #89ad91; border-radius: 4px; background: #10291b; font-size: 8px; }
.console-empty-log { padding: 30px; color: #6f8377; border: 1px dashed #2b4538; text-align: center; font-size: 9px; }
.console-close-form { position: relative; z-index: 2; padding: 0 34px 28px; text-align: right; }
.console-close-form button { border: 0; color: #7b8d83; background: none; cursor: pointer; font-family: inherit; font-size: 8px; text-decoration: underline; }
.console-close-form button:disabled { opacity: .35; cursor: not-allowed; }
.console-error { padding: 35px; color: #ffaaa2; border-radius: 10px; background: #321815; font-family: Consolas, monospace; }
.live-inline-notice { position: sticky; z-index: 25; top: 90px; margin-bottom: 10px; padding: 11px 15px; color: #102117; background: var(--lime); border-radius: 7px; box-shadow: 0 10px 30px rgba(20,37,29,.18); font-size: 10px; font-weight: 900; }

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *:before, *:after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

@media (max-width: 980px) {
    .hero-grid { grid-template-columns: 1fr 440px; gap: 20px; }
    .hero-copy h1 { font-size: 50px; }
    .register-grid { gap: 50px; }
    .store-grid { grid-template-columns: repeat(2, 1fr); }
    .how-grid { grid-template-columns: 1fr 1fr; }
    .how-grid article:nth-child(3) { border-left: 1px solid #cdd2cc; border-top: 1px solid #cdd2cc; }
    .how-grid article:nth-child(4) { border-top: 1px solid #cdd2cc; }
    .detail-layout { grid-template-columns: minmax(0,1fr) 340px; gap: 25px; }
    .auth-layout { grid-template-columns: 1fr 430px; gap: 45px; }
    .faq-layout { gap: 45px; }
    .dashboard-grid { grid-template-columns: repeat(2,1fr); }
    .mypage-summary { min-width: 390px; }
}

@media (max-width: 760px) {
    .container { width: min(100% - 30px, 600px); }
    .site-header { height: 65px; }
    .main-nav { position: fixed; top: 65px; left: 0; right: 0; display: none; padding: 22px 15px; flex-direction: column; align-items: stretch; gap: 10px; background: var(--paper); border-bottom: 1px solid var(--line); box-shadow: 0 15px 30px rgba(20,37,29,.08); }
    .main-nav.is-open { display: flex; }
    .main-nav > a:not(.button), .nav-link { padding: 12px; text-align: left; }
    .logout-form .nav-link { width: 100%; }
    .mobile-menu-button { display: block; }
    .hero { padding-top: 68px; }
    .hero-grid { min-height: 0; display: block; }
    .hero-copy h1 { font-size: 44px; }
    .hero-visual { height: 330px; margin-top: 35px; transform: scale(.9); }
    .hero-stats { grid-template-columns: repeat(3, 1fr); }
    .hero-stats > div { padding: 0 12px; text-align: center; align-items: center; }
    .hero-stats > div:first-child { padding-left: 12px; }
    .hero-stats strong { font-size: 21px; }
    .hero-stats .stat-promise { display: none; }
    .register-section, .activities-section, .how-section { padding: 75px 0; }
    .faq-section { padding: 75px 0; }
    .register-grid { display: block; }
    .section-heading { margin-bottom: 38px; }
    .form-card { padding: 30px 23px; }
    .activities-head { display: block; }
    .store-search { margin-top: 25px; }
    .store-search input { flex: 1; width: auto; }
    .how-grid { grid-template-columns: 1fr 1fr; }
    .detail-hero { padding-top: 28px; }
    .detail-hero-grid { display: block; }
    .detail-summary { margin-top: 35px; }
    .detail-layout { display: flex; flex-direction: column-reverse; }
    .comments-column, .request-sidebar { width: 100%; }
    .request-sidebar { position: static; }
    .column-head { margin-top: 25px; }
    .footer-grid { grid-template-columns: 1fr; }
    .footer-links { flex-wrap: wrap; }
    .faq-layout, .auth-layout { display: block; }
    .faq-layout .section-heading { margin-bottom: 20px; }
    .auth-section { padding: 65px 0; }
    .auth-intro { margin-bottom: 45px; }
    .auth-intro h1 { font-size: 42px; }
    .simple-auth { padding: 65px 0; }
    .mypage-hero-grid { display: block; }
    .notification-board-link { margin-top: 26px; }
    .mypage-summary { min-width: 0; margin-top: 30px; }
    .mypage-tabs { top: 65px; overflow-x: auto; white-space: nowrap; }
    .request-table-head { display: none; }
    .request-table-row { grid-template-columns: 1fr 1fr; gap: 15px; }
    .request-table-row > span { padding: 0; }
    .live-sync-bar p { display: none; }
    .console-grid { grid-template-columns: 1fr; }
    .console-store-panel { min-height: 0; border-right: 0; border-bottom: 1px solid #263e33; }
    .console-action-panel { min-height: 0; }
    .console-store-panel, .console-action-panel { padding: 27px 22px; }
    .console-comments-control, .console-comments, .console-close-form { padding-left: 22px; padding-right: 22px; }
}

@media (max-width: 480px) {
    .hero-copy h1 { font-size: 38px; }
    .hero-copy > p br { display: none; }
    .hero-actions { align-items: stretch; flex-direction: column; gap: 12px; }
    .text-link { text-align: center; }
    .hero-visual { margin-left: -30px; margin-right: -30px; transform: scale(.78); }
    .hero-stats { margin-top: -20px; }
    .hero-stats span { font-size: 9px; }
    .store-grid, .how-grid { grid-template-columns: 1fr; }
    .how-grid article, .how-grid article:nth-child(3), .how-grid article:nth-child(4) { min-height: 220px; border: 1px solid #cdd2cc; border-bottom: 0; }
    .how-grid article:last-child { border-bottom: 1px solid #cdd2cc; }
    .activities-head h2 { font-size: 31px; }
    .form-card { margin-left: -5px; margin-right: -5px; }
    .detail-hero h1 { font-size: 43px; }
    .detail-summary { padding: 18px; }
    .summary-metrics { gap: 0; }
    .comment-card { padding: 21px 18px; }
    .comment-head { align-items: flex-start; }
    .countdown-badge, .complete-badge, .overdue-badge { white-space: nowrap; }
    .owner-actions { grid-template-columns: 1fr; }
    .field-pair { grid-template-columns: 1fr; }
    .request-form { padding: 27px 20px; }
    .modal { padding: 10px; }
    .modal-panel { max-height: calc(100vh - 20px); padding: 25px 20px; }
    .footer-links { flex-direction: column; }
    .auth-card { padding: 30px 22px; }
    .auth-intro h1 { font-size: 36px; }
    .mypage-summary { grid-template-columns: 1fr 1fr; }
    .mypage-summary span:nth-child(2) { border-right: 0; }
    .mypage-summary span:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.08); }
    .profile-title { align-items: flex-start; }
    .profile-title .store-avatar { width: 53px; height: 53px; border-radius: 15px; }
    .profile-title h1 { font-size: 29px; }
    .dashboard-head { align-items: flex-start; flex-direction: column; }
    .dashboard-grid { grid-template-columns: 1fr; }
    .request-table-row { grid-template-columns: 1fr; }
    .notification-item { padding: 17px 15px; }
    .notifications-only { padding-top: 38px; }
    .notifications-only .notification-item { display: grid; grid-template-columns: 42px minmax(0,1fr); padding: 20px 17px; }
    .notifications-only .notification-item > a { grid-column: 2; justify-self: start; margin-left: 0; }
    .store-terminal-card { padding-left: 20px; padding-right: 20px; }
    .console-topbar > div span:last-child { display: none; }
    .console-store-id h2 { font-size: 24px; }
    .console-request-form .field-pair { grid-template-columns: 1fr 1fr; }
    .console-comment-head, .console-comment-head > div { align-items: flex-start; flex-direction: column; }
    .console-comment-actions { flex-direction: column; }
    .console-comment-actions a, .console-comment-actions button { width: 100%; }
    .live-sync-bar { font-size: 8px; }
}

/* Brand, public facts and policy page */
.brand img { width: 150px; height: 36px; display: block; }
.brand-footer img { width: 150px; height: 36px; }
.main-nav a[aria-current="page"] { opacity: 1; text-decoration: underline; text-decoration-color: #8aac2a; text-decoration-thickness: 2px; text-underline-offset: 7px; }
.service-facts { padding: 92px 0 100px; background: #eef2ed; }
.service-facts-grid { margin: 40px 0 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.service-facts-grid > div { min-height: 145px; padding: 24px; border: 1px solid #d8e0d8; border-radius: 14px; background: #fff; }
.service-facts-grid dt { color: #557063; font-size: 12px; font-weight: 900; }
.service-facts-grid dd { margin: 13px 0 0; color: #25372e; font-size: 16px; font-weight: 750; line-height: 1.65; }
.policy-page-hero { padding: 75px 0 78px; color: #fff; background: #14251d; }
.page-breadcrumb { margin-bottom: 30px; display: flex; align-items: center; gap: 9px; color: #a7b7ae; font-size: 13px; }
.page-breadcrumb a:hover { color: #fff; text-decoration: underline; }
.policy-page-hero h1 { margin: 18px 0; font-size: clamp(42px,5vw,66px); line-height: 1.13; letter-spacing: -.065em; }
.policy-page-hero p { margin: 0; color: #b5c2bb; font-size: 16px; line-height: 1.8; }
.policy-page-hero time { margin-top: 18px; display: block; color: #83958b; font-size: 12px; }
.policy-page-main { padding: 75px 0 110px; background: #f7f7f3; }
.policy-page-layout { display: grid; grid-template-columns: 225px minmax(0,1fr); gap: 55px; align-items: start; }
.policy-page-nav { position: sticky; top: 98px; padding: 20px; border: 1px solid #dce1dc; border-radius: 12px; background: #fff; }
.policy-page-nav strong { display: block; margin-bottom: 13px; color: #25372e; font-size: 15px; }
.policy-page-nav a { display: block; padding: 8px 0; color: #66766d; font-size: 13px; line-height: 1.45; }
.policy-page-nav a:hover, .policy-page-nav a:focus-visible { color: #233f31; text-decoration: underline; }
.policy-page-content > section { scroll-margin-top: 105px; padding: 34px 0; display: grid; grid-template-columns: 54px minmax(0,1fr); gap: 20px; border-bottom: 1px solid #dce1dc; }
.policy-page-content > section:first-child { padding-top: 0; }
.policy-page-content > section > span { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; color: #476554; border-radius: 50%; background: #e2ebe4; font-size: 12px; font-weight: 900; }
.policy-page-content h2 { margin: 3px 0 17px; color: #1e3027; font-size: 28px; letter-spacing: -.045em; }
.policy-page-content h3 { margin: 24px 0 8px; color: #30483b; font-size: 17px; }
.policy-page-content p, .policy-page-content li { color: #586960; font-size: 15px; line-height: 1.85; }
.policy-page-content ul { margin: 8px 0 0; padding-left: 20px; }
.policy-page-content .danger { margin-top: 25px; padding: 30px; border: 1px solid #efb4af; border-radius: 12px; background: #fff1ef; }
.policy-page-content .danger > span { color: #963d38; background: #ffd8d4; }
.policy-page-content .danger strong { color: #9a3833; }
.policy-page-agreement { margin-top: 36px; padding: 25px; color: #fff; border-radius: 12px; background: #21372c; }
.policy-page-agreement strong { color: #dfff72; font-size: 14px; }
.policy-page-agreement p { margin: 10px 0 0; color: #d4dfd8; font-size: 14px; line-height: 1.8; }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

@media (forced-colors: active) {
    :focus-visible { outline-color: Highlight; }
    .status-badge i, .erp-status i, .pulse-dot, .console-led { forced-color-adjust: none; }
}

@media (max-width: 768px) {
    .service-facts { padding: 70px 0; }
    .service-facts-grid { grid-template-columns: 1fr 1fr; }
    .policy-page-layout { grid-template-columns: 1fr; gap: 28px; }
    .policy-page-nav { position: static; display: grid; grid-template-columns: 1fr 1fr; gap: 2px 14px; }
    .policy-page-nav strong { grid-column: 1 / -1; }
}

@media (max-width: 480px) {
    .brand img, .brand-footer img { width: 132px; height: auto; }
    .service-facts-grid { grid-template-columns: 1fr; }
    .policy-page-hero { padding: 55px 0 60px; }
    .policy-page-main { padding: 55px 0 80px; }
    .policy-page-nav { grid-template-columns: 1fr; }
    .policy-page-content > section { grid-template-columns: 1fr; }
    .policy-page-content .danger { padding: 24px 18px; }
}

/* Standalone reflection ERP: full viewport and readable control sizing */
.page-erp-standalone { min-width: 320px; color: #26323f; background: #f1f4f7; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", "Malgun Gothic", sans-serif; font-size: 15px; letter-spacing: -.012em; }
.page-erp-standalone .erp-page { min-height: 100vh; }
.page-erp-standalone .erp-workspace-drawer { top: 0; margin: 0; }
.page-erp-standalone .erp-drawer-backdrop { inset: 0; }
.page-erp-standalone .erp-breadcrumb { font-size: 13px; }
.page-erp-standalone .erp-page-header h1 { font-size: 36px; }
.page-erp-standalone .erp-page-header p { font-size: 14px; line-height: 1.65; }
.page-erp-standalone .erp-header-actions a { min-height: 46px; padding: 0 20px; font-size: 14px; }
.page-erp-standalone .erp-summary article { min-height: 116px; padding: 20px 22px; }
.page-erp-standalone .erp-summary article { position: relative; transition: border-color .15s, box-shadow .15s, transform .15s; }
.page-erp-standalone .erp-summary article a { display: block; }
.page-erp-standalone .erp-summary article.active { border-color: #2676ca; box-shadow: 0 0 0 2px rgba(38,118,202,.1); }
.page-erp-standalone .erp-summary article.active:after { content: "현재 보기"; position: absolute; right: 14px; top: 12px; padding: 3px 7px; color: #fff; border-radius: 10px; background: #2676ca; font-size: 10px; font-weight: 800; }
.page-erp-standalone .erp-summary article:has(a):hover { transform: translateY(-2px); border-color: #8bb4df; }
.page-erp-standalone .erp-summary span { font-size: 14px; }
.page-erp-standalone .erp-summary strong { font-size: 32px; }
.page-erp-standalone .erp-summary small { font-size: 12px; }
.page-erp-standalone .erp-panel-toolbar { min-height: 78px; }
.page-erp-standalone .erp-panel-title h2 { font-size: 23px; }
.page-erp-standalone .erp-panel-title > span { font-size: 13px; }
.page-erp-standalone .erp-filter-tabs a { min-width: 108px; font-size: 14px; }
.page-erp-standalone .erp-filter-tabs b { min-width: 23px; font-size: 11px; }
.page-erp-standalone .erp-search,
.page-erp-standalone .erp-search input,
.page-erp-standalone .erp-search button,
.page-erp-standalone .erp-search a { height: 46px; }
.page-erp-standalone .erp-search input { width: 250px; font-size: 14px; }
.page-erp-standalone .erp-search button,
.page-erp-standalone .erp-search a { font-size: 13px; }
.page-erp-standalone .erp-list-guide { min-height: 74px; }
.page-erp-standalone .guide-step { width: 30px; height: 30px; font-size: 12px; }
.page-erp-standalone .erp-list-guide strong { font-size: 13px; }
.page-erp-standalone .erp-list-guide small { font-size: 11px; }
.page-erp-standalone .erp-list-guide .live-sync-bar { min-height: 44px; font-size: 12px; }
.page-erp-standalone .live-sync-bar { font-family: inherit; letter-spacing: 0; }
.page-erp-standalone button.live-sync-bar { cursor: pointer; justify-content: center; color: #234f7c; border-color: #b9cde0; background: #fff; font: inherit; transition: background .15s, border-color .15s, opacity .15s; }
.page-erp-standalone button.live-sync-bar:hover { border-color: #2676ca; background: #f1f7fd; }
.page-erp-standalone button.live-sync-bar:focus-visible { outline: 3px solid rgba(38,118,202,.3); outline-offset: 2px; }
.page-erp-standalone button.live-sync-bar:disabled { cursor: wait; opacity: .65; }
.page-erp-standalone button.live-sync-bar > span { margin-right: 2px; color: #2676ca; font-size: 19px; line-height: 1; }
.page-erp-standalone button.live-sync-bar > strong { font-size: 13px; white-space: nowrap; }
.page-erp-standalone button.live-sync-bar > small { color: #586979; font-size: 11px; white-space: nowrap; }
.console-request-form.is-locked { margin-top: 18px; padding-top: 18px; border-top: 1px solid #d5dee6; text-align: left; }
.console-request-form.is-locked fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.console-request-form.is-locked fieldset:disabled { opacity: .65; }
.erp-workspace-drawer .console-action-panel.is-login-required { display: block; }
.erp-workspace-drawer .console-action-panel.is-login-required .console-login-intro { width: 100%; padding: 24px; }
.erp-workspace-drawer .console-action-panel.is-login-required .console-login-intro p { margin: 9px 0 17px; }
.erp-workspace-drawer .console-action-panel.is-login-required .login-console { min-height: 52px; margin: 0; font-size: 14px; }
.erp-workspace-drawer .console-action-panel.is-login-required .console-request-form.is-locked { width: 100%; margin-top: 24px; padding-top: 24px; }
.erp-workspace-drawer .console-action-panel.is-login-required .console-request-form.is-locked h3 { color: #25384b; }
.page-erp-standalone .erp-search-result { font-size: 13px; }
.page-erp-standalone .erp-work-views { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 12px; margin-bottom: 16px; }
.page-erp-standalone .erp-work-views > a { min-height: 86px; padding: 15px 17px; display: grid; grid-template-columns: 38px 1fr auto; align-items: center; gap: 12px; color: #526274; border: 1px solid #d5dde5; border-radius: 8px; background: #fff; box-shadow: 0 2px 8px rgba(33,49,67,.035); }
.page-erp-standalone .erp-work-views > a > span { width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center; color: #346da6; border-radius: 9px; background: #eaf3fc; font-size: 19px; font-weight: 900; }
.page-erp-standalone .erp-work-views strong,
.page-erp-standalone .erp-work-views small { display: block; }
.page-erp-standalone .erp-work-views strong { color: #26384b; font-size: 16px; }
.page-erp-standalone .erp-work-views small { margin-top: 5px; color: #596978; font-size: 12px; line-height: 1.45; }
.page-erp-standalone .erp-work-views b { min-width: 31px; height: 31px; padding: 0 8px; display: inline-flex; align-items: center; justify-content: center; color: #4c6074; border-radius: 16px; background: #eef2f6; font-size: 13px; }
.page-erp-standalone .erp-work-views > a.active { color: #fff; border-color: #245f9b; background: #2d70b2; box-shadow: 0 8px 20px rgba(45,112,178,.2); }
.page-erp-standalone .erp-work-views > a.active strong,
.page-erp-standalone .erp-work-views > a.active small { color: #fff; }
.page-erp-standalone .erp-work-views > a.active > span { color: #153e68; background: #fff; }
.page-erp-standalone .erp-work-views > a.active b { color: #1f568e; background: #fff; }
.page-erp-standalone .erp-personal-note { margin: 0 0 0 auto; color: #5f7081; font-size: 14px; }
.page-erp-standalone .erp-notifications-panel .erp-panel-toolbar { justify-content: space-between; }
.page-erp-standalone .erp-notifications-panel .notification-list { border: 0; border-radius: 0; }
.page-erp-standalone .erp-notifications-panel .notification-item { padding: 24px 26px; gap: 18px; }
.page-erp-standalone .erp-notifications-panel .notification-icon { width: 42px; height: 42px; font-size: 15px; }
.page-erp-standalone .erp-notifications-panel .notification-item strong { color: #24342b; font-size: 16px; line-height: 1.45; }
.page-erp-standalone .erp-notifications-panel .notification-item p { margin: 8px 0; color: #58685f; font-size: 14px; line-height: 1.7; }
.page-erp-standalone .erp-notifications-panel .notification-item time { color: #69786f; font-size: 12px; }
.page-erp-standalone .erp-notifications-panel .notification-item > a { min-height: 40px; padding: 0 13px; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; border: 1px solid #c9d4cc; border-radius: 7px; font-size: 13px; }
.page-erp-standalone .erp-notifications-panel .dashboard-empty { margin: 24px; }
.page-erp-standalone .erp-notification-read-form { margin-left: auto; }
.page-erp-standalone .erp-notification-read-form .read-all { min-height: 42px; padding: 0 16px; font-size: 13px; }
@media (max-width: 600px) {
    .page-erp-standalone .erp-notifications-panel .notification-item { display: grid; grid-template-columns: 42px minmax(0,1fr); padding: 20px 17px; }
    .page-erp-standalone .erp-notifications-panel .notification-item > a { grid-column: 2; justify-self: start; margin-left: 0; }
    .page-erp-standalone .erp-notifications-panel .erp-panel-toolbar { align-items: flex-start; }
    .page-erp-standalone .erp-notification-read-form { margin-left: 0; }
}

/* Suspicious alert reports */
.suspicion-report-box { margin-top: 14px; border: 1px solid #70493e; border-radius: 6px; background: rgba(72,33,25,.28); }
.suspicion-report-box > summary { min-height: 42px; padding: 0 13px; display: flex; align-items: center; color: #ffb5a8; cursor: pointer; font-size: 10px; font-weight: 900; list-style: none; }
.suspicion-report-box > summary::-webkit-details-marker { display: none; }
.suspicion-report-box > summary:before { content: "!"; width: 21px; height: 21px; margin-right: 8px; display: inline-flex; align-items: center; justify-content: center; color: #401e18; border-radius: 50%; background: #ff9c8b; font-weight: 900; }
.suspicion-report-box[open] > summary { border-bottom: 1px solid #70493e; }
.suspicion-report-form { padding: 16px; }
.suspicion-report-form > p { margin: 0 0 15px; color: #c5a49c; font-family: "Malgun Gothic", sans-serif; font-size: 11px; line-height: 1.7; }
.suspicion-report-form > p strong { color: #ffd1c9; }
.reflection-console .suspicion-report-form .input-wrap select { color: #e1ebe4; }
.reflection-console .suspicion-report-form .input-wrap select option { color: #14251d; background: #fff; }
.suspicion-report-form > button { min-height: 42px; padding: 0 15px; color: #fff; border: 1px solid #b65e50; border-radius: 5px; background: #8b3d34; cursor: pointer; font-family: inherit; font-size: 10px; font-weight: 900; }
.suspicion-report-form > button:disabled { cursor: wait; opacity: .55; }
.suspicion-report-state { margin-top: 14px; padding: 12px 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #ffd1c9; border: 1px solid #70493e; border-radius: 6px; background: rgba(72,33,25,.28); }
.suspicion-report-state strong { font-size: 10px; }
.suspicion-report-state span { color: #c5a49c; font-size: 9px; }
.suspicion-report-box.light { border-color: #e6c2bc; background: #fff7f5; }
.suspicion-report-box.light > summary { color: #8b3d34; }
.suspicion-report-box.light[open] > summary { border-color: #e6c2bc; }
.suspicion-report-box.light .suspicion-report-form > p { color: #765f5a; }
.suspicion-report-box.light .suspicion-report-form > p strong { color: #75352d; }
.suspicion-report-state.light { color: #75352d; border-color: #e6c2bc; background: #fff7f5; }
.suspicion-report-state.light span { color: #765f5a; }

.report-admin-hero { padding: 62px 0; color: #fff; background: linear-gradient(135deg,#2b1714 0%,#693229 100%); }
.report-admin-head { display: flex; align-items: center; justify-content: space-between; gap: 35px; }
.report-admin-head h1 { margin: 11px 0 10px; font-size: clamp(38px,5vw,58px); letter-spacing: -.06em; }
.report-admin-head p { max-width: 720px; margin: 0; color: #e4c9c3; font-size: 16px; line-height: 1.7; }
.report-admin-main { min-height: 650px; padding: 42px 0 100px; background: #f3f1ed; }
.report-safety-note { margin-bottom: 22px; padding: 20px 23px; display: flex; align-items: center; gap: 22px; color: #6e342d; border: 2px solid #d27366; border-radius: 13px; background: #fff2ef; }
.report-safety-note strong { white-space: nowrap; font-size: 17px; }
.report-safety-note p { margin: 0; font-size: 14px; line-height: 1.65; }
.report-admin-stats { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin-bottom: 22px; }
.report-admin-stats > div { min-height: 105px; padding: 21px; display: flex; align-items: center; justify-content: space-between; border: 1px solid #ddd9d3; border-radius: 13px; background: #fff; }
.report-admin-stats span { color: #716d68; font-size: 14px; font-weight: 800; }
.report-admin-stats strong { color: #673128; font-size: 31px; }
.report-filter { overflow-x: auto; margin-bottom: 20px; padding: 6px; display: flex; gap: 5px; border: 1px solid #ddd9d3; border-radius: 11px; background: #fff; }
.report-filter a { min-height: 40px; padding: 0 15px; display: inline-flex; align-items: center; justify-content: center; color: #716d68; border-radius: 7px; white-space: nowrap; font-size: 13px; font-weight: 800; }
.report-filter a.active { color: #fff; background: #673128; }
.report-list { display: grid; gap: 16px; }
.report-ticket { overflow: hidden; border: 1px solid #d9d5cf; border-left: 5px solid #d16c5e; border-radius: 14px; background: #fff; box-shadow: 0 8px 28px rgba(49,34,28,.055); }
.report-ticket.status-reviewing { border-left-color: #d69d44; }
.report-ticket.status-resolved { border-left-color: #4a8765; }
.report-ticket.status-dismissed { border-left-color: #8b918d; }
.report-ticket > header { min-height: 66px; padding: 15px 21px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid #ebe7e2; background: #fbfaf8; }
.report-ticket > header > div { display: flex; align-items: center; gap: 11px; }
.report-ticket > header strong { font-size: 16px; }
.report-ticket > header time { color: #7e7a75; font-size: 13px; }
.report-status { padding: 5px 9px; color: #843b31; border-radius: 999px; background: #ffe3de; font-size: 12px; font-weight: 900; }
.report-ticket-grid { padding: 21px; display: grid; grid-template-columns: 1.2fr .8fr; gap: 18px; }
.report-identity-data { margin: 0; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid #e6e2dc; border-left: 1px solid #e6e2dc; }
.report-identity-data > div { min-width: 0; padding: 13px; border-right: 1px solid #e6e2dc; border-bottom: 1px solid #e6e2dc; }
.report-identity-data dt { color: #827d77; font-size: 11px; }
.report-identity-data dd { overflow-wrap: anywhere; margin: 5px 0 0; color: #2b2926; font-size: 14px; font-weight: 800; }
.report-identity-data a { color: #673128; text-decoration: underline; text-underline-offset: 3px; }
.report-claim-box { padding: 18px; border: 1px solid #ead3ce; border-radius: 10px; background: #fff6f4; }
.report-claim-box span,.report-claim-box strong { display: block; }
.report-claim-box span { color: #8a5e56; font-size: 11px; font-weight: 800; }
.report-claim-box strong { margin-top: 8px; color: #71342c; font-size: 16px; }
.report-claim-box p { margin: 9px 0 0; color: #765f5a; font-size: 13px; line-height: 1.55; }
.report-user-details { margin: 0 21px 21px; padding: 17px 19px; border-radius: 9px; background: #f4f2ee; }
.report-user-details strong { font-size: 12px; }
.report-user-details p { margin: 7px 0 0; color: #56524e; font-size: 14px; line-height: 1.7; }
.report-review-form { padding: 20px 21px; display: grid; grid-template-columns: 220px minmax(0,1fr) auto; align-items: end; gap: 13px; border-top: 1px solid #e8e4df; background: #fbfaf8; }
.report-review-form .field { margin: 0; }
.report-review-form textarea { min-height: 52px; }
.report-review-form .button { min-height: 52px; }

@media (max-width: 900px) {
    .report-admin-stats { grid-template-columns: 1fr 1fr; }
    .report-ticket-grid { grid-template-columns: 1fr; }
    .report-review-form { grid-template-columns: 1fr; align-items: stretch; }
    .report-review-form .button { width: 100%; }
}
@media (max-width: 600px) {
    .report-admin-hero { padding: 45px 0; }
    .report-admin-head { align-items: flex-start; flex-direction: column; }
    .report-admin-head p { font-size: 14px; }
    .report-safety-note { align-items: flex-start; flex-direction: column; gap: 7px; }
    .report-admin-stats { grid-template-columns: 1fr 1fr; gap: 8px; }
    .report-admin-stats > div { min-height: 82px; padding: 15px; }
    .report-ticket > header,.report-ticket > header > div { align-items: flex-start; flex-direction: column; }
    .report-ticket > header { gap: 8px; }
    .report-identity-data { grid-template-columns: 1fr 1fr; }
    .report-ticket-grid { padding: 16px; }
    .report-user-details { margin: 0 16px 16px; }
    .report-review-form { padding: 16px; }
    .suspicion-report-state { align-items: flex-start; flex-direction: column; }
}
.page-erp-standalone .erp-board-head { min-height: 48px; font-size: 12px; }
.page-erp-standalone .erp-board-head,
.page-erp-standalone .erp-board-row { grid-template-columns: 120px minmax(250px,1.45fr) 240px minmax(160px,.8fr) 130px 190px; }
.page-erp-standalone .erp-board-row { min-height: 104px; }
.page-erp-standalone .erp-status { font-size: 13px; }
.page-erp-standalone .erp-status.task { color: #9a6419; }
.page-erp-standalone .erp-status.task i { background: #e5a33d; }
.page-erp-standalone .erp-status.completed { color: #246cae; }
.page-erp-standalone .erp-status.completed i { background: #3d8bd1; }
.page-erp-standalone .erp-new-label { font-size: 10px; }
.page-erp-standalone .erp-new-label.is-up { color: #245f94; background: #dceefe; }
.page-erp-standalone .erp-cell-store .store-avatar { width: 50px; height: 50px; font-size: 14px; }
.page-erp-standalone .erp-cell-store h3 { font-size: 18px; }
.page-erp-standalone .erp-cell-store a { font-size: 12px; }
.page-erp-standalone .erp-cell-count span { font-size: 12px; }
.page-erp-standalone .erp-cell-count b { font-size: 18px; }
.page-erp-standalone .erp-cell-progress strong { font-size: 14px; }
.page-erp-standalone .erp-cell-up time { font-size: 13px; }
.page-erp-standalone .erp-cell-up small { font-size: 11px; }
.page-erp-standalone .erp-cell-up strong { display: block; margin-bottom: 6px; color: #2b3d50; font-size: 13px; }
.page-erp-standalone .erp-task-values { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.page-erp-standalone .erp-task-values span { padding: 10px; color: #667587; border: 1px solid #dbe3e9; border-radius: 6px; background: #f7f9fb; text-align: center; font-size: 12px; }
.page-erp-standalone .erp-task-values b { display: block; margin-top: 4px; color: #26384a; font-size: 15px; }
.page-erp-standalone .erp-task-values.is-complete span { border-color: #cfe0f1; background: #f1f7fd; }
.page-erp-standalone .erp-task-values.is-complete b { color: #246aa8; }
.page-erp-standalone .erp-cell-deadline .countdown-badge { min-height: 35px; padding: 0 10px; justify-content: center; font-size: 12px; }
.page-erp-standalone .erp-request-origin span { display: block; color: #596a7c; font-size: 13px; line-height: 1.65; }
.page-erp-standalone .erp-action-button { min-height: 54px; }
.page-erp-standalone .erp-action-button span { font-size: 14px; }
.page-erp-standalone .erp-action-button em { font-size: 10px; }
.page-erp-standalone .erp-board-empty strong { font-size: 18px; }
.page-erp-standalone .erp-board-empty p,
.page-erp-standalone .erp-board-empty a { font-size: 13px; }
.page-erp-standalone .erp-account-gate-row { display: block; }
.page-erp-standalone .erp-account-gate { min-height: 310px; padding: 40px 20px; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; }
.page-erp-standalone .erp-account-gate-icon { width: 55px; height: 55px; margin-bottom: 16px; display: flex; align-items: center; justify-content: center; color: #fff; border-radius: 15px; background: #2d70b2; font-size: 24px; font-weight: 900; }
.page-erp-standalone .erp-account-gate strong { color: #26384b; font-size: 20px; }
.page-erp-standalone .erp-account-gate p { max-width: 510px; margin: 9px 0 20px; color: #5f7081; font-size: 14px; line-height: 1.7; }
.page-erp-standalone .erp-account-gate a { min-height: 48px; padding: 0 22px; display: inline-flex; align-items: center; color: #fff; border-radius: 6px; background: #2d70b2; font-size: 14px; font-weight: 800; }
.page-erp-standalone .erp-workspace-drawer .console-topbar { min-height: 64px; font-size: 12px; }
.page-erp-standalone .erp-workspace-drawer .console-command { font-size: 12px; }
.page-erp-standalone .erp-workspace-drawer .console-store-id small { font-size: 11px; }
.page-erp-standalone .erp-workspace-drawer .console-store-id h2 { font-size: 32px; }
.page-erp-standalone .erp-workspace-drawer .console-external { min-height: 52px; font-size: 13px; }
.page-erp-standalone .erp-workspace-drawer .console-data dt { font-size: 11px; }
.page-erp-standalone .erp-workspace-drawer .console-data dd { font-size: 14px; }
.page-erp-standalone .erp-workspace-drawer .console-request-form h3 { font-size: 26px; }
.page-erp-standalone .erp-workspace-drawer .console-request-form > p { font-size: 13px; }
.page-erp-standalone .erp-workspace-drawer .console-state-message strong { font-size: 20px; }
.page-erp-standalone .erp-workspace-drawer .console-state-message p,
.page-erp-standalone .erp-workspace-drawer .console-bump-form small { font-size: 13px; }
.page-erp-standalone .erp-workspace-drawer .field.compact > span:first-child { font-size: 13px; }
.page-erp-standalone .erp-workspace-drawer .field.compact input,
.page-erp-standalone .erp-workspace-drawer .field textarea { font-size: 14px; }
.page-erp-standalone .erp-workspace-drawer .terminal-submit { min-height: 58px; font-size: 14px; }
.page-erp-standalone .erp-workspace-drawer .terminal-submit em { font-size: 11px; }
.page-erp-standalone .erp-workspace-drawer .console-comments-control button { min-height: 56px; font-size: 13px; }
.page-erp-standalone .erp-workspace-drawer .console-comments-control button em { font-size: 11px; }
.page-erp-standalone .erp-workspace-drawer .console-comment-head strong { font-size: 14px; }
.page-erp-standalone .erp-workspace-drawer .console-comment-head time,
.page-erp-standalone .erp-workspace-drawer .console-index { font-size: 11px; }
.page-erp-standalone .erp-workspace-drawer .console-comment-data span { font-size: 11px; }
.page-erp-standalone .erp-workspace-drawer .console-comment-data b { font-size: 14px; }
.page-erp-standalone .erp-workspace-drawer .console-comment > p { font-size: 13px; }
.page-erp-standalone .erp-workspace-drawer .console-comment-actions a,
.page-erp-standalone .erp-workspace-drawer .console-comment-actions button { min-height: 44px; font-size: 12px; }
.page-erp-standalone #complete-modal .modal-head h2 { font-size: 28px; }
.page-erp-standalone #complete-modal .complete-target small { font-size: 11px; }
.page-erp-standalone #complete-modal .complete-target strong { font-size: 15px; }
.page-erp-standalone #complete-modal .complete-target a { font-size: 13px; }
.page-erp-standalone #complete-modal .field > span:first-child { font-size: 14px; }
.page-erp-standalone #complete-modal .input-wrap input,
.page-erp-standalone #complete-modal .field textarea { font-size: 15px; }
.page-erp-standalone #complete-modal .modal-warning p { font-size: 12px; }

@media (max-width: 1100px) {
    .page-erp-standalone .erp-panel-toolbar { align-items: stretch; flex-wrap: wrap; }
    .page-erp-standalone .erp-panel-title { width: 100%; }
    .page-erp-standalone .erp-personal-note { margin-left: 0; }
    .page-erp-standalone .erp-board-head { display: none; }
    .page-erp-standalone .erp-board-body { padding: 12px; display: grid; gap: 12px; background: #eef2f5; }
    .page-erp-standalone .erp-board-row { min-height: 0; padding: 17px; display: grid; grid-template-columns: minmax(0,1fr) 190px; gap: 14px 20px; border: 1px solid #d5dee5; border-radius: 8px; }
    .page-erp-standalone .erp-cell { padding: 0; }
    .page-erp-standalone .erp-cell-status { grid-column: 1; grid-row: 1; }
    .page-erp-standalone .erp-cell-store { grid-column: 1; grid-row: 2; }
    .page-erp-standalone .erp-cell-count,
    .page-erp-standalone .erp-task-values { grid-column: 1; grid-row: 3; padding: 12px; border-radius: 6px; background: #f5f7f9; }
    .page-erp-standalone .erp-cell-progress,
    .page-erp-standalone .erp-cell-deadline,
    .page-erp-standalone .erp-request-origin { grid-column: 1; grid-row: 4; }
    .page-erp-standalone .erp-cell-up { grid-column: 2; grid-row: 1; text-align: right; }
    .page-erp-standalone .erp-cell-action { grid-column: 2; grid-row: 2 / span 3; display: flex; align-items: stretch; }
    .page-erp-standalone .erp-action-button { min-height: 100%; }
}

@media (max-width: 768px) {
    .page-erp-standalone .erp-page-header h1 { font-size: 32px; }
    .page-erp-standalone .erp-page-header p { font-size: 13px; }
    .page-erp-standalone .erp-list-guide .live-sync-bar { font-size: 12px; }
    .page-erp-standalone .erp-board-row { min-height: 0; }
    .page-erp-standalone .erp-work-views { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
    .page-erp-standalone .erp-page-header h1 { font-size: 29px; }
    .page-erp-standalone .erp-summary span { font-size: 12px; }
    .page-erp-standalone .erp-summary strong { font-size: 27px; }
    .page-erp-standalone .erp-summary small { font-size: 11px; }
    .page-erp-standalone .erp-panel-title h2 { font-size: 21px; }
    .page-erp-standalone .erp-filter-tabs a { font-size: 13px; }
    .page-erp-standalone .erp-cell-count span { font-size: 11px; }
    .page-erp-standalone .erp-board-row { grid-template-columns: 1fr; }
    .page-erp-standalone .erp-cell-status,
    .page-erp-standalone .erp-cell-store,
    .page-erp-standalone .erp-cell-count,
    .page-erp-standalone .erp-task-values,
    .page-erp-standalone .erp-cell-progress,
    .page-erp-standalone .erp-cell-deadline,
    .page-erp-standalone .erp-request-origin,
    .page-erp-standalone .erp-cell-up,
    .page-erp-standalone .erp-cell-action { grid-column: 1; grid-row: auto; text-align: left; }
    .page-erp-standalone .erp-action-button { min-height: 54px; }
}

@media (max-width: 768px) {
    .erp-page-header-inner { align-items: flex-start; flex-direction: column; }
    .erp-header-actions { width: 100%; }
    .erp-header-actions a { flex: 1; }
    .erp-summary { grid-template-columns: 1fr 1fr; }
    .erp-panel-toolbar { align-items: stretch; flex-wrap: wrap; }
    .erp-panel-title { width: 100%; }
    .erp-filter-tabs { min-height: 44px; margin-left: 0; }
    .erp-search { flex: 1; margin-left: auto; }
    .erp-search input { flex: 1; width: auto; }
    .erp-list-guide { align-items: flex-start; flex-direction: column; }
    .erp-list-guide > i { display: none; }
    .erp-list-guide .live-sync-bar { width: 100%; margin-left: 0; }
    .erp-board-head { display: none; }
    .erp-board-body { padding: 10px; display: grid; gap: 10px; background: #eef2f5; }
    .erp-board-row { min-height: 0; padding: 15px; display: grid; grid-template-columns: 1fr 150px; gap: 13px 18px; border: 1px solid #d5dee5; border-radius: 7px; }
    .erp-cell { padding: 0; }
    .erp-cell-status { grid-column: 1; grid-row: 1; }
    .erp-cell-store { grid-column: 1; grid-row: 2; }
    .erp-cell-count { grid-column: 1; grid-row: 3; padding: 11px; border-radius: 5px; background: #f5f7f9; }
    .erp-cell-progress { grid-column: 1; grid-row: 4; }
    .erp-cell-up { grid-column: 2; grid-row: 1; text-align: right; }
    .erp-cell-action { grid-column: 2; grid-row: 2 / span 3; display: flex; align-items: stretch; }
    .erp-action-button { min-height: 100%; }
    .erp-workspace-drawer { top: 65px; width: min(690px,100vw); }
    .erp-drawer-backdrop { inset: 65px 0 0; }
    .activities-gateway-grid { grid-template-columns: 1fr; gap: 45px; }
    .activities-gateway h2 { font-size: 38px; }
    .operations-page { padding-top: 35px; }
    .operations-header { align-items: flex-start; flex-direction: column; }
    .operations-clock { width: 100%; text-align: left; }
    .operations-metrics { grid-template-columns: 1fr 1fr; }
    .operations-metrics > div:nth-child(2) { border-right: 0; }
    .operations-metrics > div:nth-child(-n+2) { border-bottom: 1px solid #294337; }
    .operations-toolbar { align-items: stretch; flex-direction: column; }
    .operations-search input { width: 100%; }
    .operations-search > div { width: 100%; }
    .operations-layout { grid-template-columns: 1fr; }
    .operations-sidebar { position: static; grid-template-columns: 1fr 1fr; }
    .system-account-link { grid-column: 1/-1; }
    .operations-feed .store-grid { grid-template-columns: 1fr; }
    .operations-workspace-head { align-items: flex-start; flex-direction: column; }
    .support-heading h1 { font-size: 38px; }
    .support-main { padding: 55px 0 80px; }
    .support-grid { grid-template-columns: 1fr; }
    .support-card { padding: 27px 22px; }
    .admin-head { align-items: flex-start; flex-direction: column; }
    .admin-stats { grid-template-columns: 1fr; }
    .admin-stats div { border-right: 0; border-bottom: 1px solid #e1e4e0; }
    .admin-ticket > header, .admin-ticket > header > div { align-items: flex-start; flex-direction: column; }
    .admin-ticket-data { grid-template-columns: 1fr 1fr; gap: 16px 0; }
    .admin-ticket-data div:nth-child(2) { border-right: 0; }
    .admin-ticket-actions { grid-template-columns: 1fr; }
    .admin-reply-form { align-items: stretch; flex-direction: column; }
}

@media (max-width: 480px) {
    .erp-container { width: calc(100% - 20px); }
    .erp-page-header { padding: 20px 0; }
    .page-erp-standalone .erp-header-actions a { min-width: 0; padding: 0 8px; white-space: nowrap; font-size: 12px; }
    .erp-page-header h1 { font-size: 25px; }
    .erp-page-header p { font-size: 10px; line-height: 1.6; }
    .erp-summary { gap: 7px; }
    .erp-summary article { min-height: 88px; padding: 14px; }
    .erp-summary span { font-size: 9px; }
    .erp-summary strong { font-size: 23px; }
    .erp-filter-tabs { width: 100%; }
    .erp-filter-tabs a { flex: 1; }
    .erp-search { width: 100%; }
    .erp-board-row { grid-template-columns: 1fr; }
    .erp-cell-status, .erp-cell-store, .erp-cell-count, .erp-cell-progress, .erp-cell-up, .erp-cell-action { grid-column: 1; grid-row: auto; }
    .erp-cell-up { text-align: left; }
    .erp-action-button { min-height: 48px; }
    .erp-workspace-drawer .console-store-panel, .erp-workspace-drawer .console-action-panel { padding: 19px 15px; }
    .erp-workspace-drawer .console-action-panel.is-login-required .console-request-form .field-pair { grid-template-columns: 1fr; }
    .erp-workspace-drawer .console-comments-control, .erp-workspace-drawer .console-comments, .erp-workspace-drawer .console-close-form { padding-left: 15px; padding-right: 15px; }
    .activities-gateway { padding: 70px 0; }
    .activities-gateway h2 { font-size: 34px; }
    .operations-shell { width: min(100% - 24px, 1380px); }
    .operations-header h1 { font-size: 31px; }
    .operations-title-row { gap: 10px; }
    .operations-led { width: 8px; height: 8px; }
    .operations-metrics > div { min-height: 95px; padding: 16px; }
    .operations-metrics strong { font-size: 25px; }
    .operations-tabs { width: 100%; }
    .operations-tabs a { flex: 1; justify-content: center; }
    .operations-search button, .operations-search a { padding: 0 9px; }
    .operations-sidebar { grid-template-columns: 1fr; }
    .system-account-link { grid-column: auto; }
    .operations-content, .operations-workspace-section { padding: 17px 13px; }
    .operations-feed-head { align-items: flex-start; flex-direction: column; }
    .operations-feed-head .live-sync-bar { width: 100%; min-width: 0; }
    .support-hero { padding: 55px 0; }
    .support-heading h1 { font-size: 34px; }
    .support-card .field-pair { grid-template-columns: 1fr; }
    .admin-ticket { padding: 20px 16px; }
    .admin-ticket-data { grid-template-columns: 1fr; }
    .admin-ticket-data div { padding: 0; border-right: 0; }
}

/* 전 페이지 읽기 쉬운 글자 크기와 WCAG AA 대비 */
body { font-size: 16px; }
small { font-size: 12px !important; }
.eyebrow { color: #53655b; font-size: 12px; }
.example-link span { color: #596960; font-size: 12px; }
.example-link small,
.form-card-head p,
.sidebar-head p,
.section-heading > p,
.faq-list details p,
.how-grid p,
.auth-card > p,
.support-card > p { color: #5b6a62; }
.step-chip,
.field > span:first-child b,
.field > span:first-child small,
.store-id-preview,
.field-hint,
.field-error,
.char-count,
.input-suffix em,
.agreement-policy-link,
.login-help-link,
.auth-divider span { font-size: 12px; }
.field > span:first-child b { color: #4f6b2e; }
.field > span:first-child small,
.store-id-preview,
.field-hint,
.char-count,
.secure-note,
.auth-divider span { color: #5f6c64; }
.check-field > .custom-check + span,
.abuse-warning p { font-size: 13px; }
.secure-note,
.privacy-mini { font-size: 12px; }
.privacy-mini { color: #53645a; }
.support-card > p,
.auth-card > p,
.faq-list details p,
.how-grid p { font-size: 14px; }
.gateway-terminal > div,
.gateway-terminal > p,
.gateway-terminal li,
.gateway-terminal li span { font-size: 12px; }
.gateway-terminal > div,
.gateway-terminal > p,
.gateway-terminal li span { color: #9fb1a5; }
.how-number { color: #596a60; font-size: 12px; }
.back-link { font-size: 13px; }
.detail-label { color: #b2c0b7; font-size: 12px; }
.detail-created { color: #b2c0b7; font-size: 13px; }
.summary-rate > div:last-child span,
.summary-rate small,
.summary-metrics span { color: #b2c0b7; font-size: 12px; }
.comment-author time,
.request-numbers small,
.completion-box time { color: #5f6e66; font-size: 12px; }
.request-numbers em { font-size: 12px; }
.site-footer p { color: #aab8b0; font-size: 13px; }
.footer-note { color: #98a79f; font-size: 12px; }
.request-form > p { color: #53645a; font-size: 14px; }
.closed-panel > p,
.comment-message,
.completion-box p { font-size: 13px; }
.footer-links a,
.footer-links button,
.text-link-dark,
.status-badge,
.owner-badge,
.countdown-badge,
.complete-badge,
.overdue-badge,
.author-avatar,
.rate-ring span { font-size: 12px; }