:root{--ink:#171717;--muted:#6b7280;--paper:#fff;--page:#f4f7f6;--line:#e5eee9;--brand:#22bc7e;--brand-dark:#1aa36c;--brand-soft:#e8f8f1;--danger:#e5484d;--radius:10px;--radius-lg:16px;--shadow:0 8px 24px #1717170f;color:var(--ink);background:var(--page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Pretendard Variable,Pretendard,Inter,Apple SD Gothic Neo,Noto Sans KR,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--page);min-height:100vh;color:var(--ink)}.copy-test-page{background:radial-gradient(circle at 80% 0,#22bc7e1f,#0000 34%),#eef3f0;min-height:100vh;padding:36px clamp(20px,5vw,72px) 72px}.copy-test-toolbar{justify-content:space-between;align-items:flex-end;gap:28px;width:min(1180px,100%);margin:0 auto 18px;display:flex}.copy-test-kicker{color:var(--brand-dark);letter-spacing:.18em;font-size:12px;font-weight:800}.copy-test-toolbar h1{letter-spacing:-.04em;margin:8px 0;font-size:clamp(28px,4vw,42px)}.copy-test-toolbar p{color:var(--muted);margin:0}.copy-test-actions{flex:none;gap:10px;display:flex}.copy-test-actions button{cursor:pointer;border-radius:10px;min-height:46px;padding:0 20px;font-weight:750}.copy-primary{border:1px solid var(--brand);background:var(--brand);color:#fff}.copy-secondary{color:var(--ink);background:#fff;border:1px solid #cdd9d3}.copy-test-status{color:#14764e;background:#e7f8f0;border:1px solid #bde5d2;border-radius:10px;width:min(1180px,100%);min-height:42px;margin:0 auto 18px;padding:11px 16px;font-size:14px}.copy-test-grid{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:24px;width:min(1180px,100%);margin:0 auto;display:grid}.copy-test-guide{background:#ffffffe6;border:1px solid #dce6e1;border-radius:14px;padding:22px;position:sticky;top:24px}.copy-test-guide ol{color:#435249;margin:16px 0;padding-left:20px;font-size:14px;line-height:1.8}.copy-test-guide p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.copy-test-paper{background:#fff;border:1px solid #dce6e1;border-radius:16px;overflow:hidden;box-shadow:0 18px 60px #233e3114}.copy-test-title{background:#fbfcfb;border-bottom:1px solid #edf1ef;gap:8px;padding:28px 40px;display:grid}.copy-test-title small{color:var(--muted)}.copy-test-title strong{font-size:23px;line-height:1.4}.copy-test-content{outline:0;max-width:800px;min-height:500px;margin:0 auto;padding:46px 40px 64px}.copy-test-content:focus{box-shadow:inset 0 0 0 3px #22bc7e29}@media (width<=800px){.copy-test-toolbar{flex-direction:column;align-items:stretch}.copy-test-grid{grid-template-columns:1fr}.copy-test-guide{position:static}.copy-test-title,.copy-test-content{padding-left:22px;padding-right:22px}}button,input{font:inherit}a{color:inherit;text-decoration:none}.ent-logo{object-fit:contain;background:0 0;width:auto;display:block}.login-page{background:radial-gradient(circle at top, #e8f8f1 0%, transparent 42%), var(--page);place-items:center;min-height:100vh;padding:48px 20px;display:grid}.login-panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);width:min(400px,100%);box-shadow:var(--shadow);padding:36px 32px 32px}.login-brand{justify-content:center;margin-bottom:40px;display:flex}.login-form{gap:22px;display:grid}.login-form label{color:var(--muted);gap:10px;font-size:13px;font-weight:600;display:grid}.login-form input:not([type=checkbox]){border:1px solid var(--line);border-radius:var(--radius);background:#fff;height:48px;padding:0 14px}.login-form input:not([type=checkbox]):focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);outline:0}.login-form input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand);margin:0}.login-form .remember-row{color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.login-form button,.topbar-user button{border-radius:var(--radius);background:var(--brand);color:#fff;letter-spacing:.02em;cursor:pointer;border:0;height:48px;font-weight:700}.login-form button:hover,.topbar-user button:hover{background:var(--brand-dark)}.form-error{color:var(--danger);margin:0;font-size:13px}.app-shell{background:var(--page);flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;height:84px;padding:0 32px;display:flex}.topbar-user{align-items:center;gap:16px;display:flex}.topbar-user strong{font-size:14px;font-weight:700}.topbar-user span{color:var(--muted);font-size:13px}.topbar-user button{height:36px;color:var(--ink);border:1px solid var(--line);background:#fff;padding:0 16px}.topbar-user button:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.app-body{flex:1;grid-template-columns:220px 1fr;min-height:0;display:grid}.sidebar{border-right:1px solid var(--line);background:#fbfdff;padding:28px 22px}.sidebar nav{gap:4px;display:grid}.sidebar nav a{color:var(--muted);border-radius:8px;padding:10px 12px;font-size:15px;display:block}.sidebar nav a:hover{color:var(--ink);background:var(--brand-soft)}.sidebar nav a.active{color:var(--brand-dark);background:var(--brand-soft);font-weight:700}.nav-sub{gap:2px;padding:0 0 8px 14px;display:grid}.nav-sub a{padding:6px 12px;font-size:13px}.content{padding:40px 48px 72px}.page-kicker{letter-spacing:.18em;color:var(--brand-dark);margin:0 0 8px;font-size:11px;font-weight:700}.page-head h1{letter-spacing:-.05em;margin:0;font-size:36px;font-weight:800}.page-desc{color:var(--muted);margin:10px 0 0;line-height:1.7}.page-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;padding-bottom:20px;display:flex}.page-head .page-desc{text-align:right;max-width:360px}.page-actions{justify-items:end;gap:10px;display:grid}.page-action-buttons{gap:8px;display:flex}.list-toolbar{margin:-16px 0 24px}.list-toolbar input{border:1px solid var(--line);border-radius:var(--radius);background:#fff;width:min(360px,100%);height:42px;padding:0 12px}.list-toolbar input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);outline:0}.empty-row{color:var(--muted);text-align:center;padding:36px 8px}.check-col{text-align:center;width:36px}.check-col input{width:16px;height:16px;accent-color:var(--brand);cursor:pointer}.check-col input:disabled{cursor:not-allowed;opacity:.35}.action-col{text-align:center;width:72px}.row-edit{border:1px solid var(--line);height:28px;color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;padding:0 12px;font-size:13px;font-weight:600}.row-edit:hover{background:var(--brand);border-color:var(--brand);color:#fff}.tree-id{align-items:center;gap:6px;display:inline-flex}tr.tree-row-manager .tree-id{font-weight:700}tr.tree-row-member td{color:var(--muted);background:#f7faf8}tr.tree-row-member .tree-id{color:var(--muted);font-weight:400}.tree-mark{color:#b3b3b3;font-style:normal}.tree-toggle{border:1px solid var(--line);width:22px;height:22px;color:var(--ink);cursor:pointer;background:#fff;border-radius:6px;margin-left:4px;padding:0;font-size:16px;line-height:1}.btn-primary,.btn-ghost{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;height:40px;padding:0 20px;font-weight:700}.btn-primary{background:var(--brand);color:#fff}.btn-ghost{color:var(--ink);border-color:var(--line);background:#fff}.btn-primary:hover{background:var(--brand-dark)}.btn-ghost:hover{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-dark)}.modal-backdrop{z-index:20;background:#17171747;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);border-radius:var(--radius-lg);width:min(720px,100%);box-shadow:var(--shadow);background:#fff;padding:36px 32px 28px;overflow:visible}.modal h2{text-align:center;letter-spacing:-.03em;margin:0 0 28px;font-size:22px;font-weight:800}.form-grid{border-top:1px solid var(--line);display:grid}.form-row{border-bottom:1px solid var(--line);grid-template-columns:140px 1fr;align-items:stretch;display:grid}.form-row span{border-right:1px solid var(--line);background:#f7faf8;align-items:center;padding:0 16px;font-size:13px;font-weight:600;display:flex}.form-row input{background:#fff;border:0;height:48px;padding:0 16px}.form-row input:focus{box-shadow:inset 0 0 0 1px var(--brand);outline:0}.form-row input[readonly]{color:var(--ink);background:#f7f7f7}.member-suggest{position:relative}.member-suggest input{width:100%}.member-suggest-list{z-index:8;border:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius);max-height:220px;box-shadow:var(--shadow);background:#fff;position:absolute;top:100%;left:0;right:0;overflow:auto}.member-suggest-list p{color:var(--muted);margin:0;padding:12px 16px;font-size:13px}.member-suggest-list button{width:100%;height:40px;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border:0;padding:0 16px;display:block}.member-suggest-list button:hover,.member-suggest-list button.is-on{background:var(--brand);color:#fff}.slot-owner{color:#666;margin-left:8px;font-size:13px}.choice-group{flex-wrap:wrap;align-items:center;gap:8px;min-height:48px;padding:8px 12px;display:flex}.choice-group button{border:1px solid var(--line);height:32px;color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:0 14px;font-weight:600}.choice-group button.is-on{background:var(--brand);border-color:var(--brand);color:#fff}.choice-group .period-custom{border:1px solid var(--line);background:#fff;border-radius:8px;width:92px;height:32px;padding:0 10px}.choice-group .period-custom:focus{box-shadow:none;border-color:var(--brand);outline:0}.choice-group .period-custom-unit{background:0 0;border:0;padding:0;font-size:13px;font-weight:600}.modal .form-error,.settings-panel .form-error,.settings-panel .form-ok{margin:16px 0 0}.form-ok{color:var(--brand-dark);font-size:14px;font-weight:600}.settings-panel{max-width:860px}.settings-price-row{grid-template-columns:1fr auto;align-items:stretch;display:grid}.settings-price-row input{min-width:0}.settings-price-row .choice-group{border-left:1px solid var(--line)}.settings-table{margin-top:40px}.settings-summary{color:var(--muted);margin:16px 0 0;font-size:14px}.settings-actions{justify-content:flex-start;gap:8px;margin-top:28px;display:flex}.form-row .period-unit{color:var(--ink);background:0 0;border:0;padding:0 4px 0 0}.modal-actions{justify-content:center;gap:10px;margin-top:28px;display:flex}.board-page .page-head{margin-bottom:32px}.board-page .page-head h1{font-size:32px}.board-panel h2{margin:0 0 16px;font-size:16px;font-weight:700}.account-tree .tree-row-master .tree-id{font-weight:700}.stat-grid{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.stat-card{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;padding:20px 24px 18px}.stat-card p{color:var(--muted);margin:0;font-size:13px;font-weight:600}.stat-card strong{letter-spacing:-.06em;color:var(--brand-dark);margin-top:10px;font-family:Pretendard Variable,Pretendard,Inter,sans-serif;font-size:36px;font-weight:800;line-height:1;display:block}.board-billing-head{justify-content:space-between;align-items:center;gap:24px;margin-bottom:16px;display:flex}.board-billing-head h2{margin:0}.board-range{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.board-range em{color:var(--muted);font-style:normal}.board-range input[type=date]{border:1px solid var(--line);height:36px;color:var(--ink);background:#fff;border-radius:8px;padding:0 10px}.board-total-card{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:8px;padding:20px 0 18px;display:flex}.board-total-card p{color:var(--muted);letter-spacing:.04em;margin:0 0 6px;font-size:12px;font-weight:600}.board-total-card span{color:var(--ink);font-size:14px;font-weight:600}.board-total-amount{text-align:right}.board-total-amount strong{letter-spacing:-.05em;color:var(--brand-dark);margin:0 0 6px;font-size:32px;display:block}.board-total-amount span{color:var(--muted);font-weight:500}.board-panel td.num,.board-panel th.num{text-align:right}.board-panel tfoot th{color:var(--ink);font-size:14px}.board-settle{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.board-note{color:var(--muted);margin:12px 0 0;font-size:13px}.table-wrap{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:16px 12px}th{color:var(--muted);letter-spacing:.04em;background:#f7faf8;font-size:12px;font-weight:700}.badge{border:1px solid var(--line);min-height:24px;color:var(--ink);background:#fff;border-radius:999px;align-items:center;padding:0 8px;font-size:12px;font-style:normal;font-weight:600;display:inline-flex}.badge.role-manager,.status-maintenance{color:#2f6f56;background:var(--brand-soft);border-color:#b7d8c8}.badge.role-member{color:var(--muted);border-color:#e5e7eb}.badge.status-active,.status-open{border-color:var(--brand);color:var(--brand-dark);background:var(--brand-soft)}.badge.status-inactive,.status-closed{color:var(--danger);border-color:#f3c1c1}.badge.member-active{background:var(--brand-soft);color:var(--brand-dark);border-color:#a8ddc4}.badge.member-pending{color:#9b6811;background:#fff7e5;border-color:#f0d293}.badge.member-inactive{color:var(--danger);background:#fff1f1;border-color:#f3c1c1}.row-approve{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:8px;height:30px;padding:0 13px;font-size:12px;font-weight:750}.row-approve:hover{background:var(--brand-dark)}@media (width<=980px){.topbar{height:76px;padding:0 20px}.app-body{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:16px 20px}.sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.content{padding:28px 20px 48px}.page-head,.stat-grid{grid-template-columns:1fr;display:grid}.page-head{align-items:start}.page-head .page-desc{text-align:left}.board-billing-head,.board-range,.board-total-card{display:grid}.board-range,.board-total-amount{text-align:left;justify-items:start}}.live-page .page-head{margin-bottom:20px}.live-top{grid-template-columns:minmax(0,1fr) 260px;gap:16px;margin-bottom:16px;display:grid}.live-bars{gap:12px;display:grid}.live-bar-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:12px 14px 10px}.live-bar-card p{margin:0 0 8px;font-size:13px;font-weight:700}.live-bar-card small{color:var(--muted);margin-top:6px;font-size:12px;display:block}.live-bar{background:#eceff1;border-radius:4px;height:28px;position:relative;overflow:hidden}.live-bar i{height:100%;display:block}.live-bar span{color:#111;place-items:center;font-size:13px;font-weight:800;display:grid;position:absolute;inset:0}.live-bar.hot-green i{background:#7dce6a}.live-bar.hot-yellow i{background:#f2d14b}.live-bar.hot-orange i{background:#f0a04b}.live-bar.hot-red i{background:#e35d5d}.live-hour{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:14px 16px}.live-hour h2{margin:0 0 10px;font-size:14px}.live-hour p,.live-hour strong{margin:0 0 6px;font-size:13px;display:block}.live-workers{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:0 0 16px;display:grid}.live-worker{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:12px 14px}.live-worker header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.live-worker header strong{font-size:14px}.live-worker header span{text-align:center;border-radius:4px;min-width:58px;padding:2px 8px;font-size:12px;font-weight:800}.live-worker p{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-size:13px;overflow:hidden}.live-worker small{color:var(--muted);font-size:12px}.live-worker.wk-run header span{color:#fff;background:#22bc7e}.live-worker.wk-err header span{color:#fff;background:#e35d5d}.live-worker.wk-stall header span{color:#111;background:#f0a04b}.live-worker.wk-off header span{color:#334;background:#c5ccd3}.live-worker.wk-wait header span{color:#445;background:#eceff1}.live-worker.wk-err{background:#fff7f7;border-color:#f3c1c1}.live-worker.wk-stall{background:#fff8ef;border-color:#f3d2a8}.live-worker.wk-off{background:#f7f8f9}.live-filter{align-items:center;gap:8px;margin:0 0 10px;font-size:13px;font-weight:700;display:flex}.live-filter input{border:1px solid var(--line);border-radius:6px;flex:1;height:36px;padding:0 10px}.live-table table{font-size:13px}.live-table th,.live-table td{padding:8px 10px}.live-kws{flex-wrap:wrap;gap:4px;max-width:320px;display:flex}.live-kws span{background:#eef6f2;border-radius:4px;padding:1px 6px;font-size:12px;line-height:1.5}.live-pct{text-align:center;color:#111;border-radius:4px;min-width:52px;padding:2px 8px;font-style:normal;font-weight:800;display:inline-block}.live-pct.hot-green{background:#7dce6a}.live-pct.hot-yellow{background:#f2d14b}.live-pct.hot-orange{background:#f0a04b}.live-pct.hot-red{background:#e35d5d}.live-status{text-align:center;border-radius:4px;min-width:52px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.live-status.st-run{color:#fff;background:#22bc7e}.live-status.st-live{color:#fff;background:#e35d5d}.live-status.st-off{color:#9b2c2c;background:#f3c1c1}.live-pager{align-items:center;gap:12px;margin-top:12px;display:flex}.live-pager button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:6px;height:34px;padding:0 12px}.live-pager button:disabled{opacity:.45;cursor:default}@media (width<=980px){.live-top{grid-template-columns:1fr}}:root{--ink:#17211c;--muted:#6d7d74;--paper:#fff;--page:#f4f8f6;--line:#e1ebe6;--brand:#20bd79;--brand-dark:#128a56;--brand-soft:#e9f9f1;--brand-pale:#f4fcf8;--danger:#df4b57;--radius:12px;--radius-lg:20px;--shadow:0 12px 38px #19483112;--shadow-hover:0 18px 44px #1948311f}body{background:radial-gradient(circle at 88% 2%, #20bd7914, transparent 25rem), var(--page)}button,input{transition:border-color .16s,background .16s,color .16s,box-shadow .16s,transform .16s}button:active:not(:disabled){transform:translateY(1px)}.app-shell{background:0 0}.topbar{z-index:15;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border-bottom:1px solid #e1ebe6e6;height:78px;padding:0 34px;position:sticky;top:0;box-shadow:0 1px 12px #1a463109}.topbar-brand{align-items:center;gap:18px;display:flex}.topbar-brand:after{background:var(--line);content:"";width:1px;height:24px;margin-left:2px}.topbar-brand span{color:#93a198;letter-spacing:.14em;text-transform:uppercase;order:3;font-size:11px;font-weight:700}.topbar-user{gap:10px}.topbar-avatar{width:38px;height:38px;color:var(--brand-dark);background:linear-gradient(145deg,#effbf5,#ddf6e9);border:1px solid #c9ead9;border-radius:13px;place-items:center;font-size:14px;font-weight:800;display:grid}.topbar-profile{gap:2px;min-width:72px;display:grid}.topbar-profile strong{line-height:1.1}.topbar-profile span{font-size:11px}.topbar-user>button{height:36px;color:var(--muted);border-radius:10px;margin-left:8px;padding:0 15px}.app-body{grid-template-columns:238px minmax(0,1fr)}.sidebar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fafdfbb8;border-right-color:#e1ebe6e6;height:calc(100vh - 78px);padding:30px 20px;position:sticky;top:78px}.sidebar:before{color:#a3afa8;content:"MENU";letter-spacing:.18em;margin:0 12px 14px;font-size:10px;font-weight:800;display:block}.sidebar nav{gap:6px}.sidebar nav a{border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;min-height:44px;padding:9px 12px;font-size:14px;font-weight:600;display:flex;position:relative}.sidebar nav a:hover{background:#e9f9f1b8;border-color:#dcefe5}.sidebar nav a.active{background:linear-gradient(135deg,#e5f8ee,#f1fbf6);border-color:#cdebdc;box-shadow:0 8px 22px #20bd7917}.sidebar nav a.active:after{background:var(--brand);content:"";border-radius:50%;width:5px;height:5px;position:absolute;right:10px}.nav-icon{border:1px solid var(--line);color:#7e8d84;background:#fff;border-radius:9px;flex:none;place-items:center;width:28px;height:28px;font-size:10px;font-style:normal;font-weight:800;display:grid}.sidebar nav a.active .nav-icon{border-color:var(--brand);background:var(--brand);color:#fff}.nav-sub{border-left:1px solid #dceae3;margin-left:27px;padding:5px 0 8px 14px}.nav-sub a{min-height:34px!important;padding:5px 10px!important}.content{width:100%;max-width:1680px;margin:0 auto;padding:44px 46px 80px}.page-head{align-items:center;margin-bottom:28px;padding:0 0 24px}.page-kicker{letter-spacing:.16em;align-items:center;gap:7px;margin-bottom:9px;display:inline-flex}.page-kicker:before{background:var(--brand);content:"";border-radius:2px;width:18px;height:2px}.page-head h1{font-size:clamp(30px,3vw,40px);line-height:1.12}.page-head .page-desc{text-align:left;max-width:none;margin-top:9px;font-size:14px}.page-head>.btn-primary{min-width:112px}.btn-primary,.btn-ghost{border-radius:11px;height:42px;font-size:13px}.btn-primary{background:linear-gradient(135deg,#27c982,#18ac6b);box-shadow:0 8px 18px #20bd7933}.btn-primary:hover{background:linear-gradient(135deg,#1fb977,#128f59);box-shadow:0 10px 24px #20bd7947}.btn-ghost{box-shadow:0 2px 8px #17211c08}.board-panel{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#ffffffeb;padding:26px}.board-panel+.board-panel{margin-top:18px}.board-panel h2{letter-spacing:-.025em;font-size:17px}.section-head,.section-head>div,.section-title{align-items:center;gap:12px;display:flex}.section-head{justify-content:space-between;margin-bottom:18px}.section-head h2,.section-title h2{margin:0}.section-icon{background:var(--brand-soft);width:36px;height:36px;color:var(--brand-dark);border:1px solid #ccebdc;border-radius:11px;flex:none;place-items:center;font-size:15px;font-weight:800;display:grid}.section-head .board-note{margin-top:4px}.board-total-card{background:radial-gradient(circle at 90% 10%,#20bd7926,#0000 12rem),linear-gradient(135deg,#f2fcf7,#fbfefc);border:1px solid #d6eee2;border-radius:16px;margin:0 0 16px;padding:24px 26px;position:relative;overflow:hidden}.board-total-card:after{content:"";border:24px solid #20bd790e;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-52px;right:-28px}.board-total-card>*{z-index:1;position:relative}.status-dot,.live-dot{background:var(--brand);border-radius:50%;width:7px;height:7px;margin-right:4px;display:inline-block;box-shadow:0 0 0 4px #20bd791f}.board-total-amount strong{color:#087848;font-size:36px}.board-billing-head{margin-bottom:20px}.board-range input[type=date],.list-toolbar input,.live-filter input{border-color:#dbe7e0;box-shadow:0 2px 8px #17211c06}.table-wrap{border-color:#dfe9e4;box-shadow:0 8px 28px #1d45310b}th{color:#68786f;letter-spacing:.025em;background:#f5f9f7;padding-top:14px;padding-bottom:14px}td{color:#29352e;font-size:13px}tbody tr{transition:background .14s}tbody tr:hover td{background:#f6fcf9}tbody tr:last-child td{border-bottom:0}.badge{border-radius:8px;min-height:26px;padding:0 10px}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0b1b1366}.modal{border-color:#ffffffb3;border-radius:22px;box-shadow:0 28px 80px #0f261b33}.form-grid{border:1px solid var(--line);border-radius:14px;overflow:hidden}.form-row:first-child{border-top:0}.form-row:last-child{border-bottom:0}.form-row span{background:#f5f9f7}.login-page{background:radial-gradient(circle at 50% -10%,#20bd7938,#0000 28rem),linear-gradient(145deg,#f0f8f4,#f8fbf9)}.login-panel{border-color:#ffffffe6;border-radius:24px;padding:42px 38px 36px;position:relative;overflow:hidden;box-shadow:0 28px 80px #14452c21}.login-panel:before{content:"";background:linear-gradient(90deg,#1eb875,#60d79f);height:4px;position:absolute;top:0;left:0;right:0}.login-form input:not([type=checkbox]){background:#fbfdfc;border-color:#dae7e0}.login-form button{box-shadow:0 10px 24px #20bd7938}.live-dot{margin-right:8px;animation:1.8s infinite live-pulse}@keyframes live-pulse{0%,to{box-shadow:0 0 0 3px #20bd791f}50%{box-shadow:0 0 0 7px #20bd7900}}.live-top{grid-template-columns:minmax(0,1fr) 300px;gap:18px;margin-bottom:18px}.live-bars{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.live-bar-card,.live-hour,.live-worker{border-color:var(--line);box-shadow:var(--shadow);border-radius:16px}.live-bar-card{padding:20px 20px 17px}.live-bar-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.live-bar-head p{color:var(--muted)}.live-bar-head strong{color:var(--ink);letter-spacing:-.05em;font-size:26px}.live-bar{background:#edf2ef;border-radius:999px;height:8px}.live-bar i{border-radius:999px;min-width:4px;transition:width .5s}.live-bar.hot-green i,.live-pct.hot-green{background:#20bd79}.live-bar.hot-yellow i,.live-pct.hot-yellow{background:#e9bd3a}.live-bar.hot-orange i,.live-pct.hot-orange{background:#ed9445}.live-bar.hot-red i,.live-pct.hot-red{background:#e26068}.live-hour{background:radial-gradient(circle at 100% 0,#20bd7921,#0000 9rem),#fff;padding:19px 20px}.live-hour h2{margin-bottom:14px;font-size:15px}.live-hour p{color:var(--muted)}.live-hour strong{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.live-workers{gap:12px;margin-bottom:20px}.live-worker{min-height:112px;padding:16px 17px;box-shadow:0 8px 24px #1d45310b}.live-worker:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.live-worker header span,.live-status,.live-pct{border-radius:8px}.live-worker.wk-run{background:linear-gradient(145deg,#f0fbf6,#fbfefc);border-color:#9bdcbd}.live-filter{color:var(--muted);justify-content:flex-end;margin-bottom:12px}.live-filter input{background:#fff;border-radius:10px;max-width:360px}.live-kws span{color:#347155;background:#f2faf6;border:1px solid #d8ebe1;border-radius:7px}.live-table tr.is-running td{background:#f0fbf6}.live-pager{justify-content:flex-end}.live-pager button{border-radius:10px}@media (width<=1100px){.content{padding-left:28px;padding-right:28px}.live-bars{grid-template-columns:1fr}}@media (width<=980px){.topbar-brand span,.topbar-brand:after,.topbar-profile{display:none}.app-body{display:block}.sidebar{background:#ffffffe6;width:100%;height:auto;padding:12px 16px;position:static;overflow-x:auto}.sidebar:before{display:none}.sidebar nav{width:max-content;display:flex}.sidebar nav a{min-width:max-content}.nav-sub{display:none}.content{padding:28px 18px 52px}.live-top{grid-template-columns:1fr}.board-panel{padding:20px}}@media (width<=640px){.topbar{height:68px;padding:0 16px}.topbar-brand .ent-logo{max-width:130px;height:auto!important}.topbar-avatar{display:none}.topbar-user>button{margin-left:0}.page-head{align-items:stretch}.page-action-buttons{flex-wrap:wrap}.board-total-card{align-items:flex-start;padding:20px}.board-total-amount strong{font-size:30px}.live-bars{grid-template-columns:1fr}.form-row{grid-template-columns:108px 1fr}}.nav-icon svg{width:17px;height:17px}.sidebar nav a.active .nav-icon{box-shadow:0 4px 10px #20bd7933}.overview-strip{border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffffeb;grid-template-columns:minmax(180px,.8fr) minmax(180px,.8fr) minmax(280px,1.4fr);margin-bottom:18px;display:grid;overflow:hidden;box-shadow:0 8px 28px #1d45310b}.overview-strip article{border-right:1px solid var(--line);grid-template-columns:42px minmax(0,1fr);align-items:center;gap:13px;min-height:116px;padding:22px 24px;display:grid;position:relative}.overview-strip article:last-child{border-right:0}.overview-strip article>div{min-width:0}.overview-strip p{color:var(--muted);margin:0 0 8px;font-size:12px;font-weight:650}.overview-strip strong{color:#18231d;font-variant-numeric:tabular-nums;letter-spacing:-.045em;text-overflow:ellipsis;white-space:nowrap;font-size:27px;line-height:1;display:block;overflow:hidden}.overview-strip strong small{color:var(--muted);letter-spacing:0;margin-left:3px;font-size:13px;font-weight:600}.overview-strip article>em{color:#9aa69f;text-overflow:ellipsis;white-space:nowrap;max-width:44%;font-size:10px;font-style:normal;font-weight:600;position:absolute;top:20px;right:20px;overflow:hidden}.overview-icon{color:#53645a;background:#f6f9f7;border:1px solid #e0e8e4;border-radius:13px;place-items:center;width:42px;height:42px;font-size:17px;font-weight:800;display:grid}.overview-strip .is-accent{background:radial-gradient(circle at 100% 0,#20bd791f,#0000 11rem),#fbfefc}.overview-strip .is-accent .overview-icon{background:var(--brand-soft);color:var(--brand-dark);border-color:#caead9}.overview-strip .is-accent strong{color:#087848}.board-panel{box-shadow:0 1px 2px #1d453106}.board-panel:hover{border-color:#d7e6de}.table-wrap thead{z-index:2;position:sticky;top:0}th,td{font-variant-numeric:tabular-nums}th{border-bottom-color:#dbe6e0}.live-bar-card{position:relative;overflow:hidden}.live-bar-card:before{content:"";background:#dbe4df;height:2px;position:absolute;top:0;left:0;right:0}.live-bar-card.metric-success:before{background:linear-gradient(90deg,#20bd79,#7adbae)}.live-bar-card.metric-slots:before{background:linear-gradient(90deg,#6877e8,#a8b0f5)}.metric-success .live-bar i{background:linear-gradient(90deg,#19ac6c,#45cf91)!important}.metric-slots .live-bar i{background:linear-gradient(90deg,#6877e8,#8e99ed)!important}.metric-success .live-bar-head strong{color:#108452}.metric-slots .live-bar-head strong{color:#5966c8}.live-worker header span{border-radius:999px;min-width:54px;padding:4px 9px;font-size:11px}.live-worker.wk-wait{background:#fcfdfc;border-color:#e1e7e4}.live-worker.wk-run{box-shadow:inset 3px 0 0 var(--brand), 0 8px 24px #1d45310b}.live-worker.wk-err{box-shadow:inset 3px 0 0 var(--danger), 0 8px 24px #1d45310b}.live-worker.wk-stall{box-shadow:inset 3px 0 #e8a045,0 8px 24px #1d45310b}.live-table th{height:42px}.live-table td{height:44px}.live-status{border-radius:999px}.live-status.st-done{color:#17784d;background:#e8f7ef}.live-status.st-wait{color:#69766f;background:#f0f2f1}@media (width<=920px){.overview-strip{grid-template-columns:1fr}.overview-strip article{border-right:0;border-bottom:1px solid var(--line);min-height:96px}.overview-strip article:last-child{border-bottom:0}}.rank-link{width:30px;height:30px;color:var(--brand-dark);background:#f7fbf9;border:1px solid #d7e7df;border-radius:9px;place-items:center;transition:all .16s;display:inline-grid}.rank-link svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:17px;height:17px}.rank-link:hover{border-color:var(--brand);background:var(--brand);color:#fff;transform:translateY(-1px);box-shadow:0 6px 14px #20bd7933}.ranking-page{min-width:0}.ranking-error{background:#fff7f8;border:1px solid #f1c8cc;border-radius:11px;margin:-12px 0 16px;padding:12px 15px}.ranking-layout{grid-template-columns:310px minmax(0,1fr);align-items:start;gap:18px;display:grid}.ranking-browser,.ranking-detail{border:1px solid var(--line);background:#fffffff0;border-radius:20px;box-shadow:0 10px 34px #1d45310e}.ranking-browser{position:sticky;top:96px;overflow:hidden}.ranking-browser-head{border-bottom:1px solid var(--line);background:#fbfdfc;padding:18px}.ranking-browser-head>div{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.ranking-browser-head strong{font-size:14px}.ranking-browser-head>div>span{color:var(--muted);background:#edf3f0;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.ranking-browser-head label{color:#8b9991;background:#fff;border:1px solid #dce7e1;border-radius:10px;align-items:center;gap:7px;height:38px;padding:0 11px;display:flex;box-shadow:0 2px 8px #1a432f06}.ranking-browser-head input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px}.ranking-slot-list{scrollbar-color:#d7e4dd transparent;scrollbar-width:thin;min-height:300px;max-height:calc(100vh - 290px);overflow:auto}.ranking-slot{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #edf2ef;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 15px;display:grid;position:relative}.ranking-slot:hover{background:#f6fbf8}.ranking-slot.is-active{box-shadow:inset 3px 0 0 var(--brand);background:linear-gradient(90deg,#eaf9f1,#f8fcfa)}.ranking-slot-rank{color:#43534a;font-variant-numeric:tabular-nums;background:#f6f9f7;border:1px solid #dce8e2;border-radius:13px;place-items:center;width:42px;height:42px;font-size:15px;font-weight:800;display:grid}.ranking-slot.is-active .ranking-slot-rank{color:var(--brand-dark);background:#fff;border-color:#bde5d0}.ranking-slot-copy{gap:3px;min-width:0;display:grid}.ranking-slot-copy strong,.ranking-slot-copy small,.ranking-slot-copy em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ranking-slot-copy strong{font-size:13px}.ranking-slot-copy small,.ranking-slot-copy em{color:var(--muted);font-size:10px;font-style:normal}.ranking-slot>i,.ranking-current em{color:var(--muted);background:#f0f3f1;border-radius:999px;padding:3px 7px;font-size:10px;font-style:normal;font-weight:750}.ranking-slot>i.up,.ranking-current em.up{color:#0f8b55;background:#e6f8ef}.ranking-slot>i.down,.ranking-current em.down{color:#cf4652;background:#fff0f1}.ranking-list-state{min-height:280px;color:var(--muted);place-items:center;font-size:12px;display:grid}.ranking-list-pager{border-top:1px solid var(--line);background:#fbfdfc;justify-content:center;align-items:center;gap:12px;min-height:50px;display:flex}.ranking-list-pager button{color:#506057;cursor:pointer;background:#fff;border:1px solid #dce7e1;border-radius:8px;height:28px;padding:0 10px;font-size:11px;font-weight:650}.ranking-list-pager button:disabled{opacity:.35;cursor:default}.ranking-list-pager span{min-width:44px;color:var(--muted);text-align:center;font-size:11px}.ranking-detail{min-width:0;overflow:hidden}.ranking-welcome{min-height:590px;color:var(--muted);text-align:center;align-content:center;justify-items:center;padding:40px;display:grid}.ranking-welcome-icon{background:var(--brand-soft);width:58px;height:58px;color:var(--brand-dark);border:1px solid #cdebdc;border-radius:18px;place-items:center;margin-bottom:18px;font-size:24px;display:grid}.ranking-welcome h2{color:var(--ink);margin:0 0 9px;font-size:20px}.ranking-welcome p{max-width:380px;margin:0;font-size:13px;line-height:1.65}.ranking-detail-head{border-bottom:1px solid var(--line);background:radial-gradient(circle at 95% 0,#20bd791a,#0000 15rem),#fff;justify-content:space-between;align-items:flex-start;gap:24px;padding:26px 28px 23px;display:flex}.ranking-detail-head>div:first-child{min-width:0}.ranking-detail-head>div:first-child>span{color:var(--brand-dark);letter-spacing:.04em;font-size:10px;font-weight:750}.ranking-detail-head h2{letter-spacing:-.04em;margin:7px 0 6px;font-size:25px}.ranking-detail-head p{max-width:600px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;overflow:hidden}.ranking-current{flex:none;justify-items:end;gap:4px;display:grid}.ranking-current>span{color:var(--muted);font-size:10px;font-weight:650}.ranking-current>strong{color:#087848;font-variant-numeric:tabular-nums;letter-spacing:-.05em;font-size:28px}.ranking-stats{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.ranking-stats article{border-right:1px solid var(--line);padding:18px 22px}.ranking-stats article:last-child{border-right:0}.ranking-stats span{color:var(--muted);margin-bottom:7px;font-size:10px;font-weight:650;display:block}.ranking-stats strong{color:#29362f;font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:17px}.ranking-stats strong small{color:#9aa59f;font-size:10px;font-weight:600}.ranking-chart-card{background:linear-gradient(#ffffffe0,#fffffff5),radial-gradient(circle at 70% 0,#20bd791f,#0000 20rem);border:1px solid #e0eae5;border-radius:17px;margin:18px;overflow:hidden}.ranking-chart-card>header{justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 20px 0;display:flex}.ranking-chart-card h3{margin:0 0 4px;font-size:14px}.ranking-chart-card header p{color:var(--muted);margin:0;font-size:10px}.ranking-period{color:#617168;background:#f7faf8;border:1px solid #d9e7df;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:700}.rank-chart-shell{min-height:330px;padding:4px 8px 0;position:relative}.rank-chart{width:100%;height:auto;min-height:300px;display:block;overflow:visible}.rank-grid-line{stroke:#e8eeeb;stroke-dasharray:3 5;stroke-width:1px}.rank-x-label,.rank-y-label{fill:#8b9991;font-variant-numeric:tabular-nums;font-family:inherit;font-size:10px}.rank-line{fill:none;filter:url(#pointGlow);stroke:url(#rankLine);stroke-linecap:round;stroke-linejoin:round;stroke-width:3.5px}.rank-point{fill:#fff;filter:url(#pointGlow);stroke:#16ad69;stroke-width:3px;transition:r .12s}.rank-point.is-active{fill:#22bd78;stroke:#fff}.rank-hit{fill:#0000;cursor:crosshair}.rank-missing{cursor:help}.rank-missing circle{fill:#cfd9d4}.rank-missing line{stroke:#a8b5ae;stroke-width:2px}.rank-chart-hover{z-index:2;pointer-events:none;justify-items:end;gap:3px;display:grid;position:absolute;top:18px;right:20px}.rank-chart-hover span{color:#91a097;font-size:9px}.rank-chart-hover strong{color:#3c4b43;font-size:11px}.rank-chart-empty{color:var(--muted);text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fafcfbdb;border-radius:13px;align-content:center;justify-items:center;gap:6px;display:grid;position:absolute;inset:70px 30px 45px 62px}.rank-chart-empty strong{color:#526159;font-size:13px}.rank-chart-empty span{font-size:10px}.ranking-meta{align-items:center;gap:8px;padding:0 18px 18px;display:flex;overflow-x:auto}.ranking-meta span{color:#87938c;white-space:nowrap;background:#f8faf9;border:1px solid #e0e8e4;border-radius:9px;padding:7px 10px;font-size:9px}.ranking-meta strong{color:#44534b;margin-left:4px;font-weight:650}@media (width<=1280px){.ranking-layout{grid-template-columns:1fr}.ranking-browser{position:static}.ranking-slot-list{grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;max-height:300px;display:grid}.ranking-slot:nth-child(odd){border-right:1px solid #edf2ef}}@media (width<=720px){.ranking-slot-list{display:block}.ranking-detail-head{padding:22px 20px;display:grid}.ranking-current{justify-items:start}.ranking-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-stats article:nth-child(2){border-right:0}.ranking-stats article:nth-child(-n+2){border-bottom:1px solid var(--line)}.ranking-chart-card{margin:12px}.rank-chart-shell{overflow-x:auto}.rank-chart{width:760px}}.ranking-page .page-head{margin-bottom:16px}.ranking-head-actions{align-items:center;gap:7px;display:flex}.ranking-head-actions span,.ranking-head-actions strong{color:#65736b;background:#ffffffe0;border:1px solid #dde6e1;border-radius:10px;align-items:center;height:36px;padding:0 12px;font-size:11px;font-style:normal;font-weight:650;display:inline-flex;box-shadow:0 3px 12px #1d453109}.ranking-head-actions strong{color:#fff;background:#20252b;border-color:#20252b}.ranking-picker{z-index:8;margin-bottom:12px;position:relative}.ranking-picker-trigger{border:1px solid var(--line);width:100%;min-height:58px;color:var(--ink);text-align:left;cursor:pointer;background:#fffffff0;border-radius:14px;align-items:center;gap:12px;padding:8px 14px;display:flex;box-shadow:0 5px 18px #1d45310a}.ranking-picker-trigger:hover,.ranking-picker.is-open .ranking-picker-trigger{border-color:#c9ded3;box-shadow:0 8px 24px #1d453112}.ranking-picker-icon{color:#597067;background:#eef5f1;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.ranking-picker-trigger>span:nth-child(2){gap:2px;min-width:0;display:grid}.ranking-picker-trigger small{color:#909c95;font-size:9px;font-weight:650}.ranking-picker-trigger strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.ranking-picker-trigger>em{color:#64736b;background:#f1f5f3;border-radius:8px;margin-left:auto;padding:5px 9px;font-size:10px;font-style:normal;font-weight:700}.ranking-picker-panel{background:#fff;border:1px solid #dce6e1;border-radius:16px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 24px 70px #1430222e}.ranking-picker-panel .ranking-browser-head{grid-template-columns:auto minmax(260px,440px);align-items:center;gap:24px;padding:14px 16px;display:grid}.ranking-picker-panel .ranking-browser-head>div{margin:0}.ranking-picker-panel .ranking-slot-list{grid-template-columns:repeat(3,minmax(0,1fr));min-height:0;max-height:310px;display:grid}.ranking-picker-panel .ranking-slot{border-right:1px solid #edf2ef}.ranking-picker-panel .ranking-list-state{grid-column:1/-1;min-height:160px}.ranking-detail{border:1px solid var(--line);background:#fffffff0;border-radius:20px;box-shadow:0 10px 34px #1d45310e}.ranking-product-hero{border-bottom:1px solid var(--line);background:radial-gradient(circle at 10% 0,#5d6aff0e,#0000 17rem),#fff;grid-template-columns:minmax(300px,1.1fr) minmax(520px,1.9fr);align-items:stretch;gap:18px;padding:20px;display:grid}.ranking-product-info{align-items:center;gap:16px;min-width:0;display:flex}.ranking-product-visual{color:#5965e8;background:radial-gradient(circle at 70% 25%,#5a67ff38,#0000 2.8rem),linear-gradient(145deg,#f8f9ff,#eef0fa);border:1px solid #e1e7e4;border-radius:18px;flex:none;align-content:center;justify-items:center;gap:3px;width:92px;height:92px;display:grid;overflow:hidden;box-shadow:inset 0 0 30px #ffffffb3}.ranking-product-visual span{letter-spacing:-.08em;font-family:Inter,sans-serif;font-size:34px;font-weight:850;line-height:1}.ranking-product-visual small{color:#7d86c9;letter-spacing:.16em;font-size:7px;font-weight:800}.ranking-product-info>div:last-child{min-width:0}.ranking-channel-badge{color:#5b65c9;background:#edf0ff;border-radius:6px;padding:4px 7px;font-size:9px;font-weight:750;display:inline-flex}.ranking-product-info h2{color:#1c2420;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;max-width:520px;margin:8px 0;font-size:19px;line-height:1.35;overflow:hidden}.ranking-product-info p{color:#8a9690;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;margin:4px 0 0;font-size:9px;display:flex;overflow:hidden}.ranking-product-info p strong{color:#5a6760;font-weight:650}.ranking-product-info p i{background:#dde5e1;width:1px;height:9px;margin:0 3px}.ranking-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.ranking-kpi-grid article{background:#fbfcfc;border:1px solid #e7ece9;border-radius:13px;align-content:center;min-width:0;padding:14px;display:grid;position:relative;overflow:hidden}.ranking-kpi-grid article:after{content:"";background:#e4e9e7;height:2px;position:absolute;top:0;left:0;right:0}.ranking-kpi-grid article.primary:after{background:#5c68ff}.ranking-kpi-grid article.best:after{background:#f2b43b}.ranking-kpi-grid span{color:#7e8b84;margin-bottom:8px;font-size:9px;font-weight:650}.ranking-kpi-grid strong{color:#1d2521;font-variant-numeric:tabular-nums;letter-spacing:-.05em;text-overflow:ellipsis;white-space:nowrap;font-size:23px;line-height:1.1;overflow:hidden}.ranking-kpi-grid article.primary strong{color:#4d5bef}.ranking-kpi-grid article.best strong{color:#bd7a00}.ranking-kpi-grid em{color:#98a29d;text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:8px;font-style:normal;overflow:hidden}.ranking-kpi-grid em.up{color:#0f9b60}.ranking-kpi-grid em.down{color:#e14d5a}.ranking-keyword-row{border-bottom:1px solid var(--line);background:#fcfdfd;align-items:center;gap:8px;min-height:48px;padding:8px 20px;display:flex}.ranking-keyword-row>span{color:#6f7c75;margin-right:5px;font-size:10px;font-weight:750}.ranking-keyword-row strong,.ranking-keyword-row em{color:#53615a;background:#fff;border:1px solid #dfe6e3;border-radius:999px;padding:6px 10px;font-size:9px;font-style:normal;font-weight:650}.ranking-keyword-row strong{color:#fff;background:#222831;border-color:#222831}.ranking-keyword-row em{color:#88958e}.ranking-detail .ranking-chart-card{border:0;border-bottom:1px solid var(--line);background:#fff;border-radius:0;margin:0}.ranking-detail .ranking-chart-card>header{padding:18px 20px 4px}.ranking-detail .ranking-period{background:#fff;align-items:center;gap:6px;display:inline-flex}.ranking-period i{background:#5c68ff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #5c68ff1a}.ranking-detail .rank-chart-shell{min-height:365px;padding-right:14px}.ranking-detail .rank-chart{min-height:340px}.ranking-detail .rank-line{stroke-width:3px}.ranking-detail .rank-point{stroke:#5c68ff}.ranking-detail .rank-point.is-active{fill:#5c68ff}.rank-value-tag,.rank-best-tag{pointer-events:none}.rank-value-tag rect{fill:#5966f5;filter:drop-shadow(0 4px 7px #4853dc47)}.rank-best-tag rect{fill:#4653dd;filter:drop-shadow(0 4px 7px #4853dc3d)}.rank-value-tag text,.rank-best-tag text{fill:#fff;font-family:inherit;font-size:9px;font-weight:800}.rank-best-tag text{font-size:8px}.ranking-lower-grid{background:#f7f9f8;grid-template-columns:minmax(0,1.5fr) minmax(310px,.8fr);gap:12px;padding:14px;display:grid}.ranking-history-card,.ranking-summary-card{background:#fff;border:1px solid #e1e8e4;border-radius:14px;overflow:hidden}.ranking-history-card>header,.ranking-summary-card>header{justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:0 15px;display:flex}.ranking-history-card h3,.ranking-summary-card h3{margin:0;font-size:12px}.ranking-history-card header span,.ranking-summary-card header span{color:#919e97;font-size:8px}.ranking-history-table{padding:0 10px 10px}.ranking-history-table>div{color:#68766e;border-bottom:1px solid #eef2f0;grid-template-columns:1.3fr 1fr 1fr 1fr;align-items:center;min-height:37px;padding:0 10px;font-size:9px;display:grid}.ranking-history-table>div:last-child{border-bottom:0}.ranking-history-table>.head{color:#84918a;background:#f5f7f6;border:0;border-radius:8px;min-height:32px;font-weight:650}.ranking-history-table strong{color:#303a35;font-size:10px}.ranking-history-table em{color:#95a099;font-style:normal;font-weight:700}.ranking-history-table em.up{color:#10a365}.ranking-history-table em.down{color:#e04a58}.ranking-history-table i{color:#75827b;background:#f0f4f2;border-radius:5px;width:max-content;padding:3px 6px;font-style:normal}.ranking-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 11px 10px;display:grid}.ranking-summary-grid article{border-radius:10px;align-content:center;min-height:58px;padding:9px 11px;display:grid;position:relative}.ranking-summary-grid span{margin-bottom:4px;font-size:8px;font-weight:650}.ranking-summary-grid strong{letter-spacing:-.03em;font-size:14px}.ranking-summary-grid em{background:#ffffffb3;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-style:normal;display:grid;position:absolute;top:10px;right:10px}.ranking-summary-grid .up{color:#149b61;background:#eaf9f2}.ranking-summary-grid .down{color:#df4b59;background:#fff0f2}.ranking-summary-grid .same{color:#5966e0;background:#eef2ff}.ranking-summary-grid .move{color:#646d78;background:#f2f3f5}.ranking-summary-current{border-top:1px solid #edf1ef;margin:0 11px 11px;padding:12px}.ranking-summary-current>span{color:#7d8a83;margin-bottom:9px;font-size:9px;font-weight:700;display:block}.ranking-summary-current>div{justify-content:space-between;align-items:center;gap:10px;font-size:10px;display:flex}.ranking-summary-current em{color:#4f5dea;font-style:normal;font-weight:800}.ranking-detail>.ranking-meta{background:#f7f9f8;padding:12px 14px 14px}@media (width<=1450px){.ranking-product-hero{grid-template-columns:1fr}.ranking-product-info h2{max-width:900px}}@media (width<=1000px){.ranking-head-actions{justify-content:flex-start}.ranking-picker-panel .ranking-slot-list,.ranking-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-lower-grid{grid-template-columns:1fr}}@media (width<=650px){.ranking-picker-panel .ranking-browser-head{grid-template-columns:1fr;gap:10px}.ranking-picker-panel .ranking-slot-list{display:block}.ranking-product-info{align-items:flex-start}.ranking-product-visual{border-radius:14px;width:68px;height:68px}.ranking-product-visual span{font-size:26px}.ranking-product-info h2{white-space:normal}.ranking-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.bulk-modal{width:min(780px,100vw - 32px);max-width:780px;max-height:calc(100vh - 48px);padding:28px;overflow:auto}.bulk-modal-head{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;display:flex}.bulk-modal-head h2{margin:0 0 6px;font-size:23px}.bulk-modal-head>div>span{color:var(--muted);font-size:13px}.bulk-modal-head .page-kicker{color:var(--brand-dark);margin:0 0 6px;font-size:10px;font-weight:800}.bulk-template{color:var(--brand-dark);cursor:pointer;background:#f1fbf6;border:1px solid #cae9d9;border-radius:10px;flex:none;padding:9px 12px;font-size:12px;font-weight:750}.bulk-dropzone{text-align:center;cursor:pointer;background:#f8fbf9;border:1.5px dashed #c7d9cf;border-radius:16px;align-content:center;place-items:center;gap:5px;min-height:150px;padding:22px;transition:all .16s;display:grid}.bulk-dropzone:hover,.bulk-dropzone.has-file{background:#f0faf5;border-color:#78cfa6}.bulk-dropzone input{opacity:0;width:1px;height:1px;position:absolute}.bulk-file-icon{width:38px;height:38px;color:var(--brand-dark);background:#e3f7ed;border-radius:12px;place-items:center;margin-bottom:4px;font-size:19px;font-weight:800;display:grid}.bulk-dropzone strong{color:#26372e;font-size:14px}.bulk-dropzone small{color:#87958d;font-size:12px}.bulk-message{background:#fff1f1;border-radius:9px;margin-top:12px;padding:10px 12px}.bulk-preview{margin-top:16px}.bulk-summary{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;display:grid}.bulk-summary article{border:1px solid var(--line);background:#fafcfb;border-radius:11px;gap:3px;padding:11px 12px;display:grid}.bulk-summary span{color:var(--muted);font-size:10px;font-weight:700}.bulk-summary strong{font-size:18px}.bulk-summary .valid strong{color:var(--brand-dark)}.bulk-summary .invalid{background:#fff7f7;border-color:#f5cccc}.bulk-summary .invalid strong{color:var(--danger)}.bulk-preview-table{border:1px solid var(--line);border-radius:11px;margin-top:10px;overflow:hidden}.bulk-preview-table>div{border-bottom:1px solid #edf1ef;grid-template-columns:44px 54px minmax(85px,.8fr) minmax(110px,1fr) minmax(120px,1.4fr);align-items:center;gap:8px;min-height:36px;padding:0 11px;font-size:11px;display:grid}.bulk-preview-table>div:last-child{border-bottom:0}.bulk-preview-table .head{color:var(--muted);background:#f6f9f7;font-size:10px;font-weight:750}.bulk-preview-table span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.bulk-preview-table em{color:var(--brand-dark);background:#e8f7f0;border-radius:6px;padding:3px 7px;font-style:normal;font-weight:750;display:inline-flex}.bulk-preview-table em.update{color:#5361d9;background:#eef1ff}.bulk-errors{background:#fff8f8;border:1px solid #f1d1d1;border-radius:11px;max-height:132px;margin-top:10px;padding:7px 12px;overflow:auto}.bulk-errors p{color:#a64e4e;margin:4px 0;font-size:11px}.bulk-complete{color:var(--brand-dark);text-align:center;background:#eaf9f1;border-radius:10px;margin:11px 0 0;padding:11px;font-size:13px;font-weight:750}.expiry-alerts{z-index:80;position:relative}.topbar-user>.expiry-alerts{margin-right:4px}.topbar-user .expiry-bell{border:1px solid var(--line);color:#68786f;background:#fff;border-radius:11px;place-items:center;width:38px;height:38px;margin:0;padding:0;display:grid;position:relative}.topbar-user .expiry-bell:hover,.topbar-user .expiry-bell.is-open{color:var(--brand-dark);background:#eef9f3;border-color:#b9deca}.expiry-bell svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65px;width:19px;height:19px}.topbar-user .expiry-bell>span{color:#fff;background:#ee5e62;border:2px solid #fff;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:9px;font-weight:800;display:grid;position:absolute;top:-6px;right:-6px}.expiry-dismiss{z-index:-1;background:0 0;border:0;width:100vw;height:100vh;position:fixed;inset:0}.expiry-popover{background:#fff;border:1px solid #dce7e1;border-radius:18px;width:min(390px,100vw - 28px);position:absolute;top:49px;right:0;overflow:hidden;box-shadow:0 24px 65px #102c1e33}.expiry-popover>header{justify-content:space-between;align-items:center;padding:18px 19px 14px;display:flex}.expiry-popover>header>div{gap:2px;display:grid}.expiry-popover>header strong{font-size:15px}.topbar-user .expiry-popover>header span{color:var(--muted);font-size:10px}.expiry-popover>header em{color:var(--brand-dark);background:#eef8f3;border-radius:7px;padding:4px 8px;font-size:11px;font-style:normal;font-weight:800}.expiry-counts{grid-template-columns:repeat(3,1fr);gap:6px;padding:0 14px 14px;display:grid}.expiry-counts article{background:#fafcfb;border:1px solid #e4ebe7;border-radius:10px;gap:2px;padding:9px 10px;display:grid}.topbar-user .expiry-counts span{color:#78877f;font-size:9px;font-weight:700}.expiry-counts strong{color:#516159;font-size:16px}.expiry-counts .urgent{background:#fff6f6;border-color:#f1cece}.expiry-counts .urgent strong{color:#d85056}.expiry-counts .soon{background:#fffaf0;border-color:#f0ddba}.expiry-counts .soon strong{color:#c4811d}.expiry-list{border-top:1px solid #edf1ef;border-bottom:1px solid #edf1ef;max-height:380px;overflow:auto}.expiry-list>a{min-height:57px;color:inherit;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 18px;text-decoration:none;display:grid}.expiry-list>a:hover{background:#f7fbf9}.expiry-list>a>div{gap:2px;min-width:0;display:grid}.expiry-list>a strong,.expiry-list>a small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.expiry-list>a strong{color:#314039;font-size:11px}.expiry-list>a small{color:#8b9791;font-size:9px}.expiry-list>a>em{color:#6e7c75;font-size:10px;font-style:normal;font-weight:750}.expiry-dot{background:#6f80df;border-radius:50%;width:7px;height:7px}.expiry-dot.one{background:#ed5a60;box-shadow:0 0 0 3px #fee9e9}.expiry-dot.three{background:#e7a438;box-shadow:0 0 0 3px #fff2d9}.expiry-empty{text-align:center;align-content:center;place-items:center;gap:5px;min-height:180px;padding:20px;display:grid}.topbar-user .expiry-empty>span{width:34px;height:34px;color:var(--brand-dark);background:#e7f7ee;border-radius:50%;place-items:center;font-size:15px;display:grid}.expiry-empty strong{font-size:12px}.expiry-empty p{color:var(--muted);margin:0;font-size:10px}.expiry-popover>footer{text-align:right;padding:12px 18px}.expiry-popover>footer a{color:var(--brand-dark);font-size:11px;font-weight:750;text-decoration:none}@media (width<=700px){.bulk-modal{padding:21px}.bulk-modal-head{display:grid}.bulk-summary{grid-template-columns:repeat(3,1fr)}.bulk-preview-table{overflow-x:auto}.bulk-preview-table>div{min-width:600px}.topbar-profile,.topbar-avatar{display:none}}.slot-runtime-settings{max-width:880px}.slot-runtime-grid{gap:10px;display:grid}.slot-runtime-grid>label{border:1px solid var(--line);background:#fbfdfc;border-radius:15px;grid-template-columns:42px minmax(0,1fr) 150px;align-items:center;gap:15px;padding:20px;display:grid}.slot-setting-icon{background:var(--brand-soft);width:40px;height:40px;color:var(--brand-dark);border:1px solid #ccebdc;border-radius:12px;place-items:center;font-size:11px;font-weight:800;display:grid}.slot-runtime-grid strong{color:#26342d;font-size:14px}.slot-runtime-grid p{color:var(--muted);margin:5px 0 0;font-size:11px}.slot-setting-input{position:relative}.slot-setting-input input{color:#1f2e26;background:#fff;border:1px solid #d8e5de;border-radius:11px;width:100%;height:44px;padding:0 42px 0 14px;font-size:15px;font-weight:750}.slot-setting-input input:focus{border-color:#78cfa6;outline:0;box-shadow:0 0 0 3px #20bd791a}.slot-setting-input em{color:#829088;font-size:11px;font-style:normal;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.slot-setting-flow{background:#f1f8f4;border-radius:12px;justify-content:center;align-items:center;gap:12px;margin-top:16px;padding:14px;display:flex}.slot-setting-flow span{color:#52625a;font-size:11px;font-weight:700}.slot-setting-flow i{color:var(--brand);font-size:12px;font-style:normal}@media (width<=700px){.slot-runtime-grid>label{grid-template-columns:42px minmax(0,1fr)}.slot-setting-input{grid-column:1/-1}.slot-setting-flow{text-align:center;flex-direction:column;align-items:stretch}.slot-setting-flow i{transform:rotate(90deg)}}.board-date{text-align:right;gap:5px;display:grid}.board-date span,.board-date strong{font-size:12px}.board-date span{color:var(--muted)}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px;display:grid}.metric-grid>article{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;min-height:142px;padding:24px;display:flex;box-shadow:0 8px 30px #172d220a}.metric-grid>article>span{color:var(--muted);font-size:12px;font-weight:700}.metric-grid>article>strong{color:#17251e;letter-spacing:-.04em;margin:16px 0 8px;font-size:clamp(24px,2.4vw,34px)}.metric-grid>article>small{color:#8a978f;margin-top:auto;font-size:11px}.metric-grid>article.accent{background:linear-gradient(145deg,#20bd79,#169d65);border-color:#1fab73}.metric-grid>article.accent span,.metric-grid>article.accent small{color:#ffffffc7}.metric-grid>article.accent strong{color:#fff}.metric-grid>article.warning{background:#fffcf4}.data-panel{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px #172d2209}.data-panel>header{border-bottom:1px solid var(--line);padding:24px 26px}.data-panel h2{color:#213028;letter-spacing:-.03em;margin:0;font-size:18px}.board-columns{grid-template-columns:minmax(360px,.85fr) minmax(480px,1.15fr);gap:20px;display:grid}.workflow-list{gap:0;margin:0;padding:12px 26px 24px;list-style:none;display:grid}.workflow-list li{grid-template-columns:42px 1fr;gap:14px;padding:16px 0;display:grid;position:relative}.workflow-list li:not(:last-child):after{content:"";background:#dcebe3;width:1px;position:absolute;top:51px;bottom:-7px;left:20px}.workflow-list b{z-index:1;background:var(--brand-soft);width:42px;height:42px;color:var(--brand-dark);border-radius:12px;place-items:center;font-size:11px;display:grid}.workflow-list div{gap:5px;display:grid}.workflow-list strong{font-size:14px}.workflow-list span,.panel-toolbar p{color:var(--muted);font-size:11px}.panel-title-row,.panel-toolbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.panel-title-row .page-kicker{margin-bottom:6px}.live-pill{background:var(--brand-soft);color:var(--brand-dark);border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:10px;font-weight:750;display:inline-flex}.live-pill i{background:var(--brand);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #22bc7e1f}.member-summary-list{padding:8px 26px 16px}.member-summary-list article{border-bottom:1px solid #edf2ef;grid-template-columns:38px minmax(100px,1fr) auto auto;align-items:center;gap:12px;padding:14px 0;display:grid}.member-avatar{width:38px;height:38px;color:var(--brand-dark);background:#e7f7ef;border-radius:12px;place-items:center;font-size:13px;font-weight:800;display:grid}.member-summary-list article>div:nth-child(2){gap:3px;display:grid}.member-summary-list span{color:var(--muted);font-size:10px}.member-summary-list b{color:#25352d;font-size:12px}.member-status,.assignment-card header>em,.cookie-state{background:var(--brand-soft);color:var(--brand-dark);border-radius:999px;padding:6px 9px;font-size:10px;font-style:normal;font-weight:750}.member-status.inactive,.assignment-card header>em.is-inactive,.cookie-state.error{color:#c8474b;background:#feecec}.notice-banner{color:#53645b;background:#f5faf7;border:1px solid #d5e7de;border-radius:12px;gap:10px;margin:-8px 0 20px;padding:13px 16px;font-size:12px;display:flex}.notice-banner strong{color:var(--brand-dark)}.panel-toolbar input{border:1px solid var(--line);border-radius:10px;outline:none;width:min(310px,100%);height:40px;padding:0 13px}.panel-toolbar input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.cookie-state.waiting{color:#a56c0f;background:#fff4dc}.allocation-summary{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:1fr auto 1fr auto 1.25fr;align-items:center;gap:18px;margin-bottom:22px;padding:22px 28px;display:grid}.allocation-summary>div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.allocation-summary>div>span{color:var(--muted);font-size:12px}.allocation-summary strong{font-size:25px}.allocation-summary small{margin-left:3px;font-size:11px}.allocation-summary>i{color:#a5b2ab;font-style:normal}.allocation-summary .total{background:var(--brand-soft);border-radius:12px;padding:13px 18px}.assignment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:22px;display:grid}.assignment-card{background:#fbfdfc;border:1px solid #e1ebe6;border-radius:14px;padding:20px}.assignment-card header{grid-template-columns:38px 1fr auto;align-items:center;gap:11px;display:grid}.assignment-card header>div:nth-child(2){gap:3px;display:grid}.assignment-card header span,.account-range span,.assignment-card footer{color:var(--muted);font-size:10px}.account-range{gap:7px;margin:20px 0 13px;display:grid}.account-range strong{color:#314039;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.allocation-progress{background:#e8eeeb;border-radius:999px;height:5px;overflow:hidden}.allocation-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--brand), #64d8a5);height:100%;display:block}.assignment-card footer{justify-content:space-between;margin-top:11px;display:flex}.assignment-card footer b{color:#34453c}.empty-state{color:var(--muted);text-align:center;grid-column:1/-1;padding:44px}button:disabled{cursor:not-allowed;opacity:.48}@media (width<=1100px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.board-columns{grid-template-columns:1fr}}@media (width<=760px){.metric-grid,.assignment-grid,.allocation-summary{grid-template-columns:1fr}.allocation-summary>i{display:none}.panel-toolbar{flex-direction:column;align-items:stretch}.panel-toolbar input{width:100%}}.topbar-user .demo-toggle{color:#41705a;background:#f4faf7;border-color:#cfe4d9;height:36px}.topbar-user .demo-toggle.is-on{color:#fff;background:#159a62;border-color:#159a62;box-shadow:0 0 0 4px #159a621a}.demo-banner{color:#406454;background:#eaf9f1;border:1px solid #98d9ba;border-radius:12px;align-items:center;gap:11px;margin:-10px 0 20px;padding:13px 17px;font-size:12px;display:flex}.demo-banner strong{color:#118456}.table-result-note{border-top:1px solid var(--line);color:var(--muted);text-align:right;padding:14px 22px;font-size:11px}.purchase-layout{grid-template-columns:minmax(360px,.8fr) minmax(420px,1.2fr);align-items:start;gap:22px;display:grid}.purchase-card,.purchase-guide{border:1px solid var(--line);background:#fff;border-radius:20px;box-shadow:0 12px 36px #172d220d}.purchase-card{padding:28px;overflow:hidden}.purchase-card>header{justify-content:space-between;align-items:center;display:flex}.purchase-label{color:var(--brand-dark);font-size:12px;font-weight:800}.purchase-card>header em{background:var(--brand-soft);color:var(--brand-dark);border-radius:999px;padding:6px 10px;font-size:10px;font-style:normal;font-weight:800}.purchase-price{align-items:baseline;margin:30px 0 24px;display:flex}.purchase-price strong{color:#182820;letter-spacing:-.06em;font-size:clamp(35px,4vw,48px)}.purchase-price>span{margin-left:5px;font-size:17px;font-weight:750}.purchase-price small{color:var(--brand-dark);margin-left:auto;font-size:11px;font-weight:700}.purchase-card ul{border-top:1px solid var(--line);gap:0;margin:0 0 26px;padding:0;list-style:none;display:grid}.purchase-card li{border-bottom:1px solid var(--line);color:#46564e;gap:11px;padding:15px 0;font-size:12px;display:flex}.purchase-card li i{color:var(--brand);font-style:normal;font-weight:900}.purchase-button{width:100%;height:48px}.purchase-card>p{color:var(--muted);text-align:center;margin:12px 0 0;font-size:10px}.purchase-guide{padding:28px}.purchase-guide h2{margin:0;font-size:20px}.purchase-guide ol{gap:12px;margin:24px 0;padding:0;list-style:none;display:grid}.purchase-guide li{background:#fbfdfc;border:1px solid #e5eee9;border-radius:13px;grid-template-columns:40px 1fr;align-items:center;gap:13px;padding:15px;display:grid}.purchase-guide li>b{background:var(--brand-soft);width:40px;height:40px;color:var(--brand-dark);border-radius:11px;place-items:center;font-size:12px;display:grid}.purchase-guide li>div{gap:4px;display:grid}.purchase-guide li strong{font-size:13px}.purchase-guide li span,.purchase-guide footer span,.purchase-guide footer small{color:var(--muted);font-size:10px}.purchase-guide footer{border-top:1px solid var(--line);justify-content:space-between;padding-top:18px;display:flex}@media (width<=900px){.purchase-layout{grid-template-columns:1fr}}