@charset "UTF-8";
:root{--navy:#132a43;--navy-dark:#102337;--ink:#1c3045;--muted:#7a8797;--line:#e6ebf0;--bg:#f5f7fa;--teal:#176b63;--teal-light:#eaf5f1;--blue:#2d65d7;--warm:#ad6e2b;--radius:12px;--font:"Inter","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button .icon,a .icon{flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.4;letter-spacing:-.5px}h2{font-size:18px;line-height:1.5}h3{font-size:16px}p{line-height:1.85}small,.small{font-size:12px}.muted{color:var(--muted)}.sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{height:20px;width:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:middle}.eyebrow{display:block;font-size:10px;font-weight:600;letter-spacing:2px;margin-bottom:9px}.full{width:100%}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:10px 20px;border-radius:7px;border:1px solid transparent;font-size:13px;font-weight:600;transition:background .15s,transform .15s}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--teal);color:white;box-shadow:0 2px 3px #0b493b0b}.button.primary:hover{background:#105c55}.button.secondary{background:white;border-color:#dce3ea;color:var(--ink)}.button.secondary:hover{background:#f6f8fa}.button.quiet{background:transparent;color:var(--muted);font-weight:400}.button.quiet:hover{background:#f4f6f8;color:var(--ink)}.button.compact{min-height:36px;padding:7px 13px;font-size:12px}.text-link{display:inline-flex;align-items:center;gap:5px;color:var(--teal);font-weight:500;font-size:12px;background:none;border:0;padding:0}.text-link:hover{color:#0b4a43;text-decoration:underline}.text-link .icon{height:15px;width:15px}.pill{display:inline-block;padding:4px 10px;border:1px solid #d8e7e3;border-radius:5px;color:var(--teal);font-size:11px;white-space:nowrap;background:#f7fbfa}.notice{padding:12px 16px;border-radius:7px;margin-bottom:18px;background:#ecf6f1;color:#246a51;border:1px solid #d5e9df}.notice-error{background:#fdf0ed;color:#a0473a;border-color:#f2d8d0}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);padding:12px 22px;background:#132a43;color:white;border-radius:8px;box-shadow:0 8px 36px #132a4330;z-index:100;font-size:13px;max-width:90vw}.good-text{color:var(--teal)}.warm-text{color:var(--warm)}.good-text .icon{width:14px;height:14px}.divider{color:#c0c9d3;margin:0 10px}input,select{width:100%;background:#fff;border:1px solid #dce3ea;border-radius:7px;padding:11px 12px;color:var(--ink);min-height:44px}input:focus,select:focus{outline:2px solid #176b6340;border-color:var(--teal)}label{display:block;font-size:12px;font-weight:500;margin-top:20px}label input,label select{display:block;margin-top:8px}input::placeholder{color:#a0aab5}input[type=file]{font-size:12px;background:#fff}input[type=radio]{width:16px;min-height:auto;height:16px;margin:0;accent-color:var(--teal)}[hidden]{display:none!important}
/* Administration */
.admin-app{background:var(--bg)}.sidebar{width:230px;background:var(--navy);position:fixed;inset:0 auto 0 0;color:#c1cedb;display:flex;flex-direction:column;padding:31px 18px 0;z-index:10}.brand{display:flex;align-items:center;gap:13px;color:#fff;line-height:1.3;padding:0 9px}.brand-mark{font-size:22px;letter-spacing:-2px;font-weight:800;border-right:1px solid #ffffff30;padding-right:15px}.brand>span:last-child{font-size:19px;font-weight:600;letter-spacing:2px}.brand small{display:block;font-size:7px;font-weight:400;letter-spacing:1.4px;color:#90a6ba;margin-top:5px}.sidebar-label{font-size:10px;letter-spacing:1px;color:#7c94ab;padding:0 13px;margin-top:52px;margin-bottom:14px}.nav-link{display:flex;align-items:center;gap:13px;padding:12px 14px;margin-bottom:7px;font-size:13px;border-radius:7px;color:#9db0c2}.nav-link:hover{background:#ffffff08;color:#fff}.nav-link.active{color:white;background:#ffffff10}.nav-link .icon{height:18px;width:18px}.nav-dot{height:5px;width:5px;background:#73bdb1;border-radius:50%;margin-left:auto}.nav-count{margin-left:auto;font-size:10px;color:#a0b5c6}.sidebar-bottom{margin-top:auto}.safe-note{padding:20px 13px 25px;border-bottom:1px solid #ffffff12;color:#92a9bd}.safe-note>.icon{height:16px;width:16px;margin-right:7px;color:#79acaa}.safe-note strong{font-size:11px;font-weight:500}.safe-note p{font-size:10px;margin-top:10px;color:#7991a7;line-height:1.9}.operator{display:flex;gap:10px;align-items:center;font-size:11px;color:#d0dce5;padding:24px 7px}.avatar{background:#284259;color:#b4c9d6;border:1px solid #486275;width:33px;height:33px;border-radius:50%;display:grid;place-items:center;font-size:10px}.operator small{display:block;font-size:9px;color:#7d95ab}.operator form{margin-left:auto}.icon-button{border:0;background:transparent;padding:2px;color:#91a9bd}.icon-button .icon{height:16px;width:16px}.admin-main{margin-left:230px}.topbar{height:65px;background:white;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#6b7c8c}.topbar>div span{color:#cbd3db;margin:0 12px}.internal-label{display:flex;gap:7px;align-items:center;font-size:10px;color:#7d8d9b}.live-dot{background:#428e79;width:6px;height:6px;border-radius:50%;display:inline-block}.content{max-width:1560px;margin:auto;padding:34px 38px 18px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-heading h1{margin-bottom:8px}.page-heading p{font-size:12px;color:var(--muted)}.page-heading .eyebrow{font-size:9px;margin-bottom:8px}.overview-intro{display:flex;align-items:center;gap:15px;background:#eff5f5;border:1px solid #dde9e7;padding:17px 20px;border-radius:8px;margin-bottom:24px}.intro-icon{display:grid;place-items:center;height:38px;width:38px;flex-shrink:0;border-radius:10px;background:#deece8;color:var(--teal)}.overview-intro strong{font-size:12px;font-weight:600}.overview-intro p{font-size:11px;margin-top:2px;color:#728481}.overview-intro .pill{margin-left:auto}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric{padding:19px 20px 17px;background:white;border:1px solid var(--line);border-radius:9px}.metric-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#62778a}.metric-label .icon{color:#95aaa8;height:18px;width:18px}.metric-value{font-size:34px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-1px;line-height:1.7;color:#19384d}.metric-value span{font-size:10px;font-weight:400;color:#9aa6b2;margin-left:9px;letter-spacing:0}.metric .small{font-size:10px}.section-block{margin-top:29px;scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-heading h2{font-size:17px;margin-bottom:3px}.section-heading p{font-size:11px;color:var(--muted)}.section-heading>.small{font-size:9px;letter-spacing:1px}.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.scenario-card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.scene-visual{height:170px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.visual-email{background:#e8effa}.visual-oa{background:#e6f0ec}.visual-welfare{background:#f9efdf}.scene-letter{position:absolute;top:14px;left:17px;color:#ffffffd0;font-weight:700;font-size:52px;line-height:1;letter-spacing:-3px}.visual-email .scene-letter{color:#d2ddf2}.visual-oa .scene-letter{color:#caddd4}.visual-welfare .scene-letter{color:#eedbbd}.visual-tag{position:absolute;bottom:12px;right:13px;font-size:9px;color:#7790b4;background:#ffffff9e;border:1px solid #ffffff80;border-radius:4px;padding:2px 7px}.visual-oa .visual-tag{color:#6d9580}.visual-welfare .visual-tag{color:#b3905d}.mini-window{width:168px;background:#ffffffed;border:1px solid #ffffffd0;border-radius:6px;box-shadow:0 12px 20px #20436c10;transform:rotate(-3deg);margin-top:5px}.visual-oa .mini-window{transform:rotate(2deg)}.visual-welfare .mini-window{transform:rotate(-2deg)}.mini-top{height:24px;border-bottom:1px solid #edf0f3;display:flex;align-items:center;gap:3px;padding:0 9px}.mini-top i{width:3px;height:3px;background:#cdd8e5;border-radius:50%}.mini-top span{font-size:6px;margin-left:auto;color:#a0abba}.mini-body{padding:13px 14px;text-align:center}.mini-icon{display:inline-grid;place-items:center;width:28px;height:28px;background:#eaf0fc;border-radius:7px;color:#7198d5;margin-bottom:6px}.mini-icon .icon{width:17px;height:17px}.mini-line{height:3px;background:#e4eaf3;border-radius:5px;width:65%;margin:5px auto}.mini-line.wide{width:80%}.mini-button{height:10px;width:55%;background:#85a7df;border-radius:3px;margin:9px auto 0}.visual-oa .mini-icon{color:#6a9c8d;background:#e7f2ed}.visual-oa .mini-button{background:#84b09b}.visual-welfare .mini-icon{color:#c99a58;background:#fbf0df}.visual-welfare .mini-button{background:#d4b078}.scene-copy{padding:21px 21px 17px}.scene-meta{font-size:9px;color:#8c9aaa;margin-bottom:8px;letter-spacing:.4px}.scene-meta span{padding:0 5px;color:#b3bec9}.scene-copy h3{font-size:16px;letter-spacing:-.3px;margin-bottom:8px}.scene-copy>p{font-size:11px;color:#81909e;line-height:1.9;min-height:43px}.scene-actions{border-top:1px solid #eff2f5;padding-top:15px;margin-top:17px;display:flex;justify-content:space-between;gap:8px}.scene-actions .text-link{font-size:10px}.scene-actions>a{color:#8292a1}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:21px 23px;border-bottom:1px solid #edf1f4}.panel-heading h2{font-size:15px;display:flex;align-items:center;gap:9px}.panel-heading p{color:var(--muted);font-size:11px;margin-top:5px}.count-badge{font-size:10px;padding:1px 6px;background:#f1f4f6;color:#81929f;border:1px solid #e6ebee;border-radius:4px;font-weight:400}.empty-state{text-align:center;padding:31px 20px 34px}.empty-icon{display:inline-grid;place-items:center;background:#f1f5f7;color:#97adb8;height:44px;width:44px;border-radius:12px;margin-bottom:12px}.empty-state h3{font-size:13px;font-weight:500;margin-bottom:6px}.empty-state p{font-size:11px;color:#92a0ad;margin-bottom:17px}.empty-state .button{font-size:11px;min-height:35px;padding:6px 13px}.empty-state .icon{width:18px;height:18px}.guide{display:flex;align-items:center;gap:30px;border:1px solid var(--line);padding:23px 24px;border-radius:9px;background:#f9fafc}.guide>div{min-width:170px}.guide .eyebrow{font-size:8px;margin-bottom:4px}.guide h2{font-size:14px}.guide ol{display:grid;grid-template-columns:repeat(4,1fr);width:100%;list-style:none;padding:0;margin:0;gap:20px}.guide li{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:2px 9px}.guide b{color:#a6b5c0;font-size:10px;grid-row:span 2;font-weight:400;align-self:start;padding-top:1px}.guide strong{font-size:11px;font-weight:500}.guide li span{font-size:9px;color:#97a3af}.data-note{display:flex;align-items:flex-start;gap:8px;font-size:10px;color:#8a98a6;padding:15px 1px;line-height:1.9}.data-note .icon{height:14px;width:14px;margin-top:3px;flex-shrink:0}.admin-footer{margin-top:28px;border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;font-size:9px;color:#a0acb7}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:11px;text-align:left;white-space:nowrap}th{color:#8a99a7;font-weight:400;font-size:10px;background:#fbfcfd;padding:12px 20px;border-bottom:1px solid #edf1f4}td{padding:16px 20px;border-bottom:1px solid #f0f3f6;color:#667b8c}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdfd}.row-title{font-size:12px;font-weight:500;color:#2b4658}.table-sub{display:block;color:#9ba8b3;font-size:9px;margin-top:4px}.status{display:inline-flex;align-items:center;gap:5px;font-size:10px;padding:3px 8px;border-radius:4px;background:#f2f4f6;color:#81909c;white-space:nowrap}.status>span{height:4px;width:4px;border-radius:50%;background:currentColor}.status-active{background:#eaf5ef;color:#428b6e}.status-paused{background:#fcf4e9;color:#b28b51}.status-ended{background:#edf0f4;color:#7f8c9a}.campaign-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:22px;margin-top:25px}.panel-body{padding:22px}.step-label{font-size:10px;color:#b3c0c8;letter-spacing:2px}.import-form .file-label{background:#fafcfd;border:1px dashed #d4dfe6;border-radius:7px;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:21px;text-align:center;margin:0}.file-label>.icon{color:#91aaa7;width:25px;height:25px;margin-bottom:8px}.file-label strong{font-size:12px;font-weight:500}.file-label span{font-size:10px;color:#91a0ac;margin:6px 0 12px}.file-label input{width:100%;max-width:320px;min-height:35px;padding:7px}.spread{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.export-row{border-top:1px solid var(--line);padding-top:18px;margin-top:20px;display:flex;align-items:center;gap:12px;justify-content:space-between}.export-row strong{font-size:12px;font-weight:500}.export-row p{font-size:10px;color:var(--muted);margin-top:2px}.export-row .button{flex-shrink:0}.control-summary{display:flex;justify-content:space-between;align-items:center;color:#748798;font-size:12px;padding:3px 0 25px}.control-actions{display:grid;gap:9px}.control-note{border-top:1px solid var(--line);padding-top:17px;margin-top:19px;font-size:11px;line-height:1.9}.compact-empty{padding:35px}.compact-empty>.icon{color:#abbac7;margin-bottom:10px;width:28px;height:28px}.search{max-width:245px;min-height:34px;font-size:11px;padding:8px 11px}.row-actions{display:flex;gap:12px}.message-preview{padding:23px}.message-preview>strong{font-size:12px;font-weight:500}.message-preview pre{white-space:pre-wrap;font:11px/1.9 var(--font);color:#8695a3;margin:16px 0 0}.back-link{display:inline-block;font-size:10px;color:#8d9ca9;margin-bottom:12px}dialog{width:450px;border:1px solid var(--line);border-radius:12px;padding:28px;box-shadow:0 30px 100px #10233730;color:var(--ink)}dialog::backdrop{background:#10233766;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading .close-dialog{font-size:25px;border:0;background:transparent;color:#8996a1}.dialog-heading+p{font-size:12px;margin-top:4px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:27px}
/* Administrator sign-in */
.login-page{background:#fff}.login-layout{min-height:100vh;display:grid;grid-template-columns:46% 54%}.login-story{background:#132a43;color:white;padding:45px 52px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story:after{content:"";width:570px;height:570px;border:1px solid #8db4c315;border-radius:50%;position:absolute;right:-320px;bottom:-280px;box-shadow:0 0 0 70px #8db4c308,0 0 0 140px #8db4c305;pointer-events:none}.login-story .brand{padding:0}.login-story-copy{margin:auto 0;padding:60px 0}.login-story-copy .eyebrow{font-size:11px;font-weight:400;color:#82aaa8;letter-spacing:3px}.login-story-copy h1{font-size:42px;font-weight:500;line-height:1.65;letter-spacing:1px;margin:22px 0}.login-story-copy p{color:#91a8ba;font-size:13px;line-height:2.1}.story-icons{display:flex;align-items:center;gap:17px;margin-top:46px;color:#8bacb5}.story-icons .icon{height:22px;width:22px}.story-icons span{width:30px;height:1px;background:#ffffff20}.login-story>small{font-size:10px;color:#6f899d;letter-spacing:1px}.login-form-area{display:flex;align-items:center;justify-content:center;padding:50px}.login-box{width:345px;max-width:100%}.square-icon{height:47px;width:47px;background:#eaf3ef;color:var(--teal);border-radius:12px;display:grid;place-items:center;margin-bottom:27px}.square-icon .icon{height:25px;width:25px}.login-box h2{font-size:29px;font-weight:600;margin-bottom:9px}.login-box>p{font-size:12px}.login-box form{margin-top:30px}.login-box form>.button{margin-top:27px}.login-help{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:22px;color:#9ba7b1}.login-help .icon{height:13px;width:13px}.login-box .notice{margin-top:20px;font-size:12px}
/* Employee-facing scenes */
.public-page{background:#f5f7fa;--accent:#2e65c6;--accent-bg:#edf2fc}.public-header{max-width:1220px;margin:auto;height:91px;padding:0 38px;display:flex;align-items:center;justify-content:space-between}.public-brand{display:flex;align-items:center;gap:17px}.public-brand b{font-size:28px;font-weight:800;letter-spacing:-2px;color:#195399}.public-brand>span{font-size:21px;font-weight:600;letter-spacing:2px;border-left:1px solid #d8dee6;padding-left:17px;color:#2e4960}.public-header>span{font-size:11px;color:#8c9aa6;display:flex;align-items:center;gap:6px}.public-header>span>.icon{height:15px;width:15px}.preview-banner{background:#fff7dd;border-bottom:1px solid #ebdfb8;color:#9a7c3c;text-align:center;font-size:11px;padding:9px 20px;display:flex;justify-content:center;align-items:center;gap:7px}.preview-banner .icon{height:14px;width:14px}.preview-banner a{margin-left:20px;text-decoration:underline;font-size:10px}.landing-layout{max-width:1100px;min-height:610px;background:white;display:grid;grid-template-columns:1.07fr 1fr;border:1px solid #e4eaf2;border-radius:14px;overflow:hidden;box-shadow:0 14px 60px #1e3b6506;margin:10px auto 25px}.landing-hero{position:relative;padding:52px 44px;overflow:hidden;min-height:610px}.hero-small{font-size:9px;font-weight:600;letter-spacing:2.5px;color:#879dbb}.landing-hero h1{font-size:36px;line-height:1.6;font-weight:500;letter-spacing:1px;margin:27px 0 14px;position:relative;z-index:1}.landing-hero>p{font-size:12px;color:#8296b2;letter-spacing:1px}.email-hero{background:#eef3fc;color:#274e87}.hero-foot{position:absolute;bottom:29px;left:44px;color:#8a9fba;font-size:10px;letter-spacing:.3px}.landing-card{padding:44px 46px 25px;display:flex;flex-direction:column;justify-content:center}.service-icon{height:42px;width:42px;border-radius:12px;background:var(--accent-bg);color:var(--accent);display:grid;place-items:center;margin-bottom:22px}.service-icon .icon{height:23px;width:23px}.landing-card>.eyebrow{font-size:9px;letter-spacing:1.6px}.landing-card h2{font-size:23px;font-weight:600;margin-bottom:14px;color:#243e56;letter-spacing:-.6px}.landing-description{font-size:12px;color:#8998a7;line-height:1.95}.account-summary{background:#f8fafc;border:1px solid #edf1f6;padding:18px 17px;display:grid;grid-template-columns:1fr 1.3fr;gap:13px;margin:22px 0}.account-summary>span{font-size:11px;color:#8e9eac}.account-summary>strong{font-size:11px;font-weight:500;color:#4c657b;text-align:right}.account-summary>strong.warm-text{color:#b38d48}.landing-card>p.small{font-size:10px;margin-bottom:12px}.landing-card>.button.primary{background:var(--accent);min-height:45px;font-weight:500;font-size:12px;box-shadow:none}.landing-card>.button.primary:hover{filter:brightness(.95)}.landing-card>.button.quiet{font-size:10px;min-height:35px;margin-top:5px}.card-bottom{display:flex;justify-content:center;align-items:center;gap:5px;border-top:1px solid #edf1f4;padding-top:17px;color:#a2adb7;font-size:9px;margin-top:15px}.card-bottom .icon{height:11px;width:11px}.form-feedback{font-size:11px;color:#ad6e2b;min-height:0;line-height:1.8}.form-feedback:not(:empty){padding:10px 0}.public-footer{text-align:center;font-size:10px;color:#a9b3bf;padding:17px 15px 30px;letter-spacing:.6px}.public-footer span{margin:0 12px;color:#ccd4dd}.mail-art{position:relative;height:240px;margin-top:13px}.art-orbit{position:absolute;border:1px solid #d7e3f5;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-one{width:205px;height:205px}.orbit-two{width:300px;height:300px;border-style:dashed;border-color:#dfe7f5}.envelope{width:172px;height:117px;background:#c0d2f0;border:1px solid #b5cbed;position:absolute;left:50%;top:50%;transform:translate(-50%,-44%) rotate(-8deg);border-radius:9px;box-shadow:3px 16px 25px #1c4c8b12;display:flex;align-items:center;justify-content:center;overflow:hidden}.envelope:before{content:"";position:absolute;top:-68px;left:21px;width:125px;height:125px;transform:rotate(45deg);background:#dce7fa;border-radius:6px;border:1px solid #afc5e8}.envelope>.icon{height:38px;width:38px;stroke-width:1;color:#7b9aca;transform:translateY(12px)}.floating-mini{position:absolute;background:#ffffffed;border:1px solid #fff;padding:7px 11px;border-radius:6px;box-shadow:0 6px 20px #28416a06;font-size:9px;letter-spacing:.4px}.floating-one{left:4%;top:24%;color:#6d8bb8;transform:rotate(-4deg)}.floating-two{right:-1%;bottom:18%;color:#769ab9;transform:rotate(5deg)}.floating-two>.icon{height:13px;width:13px;margin-right:5px}.theme-oa{--accent:#277668;--accent-bg:#e9f4f0}.oa-hero{background:#eef6f2;color:#355e53}.oa-hero .hero-small,.oa-hero>p,.oa-hero .hero-foot{color:#89a79d}.oa-art{height:240px;position:relative;margin-top:22px}.art-board{position:absolute;width:260px;max-width:93%;left:50%;top:22px;transform:translateX(-50%) rotate(-5deg);background:#ffffffd9;border:1px solid white;border-radius:8px;padding:20px;box-shadow:0 15px 25px #27584108}.art-board-title{font-size:12px;color:#577969;margin-bottom:17px}.art-board-title span{display:block;color:#b3c7bc;font-size:5px;letter-spacing:2px;margin-top:3px}.art-todo{background:#f5f8f6;border:1px solid #edf2ef;border-radius:5px;padding:10px 8px;display:flex;align-items:center;gap:8px;color:#9ab3a7;font-size:9px;margin-top:8px}.art-todo .icon{width:12px;height:12px}.art-todo span{font-size:7px;color:#aabeb3;margin-left:auto}.art-todo.highlight{background:#e8f3eb;border-color:#dcece1;color:#68977d}.art-line{background:#e9efeb;height:3px;width:70%;margin:13px 0 0;border-radius:3px}.art-line.short{width:45%;margin-top:7px}.art-seal{position:absolute;right:7%;bottom:5px;background:#729e87;border:5px solid #edf6f1;color:#eff8f1;border-radius:16px;padding:13px;transform:rotate(8deg);box-shadow:0 8px 30px #3a725218}.art-seal .icon{height:30px;width:30px;stroke-width:1}.oa-task{border:1px solid #e7eee9;background:#f9fcfa;border-radius:7px;padding:18px;margin:20px 0}.task-label{font-size:9px;color:#70a48b;letter-spacing:.5px}.oa-task h3{font-size:14px;margin:5px 0 15px;color:#436752;font-weight:500}.oa-task p{font-size:10px;color:#95a69d;display:flex;justify-content:space-between;margin-top:7px}.oa-task b{font-weight:400;color:#65816e}.oa-task b.warm-text{color:var(--warm)}.theme-welfare{--accent:#bc7c38;--accent-bg:#fcf3e6;background:#faf8f4}.welfare-hero{background:#fbf1e1;color:#875f31}.welfare-hero .hero-small,.welfare-hero>p,.welfare-hero .hero-foot{color:#b19976}.gift-art{position:relative;height:240px;margin-top:21px}.gift-circle{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:210px;height:210px;background:#f1dfbf88;border-radius:50%}.gift-box{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%) rotate(-9deg);width:145px;height:120px;background:#dab27a;border-radius:5px;box-shadow:5px 15px 25px #936b3410}.gift-lid{position:absolute;left:-9px;top:-8px;height:29px;width:163px;background:#e9c592;border-radius:5px;border-bottom:3px solid #ba8f5225}.gift-ribbon{position:absolute;top:-8px;left:59px;width:26px;height:128px;background:#f8e6c9}.gift-bow{position:absolute;top:-44px;width:58px;height:38px;border:10px solid #f8e6c9;border-radius:50% 50% 0 50%}.gift-bow.left{left:22px;transform:rotate(25deg)}.gift-bow.right{right:20px;transform:rotate(-24deg) scaleX(-1)}.gift-star{position:absolute;color:#d4af76;font-size:30px}.star-one{left:8%;top:25%}.star-two{right:6%;top:42%;font-size:40px}.gift-label{bottom:12px;right:11%;color:#b28a50;font-size:7px;letter-spacing:2px;transform:rotate(4deg)}.welfare-ticket{display:flex;align-items:center;justify-content:space-between;border:1px solid #f0dfc5;background:#fdf8f0;border-radius:9px;padding:19px 21px;margin:22px 0 18px}.welfare-ticket>div>span{font-size:9px;color:#b99a6e}.welfare-ticket h3{font-size:17px;font-weight:500;letter-spacing:1px;color:#9b723c;margin:4px 0 2px}.welfare-ticket p{font-size:9px;color:#beaa90}.welfare-ticket>.icon{height:44px;width:44px;color:#d7ba8f;stroke-width:1}.welfare-steps{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#b5a38b;margin-bottom:24px}.welfare-steps b{display:inline-grid;place-items:center;border-radius:50%;background:#f8f1e6;color:#b9986c;font-size:8px;height:18px;width:18px;font-weight:400;margin-right:4px}.welfare-steps i{width:12px;height:1px;background:#e7d7c2}
/* Education */
.learn-page{background:#f5f8f7}.learning-content{max-width:780px;margin:0 auto 20px;padding:0 24px}.learning-intro{text-align:center;padding:32px 10px 39px}.learning-symbol{display:inline-grid;place-items:center;width:62px;height:62px;background:#e4f0e9;border:1px solid #d6e7df;border-radius:19px;color:var(--teal);margin-bottom:23px}.learning-symbol>.icon{height:33px;width:33px;stroke-width:1.5}.learning-intro>.eyebrow{font-size:10px;letter-spacing:3px;color:#7f9a8d;margin-bottom:12px}.learning-intro h1{font-size:34px;font-weight:500;color:#24473a;margin-bottom:16px;letter-spacing:0}.learning-intro h1 span{color:var(--teal)}.learning-intro>p{color:#8a9b91;font-size:12px;line-height:2}.learn-tag{display:inline-flex;align-items:center;gap:6px;color:#7d9a8b;font-size:10px;border:1px solid #dce8e1;border-radius:20px;padding:5px 12px;margin-top:19px}.learn-tag>.icon{width:13px;height:13px}.learn-panel{padding:29px 32px;margin-bottom:19px;border-color:#e2ebe5}.lesson-number{font-size:11px;color:#78a18a;letter-spacing:1px;margin-bottom:13px}.lesson-number span{font-size:10px;color:#9eafa4;letter-spacing:.4px;margin-left:9px}.learn-panel>h2{font-size:17px;color:#3b5748;font-weight:500;margin-bottom:15px}.learn-panel>p{font-size:12px;color:#87998d;line-height:1.95}.domain-comparison{border:1px solid #e5ede8;border-radius:7px;background:#f9fbfa;padding:16px 18px;margin:19px 0 13px}.domain-comparison>div+div{border-top:1px solid #e7ede9;padding-top:12px;margin-top:12px}.domain-comparison span{font-size:10px;color:#8ba092;display:block;margin-bottom:4px}.domain-comparison code{font:12px/1.7 Consolas,monospace;color:#597661;overflow-wrap:anywhere}.learn-panel>p.small{font-size:10px}.clue-list{list-style:none;padding:0;margin:17px 0}.clue-list li{display:flex;align-items:flex-start;gap:16px;padding:12px 0;border-bottom:1px solid #f0f4f1}.clue-list li:last-child{border:0}.clue-list li>span{background:#eef5f0;border-radius:6px;display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;font-size:10px;color:#7ca087}.clue-list p{font-size:12px;color:#7f9385;line-height:1.9;padding-top:2px}.learning-tip{margin-top:20px;font-size:10px;color:#9c8b6d;background:#fcf8ed;border-radius:6px;padding:12px;line-height:1.9;display:flex;align-items:flex-start;gap:8px}.learning-tip .icon{width:14px;height:14px;flex-shrink:0;margin-top:3px}.learn-panel fieldset{border:0;border-bottom:1px solid #edf2ef;padding:15px 0 21px;margin:0}.learn-panel fieldset:last-of-type{border-bottom:0;margin-bottom:8px}.learn-panel legend{font-size:12px;font-weight:500;color:#546d5c;float:left;width:100%;margin-bottom:13px}.quiz-option{display:flex;align-items:center;gap:10px;margin:8px 0;padding:10px 13px;border:1px solid #e7ede9;border-radius:6px;clear:both;font-size:11px;color:#8a9e8f;font-weight:400}.quiz-option:has(input:checked){border-color:#9fbead;background:#f3f8f5;color:#456c53}.quiz-option input{display:inline-block;flex-shrink:0}.privacy-note{font-size:10px;color:#9caea2;text-align:center;padding:7px 10px;line-height:2}.quiz-success{text-align:center;padding:30px 10px 20px}.quiz-success>span{display:inline-grid;place-items:center;width:55px;height:55px;border-radius:50%;background:#e6f2eb;color:#3e8d62;margin-bottom:17px}.quiz-success h2{font-size:21px;color:#3d6e4f;margin-bottom:12px}.quiz-success p{font-size:12px;color:#88a08e;line-height:2}.quiz-success small{font-size:10px;color:#a5b6aa;display:block;margin-top:18px}.error-page{background:#f6f8fa;display:grid;place-items:center;min-height:100vh}.error-box{text-align:center;background:white;padding:50px 38px;border-radius:12px;border:1px solid var(--line);max-width:520px;margin:24px}.error-box h1{font-size:24px;margin:16px 0}.error-box p{font-size:13px;color:var(--muted);margin-top:12px}.error-box p.small{font-size:11px}
/* Responsive */
@media(min-width:1600px){.content{padding:42px 48px}.scene-visual{height:190px}.scene-copy{padding:24px}.scenario-card h3{font-size:17px}.metric{padding:23px}.scene-copy>p{font-size:12px}.scene-actions .text-link{font-size:11px}}
@media(max-width:1150px){.sidebar{width:195px;padding-left:12px;padding-right:12px}.admin-main{margin-left:195px}.content{padding:27px 25px 18px}.topbar{padding:0 25px}.brand{gap:10px}.brand-mark{font-size:21px;padding-right:11px}.brand>span:last-child{font-size:16px}.brand small{font-size:6px}.scene-copy{padding:17px}.scene-copy h3{font-size:14px}.scene-copy>p{min-height:62px}.guide{display:block}.guide ol{margin-top:18px}.overview-intro .pill{display:none}.landing-layout{margin:8px 30px 20px}.landing-hero{padding:43px 32px}.landing-card{padding:37px 33px 25px}.landing-hero h1{font-size:32px}.hero-foot{left:32px}.floating-two{right:0}.login-story{padding:40px 34px}.login-story-copy h1{font-size:34px}.campaign-layout{grid-template-columns:1.35fr 1fr}}
@media(max-width:900px){.sidebar{width:176px;padding-left:9px;padding-right:9px}.admin-main{margin-left:176px}.brand small{display:none}.brand>span:last-child{font-size:14px}.brand-mark{font-size:19px}.sidebar .brand{gap:8px}.nav-link{font-size:12px;padding-left:11px;gap:10px}.sidebar-label{font-size:9px}.content{padding:24px 20px 17px}.topbar{padding:0 20px}.page-heading h1{font-size:25px}.page-heading p{font-size:11px}.metrics{gap:10px}.metric{padding:15px 12px}.metric-label{font-size:10px}.metric-value{font-size:28px}.metric .small{font-size:9px}.scenario-grid{gap:12px}.scene-visual{height:140px}.scene-copy{padding:14px}.scene-copy h3{font-size:12px}.scene-copy>p{font-size:10px;min-height:74px}.scene-actions{display:grid;gap:12px}.mini-window{width:135px}.scene-letter{font-size:42px}.visual-tag{font-size:8px}.scene-meta{font-size:8px}.campaign-layout{grid-template-columns:1fr}.learning-content{max-width:740px}.landing-layout{min-height:570px}.landing-hero{min-height:570px;padding:38px 27px}.landing-card{padding:31px 27px 22px}.landing-card h2{font-size:20px}.landing-hero h1{font-size:29px}.hero-small{font-size:7px;letter-spacing:1.5px}.mail-art{height:230px;margin-top:16px}.floating-mini{font-size:7px;padding:6px 8px}.orbit-two{width:245px;height:245px}.envelope{width:148px;height:105px}.envelope:before{width:106px;height:106px;top:-60px}.hero-foot{font-size:8px;left:27px}.oa-art .art-board{width:220px;padding:17px}.gift-box{width:128px;height:110px}.gift-lid{width:144px}.gift-ribbon{left:53px;height:118px;width:23px}.gift-bow{width:50px;border-width:9px}.gift-bow.left{left:18px}.gift-bow.right{right:18px}.gift-circle{width:180px;height:180px}.landing-description{font-size:11px}.account-summary{padding:16px 13px;gap:12px}.account-summary>strong,.account-summary>span{font-size:10px}}
@media(max-width:680px){.sidebar{position:relative;inset:auto;width:100%;height:auto;padding:17px 20px;flex-direction:row;align-items:center;gap:15px}.sidebar .brand{padding:0;margin-right:auto}.sidebar .brand small,.sidebar-label,.sidebar-bottom,.sidebar .nav-link:not(.active){display:none}.sidebar .nav-link{margin:0;padding:8px 11px;font-size:11px}.sidebar .brand>span:last-child{font-size:15px}.nav-dot{display:none}.admin-main{margin-left:0}.topbar{height:47px;padding:0 20px;font-size:10px}.internal-label{font-size:9px}.content{padding:24px 18px 15px}.page-heading{gap:12px;align-items:flex-start;margin-bottom:19px}.page-heading h1{font-size:24px}.page-heading>div>p{font-size:10px}.page-heading .button{padding:9px 12px;min-height:36px;font-size:11px;margin-top:18px}.overview-intro{padding:13px;gap:10px;margin-bottom:18px}.overview-intro strong{font-size:11px}.overview-intro p{font-size:10px}.intro-icon{width:33px;height:33px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.metric{padding:16px}.metric-label{font-size:11px}.metric-value{font-size:29px}.metric .small{font-size:9px}.section-heading>.small{display:none}.section-heading h2{font-size:16px}.section-heading p{font-size:10px}.scenario-grid{grid-template-columns:1fr;gap:15px}.scenario-card{display:grid;grid-template-columns:125px 1fr}.scene-visual{height:100%;min-height:187px}.scene-letter{font-size:40px;top:13px;left:12px}.mini-window{width:105px;transform:rotate(-5deg);margin-top:10px}.mini-top{height:19px;padding:0 6px}.mini-top span{font-size:5px}.mini-body{padding:10px}.mini-icon{height:24px;width:24px}.mini-line{height:2px}.mini-button{height:8px}.visual-tag{bottom:9px;right:8px;font-size:7px;padding:2px 5px}.scene-copy{padding:19px 17px 15px}.scene-copy h3{font-size:14px}.scene-copy>p{font-size:10px;min-height:0;line-height:1.9}.scene-actions{display:flex;gap:8px;padding-top:12px;margin-top:13px}.scene-actions .text-link{font-size:9px}.scene-meta{font-size:8px}.panel-heading{padding:17px;align-items:flex-start}.panel-heading p{font-size:10px}.panel-heading h2{font-size:14px}.empty-state{padding:27px 15px}.empty-state p{font-size:10px;max-width:270px;margin:0 auto 16px}.guide{padding:20px}.guide ol{grid-template-columns:repeat(2,1fr);gap:22px 12px}.guide li span{font-size:9px}.data-note{font-size:9px}.admin-footer{font-size:8px;gap:14px}.panel-body{padding:18px}.campaign-layout{gap:16px;margin-top:19px}.campaign-layout .panel-heading{align-items:center}.section-block{margin-top:23px}.search{max-width:150px;font-size:10px;min-height:32px}.row-actions{gap:10px}.export-row p{font-size:9px}.export-row .button{font-size:10px}.back-link{font-size:9px}.campaign-layout .panel-heading p{font-size:10px}dialog{width:calc(100% - 32px);max-width:450px;padding:23px}.login-layout{grid-template-columns:1fr}.login-story{padding:26px 27px;min-height:auto}.login-story-copy{padding:35px 0 20px}.login-story-copy h1{font-size:29px;line-height:1.55;margin:12px 0}.login-story-copy h1 br{display:none}.login-story-copy>.eyebrow{font-size:9px}.login-story-copy p,.story-icons,.login-story>small{display:none}.login-story .brand small{display:block}.login-form-area{padding:37px 27px 45px;align-items:flex-start}.login-box{max-width:380px;width:100%}.square-icon{display:none}.login-box h2{font-size:25px}.login-box>.eyebrow{font-size:8px}.login-box form{margin-top:22px}.login-box label{margin-top:19px}.login-box input{font-size:14px;min-height:46px}.public-header{height:76px;padding:0 23px}.public-brand b{font-size:25px}.public-brand>span{font-size:18px;padding-left:13px}.public-brand{gap:13px}.public-header>span{font-size:10px}.landing-layout{display:flex;flex-direction:column;border:0;border-radius:0;margin:0;box-shadow:none;background:transparent;min-height:0}.landing-hero{min-height:235px;padding:27px 27px 30px}.landing-hero h1{font-size:26px;line-height:1.5;letter-spacing:.5px;margin:16px 0 8px}.hero-small{font-size:7px;letter-spacing:1.5px}.landing-hero>p{font-size:10px;letter-spacing:0}.hero-foot{display:none}.mail-art,.oa-art,.gift-art{position:absolute;width:180px;height:180px;right:7px;bottom:10px;margin:0;opacity:.8}.orbit-two{width:190px;height:190px}.orbit-one{width:140px;height:140px}.envelope{width:105px;height:76px}.envelope:before{width:80px;height:80px;top:-48px;left:12px}.envelope .icon{height:26px;width:26px}.floating-mini{font-size:5px;padding:4px 6px}.floating-one{top:26%;left:0}.floating-two{bottom:18%;right:0}.floating-two .icon{width:9px;height:9px}.landing-card{margin:0;padding:29px 26px 24px;background:#fff;position:relative;border-radius:18px 18px 0 0;margin-top:-12px;z-index:2}.service-icon{width:36px;height:36px;border-radius:10px;margin-bottom:17px}.service-icon .icon{width:20px;height:20px}.landing-card h2{font-size:22px;letter-spacing:0;margin-bottom:12px}.landing-description{font-size:12px}.landing-card>.button.primary{min-height:47px;font-size:13px}.landing-card>.button.quiet{min-height:40px;font-size:11px;margin-top:5px}.account-summary{margin:20px 0;padding:18px;gap:13px}.account-summary>span,.account-summary>strong{font-size:11px}.card-bottom{font-size:9px;padding-top:18px;margin-top:12px}.public-footer{padding:21px 20px 23px;font-size:9px;background:white}.preview-banner{font-size:10px;padding:8px 10px;gap:5px}.preview-banner a{font-size:9px;margin-left:8px}.theme-welfare .landing-hero,.theme-oa .landing-hero{min-height:235px}.oa-art{right:0;bottom:0;transform:scale(.75);transform-origin:right bottom;width:220px;height:205px}.oa-art .art-board{width:200px;top:10px}.art-seal{padding:8px;border-radius:12px;bottom:3px;right:5%}.art-seal .icon{width:25px;height:25px}.gift-art{transform:scale(.78);transform-origin:right bottom;right:6px;bottom:14px;width:200px;height:210px}.gift-star{font-size:20px}.gift-circle{height:170px;width:170px}.gift-label{font-size:5px;bottom:3px;right:4%}.welfare-ticket{padding:20px;margin-bottom:17px}.welfare-ticket h3{font-size:18px}.welfare-steps{font-size:10px;margin-bottom:25px}.learning-content{padding:0 17px}.learning-intro{padding:27px 0 31px}.learning-symbol{height:55px;width:55px;border-radius:16px;margin-bottom:19px}.learning-symbol>.icon{height:29px;width:29px}.learning-intro h1{font-size:27px}.learning-intro>p{font-size:11px}.learning-intro .eyebrow{font-size:9px}.learn-panel{padding:23px 21px;margin-bottom:15px}.learn-panel>h2{font-size:16px}.learn-panel>p{font-size:11px}.domain-comparison{padding:14px}.domain-comparison code{font-size:11px}.clue-list p{font-size:11px}.clue-list li{gap:12px}.learn-panel legend{font-size:11px;line-height:1.8}.quiz-option{font-size:11px;padding:11px 10px}.learning-tip{font-size:9px}.learn-page .public-footer{background:transparent}.privacy-note{font-size:9px;padding:7px 6px}.learning-intro h1 span{display:block;margin-top:3px}.error-box{padding:35px 24px}.error-box h1{font-size:21px}.error-box p{font-size:12px}.error-box p.small{font-size:10px}}
.internal-label .text-link{font-size:10px;margin-left:13px}.delete-panel{margin-top:18px}.delete-panel summary{padding:15px 22px;color:#8e9eaa;font-size:11px;cursor:pointer}.delete-panel .panel-body{padding-top:0}.delete-panel form{max-width:450px}.delete-panel .button{margin-top:16px;font-size:11px;color:#a25c4c}
@media(max-width:680px){.theme-welfare .landing-layout,.theme-welfare .landing-card{min-width:0;max-width:100%;width:100%}.theme-welfare .landing-card{box-sizing:border-box}.theme-welfare .landing-card>.button{width:100%;max-width:100%;min-width:0;white-space:normal;box-sizing:border-box;justify-content:center}.theme-welfare .welfare-steps{display:flex;flex-direction:column;align-items:flex-start;gap:10px;max-width:100%;white-space:normal}.theme-welfare .welfare-steps>span{display:flex;align-items:center;gap:8px;max-width:100%}.theme-welfare .welfare-steps>i{display:none}.theme-welfare .welfare-ticket{min-width:0}.theme-welfare .landing-card .card-bottom{white-space:normal}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

.download-learning{display:block;text-align:center;font-size:14px;margin:10px 0;color:#98642e}.download-learning[hidden]{display:none}

.attachment-dialog{width:min(480px,calc(100% - 32px));max-width:480px;box-sizing:border-box;padding:32px;border:1px solid #eadcc9;border-radius:16px;color:#273b4b;background:#fff;box-shadow:0 24px 80px #2e1b1740}
.attachment-dialog::backdrop{background:#16283880;backdrop-filter:blur(3px)}
.attachment-close{position:absolute;top:12px;right:15px;border:0;background:transparent;color:#87929c;font:26px/1.2 sans-serif;padding:4px 8px;cursor:pointer}
.attachment-symbol{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#a56d31;background:#fbf2e7;margin-bottom:20px}.attachment-symbol .icon{width:24px;height:24px}
.attachment-dialog h2{font-size:23px;line-height:1.4;margin:8px 0 12px}.attachment-dialog>p{font-size:14px;line-height:1.7;color:#718291}
.attachment-file{display:flex;align-items:center;gap:14px;padding:17px 15px;border:1px solid #eee3d5;border-radius:10px;background:#fcf8f2;margin-top:22px;min-width:0}.attachment-extension{padding:11px 7px;color:#9e6c34;background:#f1e2cb;font-size:13px;font-weight:600;border-radius:7px;flex-shrink:0}.attachment-file>div{min-width:0}.attachment-file strong{display:block;font-size:16px;font-weight:500;overflow-wrap:anywhere}.attachment-file>div>span{display:block;color:#8b98a2;font-size:13px;margin-top:5px}
.attachment-dialog .attachment-feedback{min-height:24px;margin:14px 0;font-size:13px;color:#8c6b42}.attachment-actions{display:flex;justify-content:flex-end;gap:12px}.attachment-actions .button{min-height:44px;font-size:14px;padding:11px 18px}.attachment-dialog button:disabled{opacity:.6;cursor:wait}
@media(max-width:480px){.attachment-dialog{padding:26px 22px}.attachment-dialog h2{font-size:21px}.attachment-actions .button{flex:1;padding:11px 12px;justify-content:center}.attachment-file{padding:15px 12px;gap:10px}.attachment-file strong{font-size:15px}}