.assessment-design{--paper:#e9e5db;--card:#fffdf8;--ink:#2b2620;--soft:#766c5d;--muted:#aaa08f;--line:#ded7ca;--accent:#c1442e;--gold:#b47a00;--green:#4a6741;--blue:#526d88;--serif:"Songti SC","Noto Serif SC",serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}.assessment-design *{box-sizing:border-box}.assessment-design .assessment-design-main{max-width:960px;margin:auto;padding:28px 24px 60px}.assessment-design .top{display:flex;align-items:center;gap:18px;margin-bottom:20px;color:var(--soft)}.assessment-design .back-link{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(255,253,248,.78);color:var(--ink);font:600 13px var(--sans);text-decoration:none;white-space:nowrap;cursor:pointer;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}.assessment-design .back-link:hover{color:var(--accent);background:#fffdf8;border-color:#d9aa98;transform:translateY(-1px)}.assessment-design .back-link:focus-visible{outline:2px solid rgba(193,68,46,.35);outline-offset:3px}.assessment-design .back-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f2ebe0;font-size:15px;line-height:1;color:var(--soft);transition:background .18s ease,color .18s ease}.assessment-design .back-link:hover .back-icon{background:#f2ddd3;color:var(--accent)}.assessment-design .top b{font:700 26px var(--serif);letter-spacing:3px;color:var(--ink);flex:1}.assessment-design .top small{color:var(--muted)}.assessment-design .nav{display:flex;gap:8px;border-bottom:1px solid #d4cdbf;padding-bottom:12px;margin-bottom:17px}.assessment-design .nav button,.assessment-design .ghost{border:1px solid transparent;border-radius:11px;background:transparent;padding:9px 14px;color:var(--soft);font:600 13px var(--sans);cursor:pointer}.assessment-design .nav button.active{background:#efd9ce;color:var(--accent)}.assessment-design .weekbar{display:flex;align-items:center;gap:12px;margin:12px 0 16px}.assessment-design .weekbar button{width:31px;height:31px;border:1px solid var(--line);border-radius:9px;background:rgba(255,253,248,.7);color:var(--soft);font-size:19px;cursor:pointer}.assessment-design .weekbar strong{font:700 18px var(--serif)}.assessment-design .weekbar span{color:var(--muted);font-size:12px}.assessment-design .employee-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-bottom:15px}.assessment-design .employee-card{border:1px solid var(--line);border-radius:10px;background:rgba(255,253,248,.7);padding:8px 9px;text-align:left;cursor:pointer;color:var(--ink);min-height:58px}.assessment-design .employee-card.active{border-color:var(--accent);background:#f2ddd3}.assessment-design .employee-card b{display:block;font:700 13px var(--serif)}.assessment-design .employee-card small{display:block;color:var(--soft);font-size:10px;margin-top:4px;line-height:1.4}.assessment-design .employee-card em{color:var(--accent);font-style:normal;font-weight:650}.assessment-design .summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 16px}.assessment-design .summary div{padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:rgba(255,253,248,.75)}.assessment-design .summary small{display:block;color:var(--muted);font-size:10px}.assessment-design .summary b{display:block;font:700 21px var(--serif);margin-top:4px}.assessment-design .summary .green{color:var(--green)}.assessment-design .month-overview{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:0;margin:18px 0 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.assessment-design .month-overview>div{padding:14px 16px;border-left:1px solid var(--line)}.assessment-design .month-overview>div:first-child{border-left:0;padding-left:0}.assessment-design .month-overview small{display:block;color:var(--muted);font-size:11px}.assessment-design .month-overview b{display:block;margin-top:5px;font:700 20px var(--serif)}.assessment-design .month-overview span{display:block;margin-top:4px;color:var(--muted);font-size:11px}.assessment-design .month-total b{font-size:28px;color:var(--accent)}.assessment-design .month-overview em{color:var(--green);font-style:normal;font-weight:700}.assessment-design .month-overview .warn{color:var(--accent)}.assessment-design .month-section{padding:14px 0;border-bottom:1px solid var(--line)}.assessment-design .month-section:last-of-type{border-bottom:0}.assessment-design .month-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:4px}.assessment-design .month-section-title h3{margin:0;font:700 16px var(--serif)}.assessment-design .month-section-title span{color:var(--muted);font-size:11px}.assessment-design .month-section .plan-row{padding:11px 0 3px}.assessment-design .month-attention{padding-top:16px}.assessment-design .attention-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;padding:11px 0 2px}.assessment-design .attention-row b{font-size:13px}.assessment-design .attention-row span{color:var(--accent);font-size:12px;font-weight:700}.assessment-design .attention-row small{grid-column:1 / -1;color:var(--muted);font-size:11px}.assessment-design .month-note{width:100%;margin-top:10px;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:9px 2px;background:transparent;font:13px/1.6 var(--sans);resize:vertical}.assessment-design .month-note:focus{outline:0;border-bottom-color:var(--accent)}.assessment-design .card{background:rgba(255,253,248,.9);border:1px solid rgba(255,255,255,.9);border-radius:19px;padding:20px 22px;margin:13px 0;box-shadow:0 10px 24px rgba(80,60,30,.05)}.assessment-design .section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px solid var(--line);padding-bottom:11px}.assessment-design .section-head h2{font:700 19px var(--serif);margin:0}.assessment-design .section-head p{color:var(--muted);font-size:12px;margin:5px 0 0}.assessment-design .task{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px;margin:10px 0;padding:14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,253,248,.58)}.assessment-design .task:not(.is-focus){grid-template-columns:minmax(0,1fr);gap:0;padding:16px 18px 12px;background:linear-gradient(180deg,rgba(255,253,248,.94),rgba(248,244,236,.9));border-color:#e3dbcf;box-shadow:0 6px 16px rgba(80,60,30,.045)}.assessment-design .task:not(.is-focus) .task-side{display:block;padding:11px 0 0;background:transparent;border:0;box-shadow:none}.assessment-design .task:not(.is-focus) .basic-view{display:flex;align-items:center;gap:12px;padding:10px 0 0;border:0;border-top:1px solid rgba(222,215,202,.85);border-radius:0;background:transparent}.assessment-design .task:not(.is-focus) .basic-view b{flex:0 0 auto;padding:4px 8px;border-radius:999px;background:#eee8dd;color:#776b5c;font-size:11px;letter-spacing:.2px}.assessment-design .task:not(.is-focus) .basic-view small{margin-top:0;color:#8c8172}.assessment-design .task:not(.is-focus) .task-main{opacity:1}.assessment-design .task-main b{font-size:16px;line-height:1.45}.assessment-design .task-main small{display:block;color:var(--muted);font-size:12px;line-height:1.65;margin-top:6px}.assessment-design .task.is-focus .task-main small,.assessment-design .task.is-focus .side-label{display:none}.assessment-design .evidence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px;margin-top:10px;padding:9px 10px;border-radius:9px;background:rgba(232,225,214,.48);font-size:11px;color:var(--soft)}.assessment-design .evidence span b{color:var(--ink);font-weight:600}.assessment-design .evidence .status{color:var(--green);font-weight:650}.assessment-design .evidence .status.pending{color:var(--accent)}.assessment-design .task-side{padding:10px 0 0;border-radius:0;background:transparent;border:0;box-shadow:none}.assessment-design .side-label{display:flex;align-items:center;gap:6px;color:var(--ink);font-size:13px;font-weight:750;letter-spacing:.3px;margin-bottom:9px}.assessment-design .side-label:before{content:"✦";color:var(--accent);font-size:14px}.assessment-design .score-stack{display:flex;flex-direction:column;gap:0;border:0;border-radius:0;overflow:visible;background:transparent}.assessment-design .score-block{padding:10px 0;border-radius:0;background:transparent}.assessment-design .score-block+.score-block{border-top:1px solid rgba(222,215,202,.72);margin-top:3px}.assessment-design .score-block.timing{border-left:0}.assessment-design .score-block.quality{border-left:0}.assessment-design .score-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.assessment-design .score-head span{font-size:13px;color:var(--soft);font-weight:650}.assessment-design .score-head b{font:700 22px var(--serif)}.assessment-design .score-block.timing .score-head b{color:var(--green)}.assessment-design .score-block.quality .score-head b{color:var(--gold)}.assessment-design .score-evidence{display:block;color:var(--soft);font-size:11px;line-height:1.55;margin-top:4px}.assessment-design .score-evidence .duration,.assessment-design .score-evidence .overdue{color:var(--accent);font-weight:750}.assessment-design .stars{display:flex;gap:2px;margin-top:6px}.assessment-design .star-pair{position:relative;display:inline-block;width:27px;height:27px;cursor:pointer;user-select:none}.assessment-design .star-visual{position:absolute;inset:0;pointer-events:none;font-size:25px;line-height:27px}.assessment-design .star-base{position:absolute;inset:0;display:grid;place-items:center;color:#d5d0c7}.assessment-design .star-fill{position:absolute;left:0;top:0;width:var(--fill);height:100%;overflow:hidden;color:var(--gold);white-space:nowrap;font-size:25px;line-height:27px}.assessment-design .star-hit{position:absolute;top:0;height:27px;border:0;background:transparent;color:transparent;font-size:1px;line-height:27px;padding:0;pointer-events:none;z-index:2}.assessment-design .star-half-hit{left:0;width:50%}.assessment-design .star-full-hit{left:50%;width:50%}.assessment-design .star-hit:hover{background:rgba(180,122,0,.14);border-radius:5px}.assessment-design .star-hit:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.assessment-design .task-title-row{display:flex;align-items:flex-start;gap:7px}.assessment-design .task-title-row>b{flex:1}.assessment-design .focus-toggle,.assessment-design .focus-request{flex:0 0 auto;display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:rgba(255,253,248,.82);color:#a69b88;padding:0;cursor:pointer;line-height:1;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.assessment-design .focus-toggle:hover,.assessment-design .focus-request:hover{transform:translateY(-1px);border-color:#dfbd64;background:#fbf0cf;color:var(--gold)}.assessment-design .focus-toggle:focus-visible,.assessment-design .focus-request:focus-visible{outline:2px solid rgba(193,68,46,.38);outline-offset:2px}.assessment-design .focus-toggle .focus-star,.assessment-design .focus-request .focus-star,.assessment-design .focus-pending .focus-star{font-size:22px;line-height:1}.assessment-design .task.is-focus .focus-toggle{border-color:#dfbd64;background:#fbf0cf;color:var(--gold)}.assessment-design .focus-pending{flex:0 0 auto;display:inline-flex;align-items:center;gap:2px;color:#a47714;font-size:9px;white-space:nowrap}.assessment-design .focus-pending small{font-size:9px}.assessment-design .basic-view{padding:10px 11px;border-radius:10px;background:rgba(255,253,248,.54);border:1px dashed #d9cfc0}.assessment-design .basic-view b{display:block;font-size:12px;color:var(--soft)}.assessment-design .basic-view small{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.5}.assessment-design .score-panel{display:block}.assessment-design .task:not(.is-focus) .score-panel{display:none}.assessment-design .task.is-focus .basic-view{display:none}.assessment-design .task:not(.is-focus) .task-side{background:transparent}.assessment-design .task:not(.is-focus) .task-main{opacity:1}.assessment-design .quality-comment{width:100%;margin-top:5px;border:0;border-bottom:1px solid rgba(222,215,202,.8);border-radius:0;background:transparent;padding:6px 2px;font:10px var(--sans);color:var(--ink)}.assessment-design .actions{display:flex;align-items:center;gap:18px;margin-top:10px;padding:2px 0}.assessment-design .ghost{border-color:rgba(222,215,202,.72);background:rgba(255,255,255,.48);padding:7px 8px;font-size:11px}.assessment-design .actions .ghost{border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;padding:4px 0;color:var(--soft);font-size:11px}.assessment-design .actions .ghost:hover{color:var(--accent);border-bottom-color:rgba(193,68,46,.45)}.assessment-design .actions .ghost{white-space:nowrap}.assessment-design .improve{width:100%;margin-top:8px;border:0;border-bottom:1px solid rgba(222,215,202,.82);border-radius:0;background:transparent;padding:8px 2px;font:11px var(--sans)}.assessment-design .plan-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.assessment-design .plan-row:last-child{border:0}.assessment-design .plan-row>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e4eee2;color:var(--green);font-weight:700}.assessment-design .plan-row b{font-size:13px;flex:1}.assessment-design .plan-row small{color:var(--muted);font-size:11px}.assessment-design .primary{border:0;border-radius:10px;background:var(--accent);color:#fff;padding:10px 14px;font:600 12px var(--sans);cursor:pointer}.assessment-design .save{width:100%;margin-top:13px}.assessment-design .month-link{color:var(--accent);font-size:12px;cursor:pointer}.assessment-design .footer{text-align:center;color:var(--muted);font:12px var(--serif);letter-spacing:2px;margin-top:24px}.assessment-design .toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#2b2620;color:white;padding:9px 14px;border-radius:9px;font-size:12px;display:none}@media(max-width:700px){.assessment-design .assessment-design-main{padding:18px 13px 40px}.assessment-design .top b{font-size:21px}.assessment-design .top small{display:none}.assessment-design .employee-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.assessment-design .summary{grid-template-columns:repeat(2,1fr)}.assessment-design .task{grid-template-columns:1fr;gap:10px}.assessment-design .evidence{grid-template-columns:1fr 1fr}.assessment-design .task-side{width:100%}}


/* Assessment shell bridge and real interactive controls */
.assessment-design{background:var(--paper);color:var(--ink);font-family:var(--sans);min-height:100vh;margin:-20px -10px -46px}
.assessment-design .empty{padding:14px 4px;color:var(--muted);font-size:12px}
.assessment-design .focus-fixed,.assessment-design .normal-evidence,.assessment-design .score-status{color:var(--muted);font-size:11px}
.assessment-design .focus-request{border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--accent);padding:8px 10px;cursor:pointer;font:600 11px var(--sans)}
.assessment-design .ordinary-tasks{margin:14px 0;border-top:1px solid var(--line);padding-top:10px}
.assessment-design .ordinary-tasks>summary{color:var(--soft);font-size:12px;cursor:pointer;padding:7px 0}
.assessment-design .score-panel{min-width:0}
.assessment-design .star-hit{position:absolute;top:0;bottom:0;width:50%;cursor:pointer;pointer-events:auto}
.assessment-design .star-half-hit{left:0}.assessment-design .star-full-hit{right:0}
.assessment-design .star-pair{position:relative}
.assessment-design .stars[aria-label] .star-pair[aria-disabled="true"] .star-hit{cursor:default;pointer-events:none}
.assessment-design .plan-form,.assessment-design .long-form{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-top:12px}
.assessment-design .plan-form input:not([type=checkbox]),.assessment-design .long-form input,.assessment-design .month-toolbar select,.assessment-design .month-toolbar input{min-width:150px;border:1px solid var(--line);border-radius:9px;padding:9px 10px;background:var(--card);color:var(--ink);font:12px var(--sans)}
.assessment-design .plan-form input[name=title],.assessment-design .long-form input[name=title]{flex:1}
.assessment-design .plan-form label,.assessment-design .month-toolbar label{display:flex;align-items:center;gap:6px;color:var(--soft);font-size:12px}
.assessment-design .month-toolbar{display:flex;gap:12px;align-items:center;margin:13px 0}
.assessment-design .summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.assessment-design .summary-strip>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:10px 13px;border-left:1px solid var(--line)}
.assessment-design .summary-strip>div:first-child{border-left:0;padding-left:0}
.assessment-design .summary-strip small{color:var(--muted);font-size:11px}
.assessment-design .summary-strip b{margin:0;font:700 19px var(--serif);color:var(--ink)}
@media(max-width:700px){.assessment-design .summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.assessment-design .summary-strip>div{padding:9px 10px}.assessment-design .summary-strip>div:nth-child(odd){border-left:0;padding-left:0}.assessment-design .summary-strip>div:nth-child(n+3){border-top:1px solid var(--line)}}
.assessment-design .month-toolbar label{gap:7px}
.assessment-design .plan-row select{border:1px solid var(--line);border-radius:8px;padding:6px;background:var(--card);color:var(--soft);font-size:11px}
.assessment-design .error{color:var(--accent)}
.assessment-design .assessment-star-pair{position:relative;display:inline-block;width:20px;height:25px;color:var(--muted);font-size:20px;line-height:25px}
.assessment-design .assessment-star-visual{position:absolute;inset:0;background:linear-gradient(90deg,var(--gold) var(--fill),#d8d1c5 var(--fill));color:transparent;background-clip:text;-webkit-background-clip:text;pointer-events:none}
.assessment-design .assessment-star-pair button{position:absolute;top:0;bottom:0;width:50%;border:0;background:transparent;padding:0;cursor:pointer}
.assessment-design .assessment-star-pair button:first-of-type{left:0}.assessment-design .assessment-star-pair button:last-of-type{right:0}
.assessment-design .assessment-fixed-weights{display:flex;align-items:center;gap:12px;padding:14px;margin:12px 0;border:1px solid var(--line);border-radius:12px;background:rgba(255,253,248,.7)}
.assessment-design .assessment-fixed-weights b{color:var(--accent);margin-right:12px}
.assessment-design .verification-pending{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:11px;padding:10px;border-radius:10px;background:#f5ead9}.assessment-design .verification-pending b{font-size:11px;color:var(--accent)}.assessment-design .verification-pending small{flex:1 1 100%;color:var(--soft);font-size:11px}
.assessment-design .month-assessment-action{display:flex;justify-content:flex-end;margin:-12px 0 18px}
.assessment-design .quality-comment{width:100%;margin-top:8px;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:9px 2px;background:transparent;color:var(--ink);font:12px var(--sans)}
.assessment-design .quality-comment:focus{outline:0;border-bottom-color:var(--accent)}
.assessment-design .clear-rating{border:0;background:transparent;color:var(--muted);font:10px var(--sans);cursor:pointer}.assessment-design .clear-rating:disabled{visibility:hidden}
@media(max-width:700px){.assessment-design{margin:-20px -10px -46px}.assessment-design .month-toolbar{align-items:stretch;flex-direction:column}.assessment-design .month-toolbar label{justify-content:space-between}.assessment-design .month-toolbar select,.assessment-design .month-toolbar input{flex:1}}

.assessment-design{background:var(--paper);color:var(--ink);font-family:var(--sans);min-height:100vh;margin:-20px -10px -46px}
.assessment-design .nav a{display:inline-block;border:1px solid transparent;border-radius:11px;background:transparent;padding:9px 14px;color:var(--soft);font:600 13px var(--sans);text-decoration:none;cursor:pointer}
.assessment-design .nav a.active{background:#efd9ce;color:var(--accent)}
.assessment-design .nav a:hover{color:var(--accent)}
@media(max-width:700px){.assessment-design .month-overview{grid-template-columns:repeat(2,minmax(0,1fr));}.assessment-design .month-overview>div,.assessment-design .month-overview>div:first-child{padding:12px 9px;border-left:0;border-bottom:1px solid var(--line)}.assessment-design .month-overview>div:nth-child(2n){border-left:1px solid var(--line)}.assessment-design .month-overview>div:nth-last-child(-n+2){border-bottom:0}.assessment-design .month-total b{font-size:23px}.assessment-design .plan-row{flex-wrap:wrap;gap:8px}.assessment-design .plan-row>b{min-width:0;overflow-wrap:anywhere}.assessment-design .plan-row small{flex-basis:calc(100% - 42px)}}