:root{color:#18312b;font-synthesis:none;--green:#173f35;--green-2:#246452;--mint:#e3f2ea;--line:#dfe7e2;--muted:#718078;--surface:#fff;--amber:#d98d2b;--red:#c94e45;--blue:#3c6f9e;--shadow:0 12px 35px #193d3312;background:#f5f7f5;font-family:Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:#f5f7f5;min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.app-loading,.loading{min-height:200px;color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex}.spinner{border:2px solid #cbd9d2;border-top-color:var(--green-2);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{min-height:100vh}.sidebar{background:var(--green);color:#eaf3ef;z-index:30;flex-direction:column;width:248px;padding:26px 18px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 8px 28px;display:flex}.brand-mark,.story-brand span,.mobile-logo span{color:#173f35;background:#dcb675;border-radius:11px;place-items:center;width:38px;height:38px;font-size:20px;font-weight:800;display:grid;box-shadow:inset 0 0 0 1px #ffffff4d}.brand strong{letter-spacing:2px;font-size:18px;display:block}.brand span{color:#a9c2b9;margin-top:2px;font-size:11px;display:block}.sidebar nav{flex-direction:column;gap:6px;display:flex}.sidebar nav a{color:#bdd0c9;border-radius:10px;align-items:center;gap:12px;padding:11px 13px;font-size:14px;display:flex}.sidebar nav a:hover{color:#fff;background:#ffffff0f}.sidebar nav a.active{color:var(--green);background:#fff;font-weight:600;box-shadow:0 8px 25px #0000001f}.sidebar-user{border-top:1px solid #ffffff1a;align-items:center;gap:10px;margin-top:auto;padding:18px 4px 2px;display:flex}.avatar,.top-avatar{width:36px;height:36px;color:var(--green);background:#d8b773;border-radius:50%;place-items:center;font-weight:700;display:grid}.sidebar-user>div:nth-child(2){flex:1;min-width:0}.sidebar-user strong,.sidebar-user span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.sidebar-user strong{font-size:13px}.sidebar-user span{color:#9eb9b0;margin-top:3px;font-size:11px}.sidebar-user button,.mobile-close{color:#a8beb6;background:0 0;border:0;padding:6px}.mobile-close{margin-left:auto;display:none}.main-area{min-height:100vh;margin-left:248px}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:20;background:#ffffffeb;align-items:center;height:66px;padding:0 34px;display:flex;position:sticky;top:0}.topbar-spacer{flex:1}.menu-button{background:0 0;border:0;display:none}.notification-button{color:#486158;border-radius:10px;place-items:center;width:38px;height:38px;display:grid;position:relative}.notification-button:hover{background:#eef4f1}.notification-button span{background:var(--red);color:#fff;text-align:center;border-radius:10px;min-width:16px;font-size:9px;line-height:16px;position:absolute;top:1px;right:2px}.top-avatar{width:34px;height:34px;margin-left:14px;font-size:13px}.content{max-width:1440px;margin:0 auto;padding:34px 38px 60px}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px;display:flex}.page-header h1{letter-spacing:-.5px;color:#173a31;margin-bottom:7px;font-size:26px}.page-header p{color:var(--muted);margin:0;font-size:14px}.primary-button,.secondary-button,.danger-button{border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:39px;padding:0 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.primary-button{background:var(--green);color:#fff;box-shadow:0 4px 12px #173f352e}.primary-button:hover{background:#20584a;transform:translateY(-1px)}.secondary-button{color:#38554c;background:#fff;border:1px solid #ccd9d3}.secondary-button:hover{background:#f3f7f5}.danger-button{color:#ad3932;background:#fff0ed;border:1px solid #f0cbc6}.small{min-height:32px;padding:0 11px;font-size:12px}.full{width:100%}.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:22px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.metric-card{align-items:center;gap:15px;padding:19px;display:flex}.metric-icon{border-radius:12px;place-items:center;width:43px;height:43px;display:grid}.metric-card span{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.metric-card strong{font-size:25px;line-height:1}.metric-card strong small{color:var(--muted);margin-left:4px;font-size:12px;font-weight:500}.tone-emerald .metric-icon{color:#258166;background:#e5f4ee}.tone-amber .metric-icon{color:#b77321;background:#fff2df}.tone-red .metric-icon{color:#bb4942;background:#ffebe9}.tone-blue .metric-icon{color:#3d6f9b;background:#e8f0f7}.dashboard-grid,.report-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr);gap:20px;display:grid}.card-title{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.card-title h2{margin:3px 0 0;font-size:18px}.eyebrow{text-transform:uppercase;letter-spacing:1.5px;color:#6f827a;font-size:10px;font-weight:700}.quick-list{flex-direction:column;display:flex}.quick-list a{border-top:1px solid #edf1ef;align-items:center;gap:13px;padding:15px 4px;display:flex}.quick-list a:first-child{border-top:0}.quick-list a>svg{color:#9baba5;margin-left:auto}.quick-icon{border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.quick-icon svg{width:19px}.quick-icon.amber{color:#b77321;background:#fff2df}.quick-icon.emerald{color:#258166;background:#e5f4ee}.quick-icon.blue{color:#3d6f9b;background:#e8f0f7}.quick-list strong{font-size:14px}.quick-list p{color:var(--muted);margin:3px 0 0;font-size:12px}.principle-card{color:#fff;background:linear-gradient(145deg,#173f35,#235f50);border:0}.principle-card .eyebrow{color:#b8d0c7}.principle-card h2{margin:7px 0 10px;font-size:21px;line-height:1.5}.principle-card>p{color:#c1d2cc;font-size:12px;line-height:1.8}.rule-line{border-top:1px solid #ffffff1f;gap:12px;padding:12px 0;display:flex}.rule-line>span{color:#d9bb7b;font-size:12px;font-weight:700}.rule-line strong{font-size:12px}.rule-line p{color:#9fb9b0;margin:2px 0 0;font-size:11px}.segmented{background:#e9efec;border-radius:10px;margin-bottom:16px;padding:4px;display:inline-flex}.segmented button{color:#61746c;background:0 0;border:0;border-radius:7px;padding:7px 18px;font-size:13px}.segmented button.active{color:var(--green);background:#fff;font-weight:600;box-shadow:0 2px 8px #00000014}.list-card{padding:0;overflow:hidden}.toolbar{border-bottom:1px solid var(--line);align-items:center;gap:15px;height:64px;padding:0 20px;display:flex}.search{color:#819088;background:#fafcfb;border:1px solid #d8e2dd;border-radius:9px;flex:1;align-items:center;gap:8px;max-width:430px;height:38px;padding:0 11px;display:flex}.search input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13px}.result-count{color:var(--muted);margin-left:auto;font-size:12px}.task-row,.request-row{text-align:left;width:100%;color:inherit;background:#fff;border:0;border-bottom:1px solid #edf1ef;align-items:center;gap:14px;padding:16px 20px;display:flex}.task-row:hover,.request-row:hover{background:#fafcfb}.task-row:last-child,.request-row:last-child{border-bottom:0}.task-priority{color:#517068;background:#eef4f1;border-radius:10px;flex:none;place-items:center;width:39px;height:39px;display:grid}.task-priority.urgent{color:#c27a24;background:#fff0df}.task-main,.request-main{flex:1;min-width:0}.task-main>div{align-items:center;gap:8px;margin-bottom:4px;display:flex}.task-no{color:#7b8a84;letter-spacing:.5px;font-size:10px;font-weight:700}.urgent-text{color:#a76213;background:#f6dcb7;border-radius:8px;padding:2px 6px;font-size:9px}.task-main strong,.request-main strong{font-size:14px}.task-main p,.request-main p{color:var(--muted);margin:5px 0 0;font-size:12px}.badge{color:#66776f;white-space:nowrap;background:#edf2ef;border-radius:20px;padding:4px 8px;font-size:10px;font-weight:600;display:inline-flex}.badge-open,.badge-pending,.badge-pending_confirm{color:#587066;background:#eef3f1}.badge-claimed,.badge-recommended{color:#3b6992;background:#e6eef7}.badge-submitted{color:#a6651c;background:#fff0dd}.badge-revision_required,.badge-failed,.badge-manual_review,.badge-exception,.badge-disabled{color:#ad443c;background:#ffebe8}.badge-approved,.badge-matched,.badge-confirmed,.badge-completed,.badge-active{color:#24735a;background:#e2f3eb}.badge-cancelled,.badge-teacher_cancelled,.badge-student_cancelled,.badge-sales_cancelled{color:#777;background:#f0f0f0}.badge-formal{color:#32689d;background:#e7f1ff}.badge-trial{color:#9b651e;background:#fff1df}.badge-unread{color:#24735a;background:#e5f3ec}.badge-read{color:#77847f;background:#f0f2f1}.empty{text-align:center;flex-direction:column;align-items:center;padding:60px 20px;display:flex}.empty-mark{color:#8ca098;background:#edf3f0;border-radius:50%;place-items:center;width:44px;height:44px;margin-bottom:12px;display:grid}.empty strong{font-size:14px}.empty span{color:var(--muted);margin-top:5px;font-size:12px}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#0a1c178c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:min(720px,100%);max-height:90vh;padding:24px;overflow:auto;box-shadow:0 30px 90px #0000003d}.modal-head{align-items:center;margin-bottom:22px;display:flex}.modal-head h2{margin:0;font-size:19px}.icon-button{color:#5d6e67;background:#eff3f1;border:0;border-radius:8px;width:32px;height:32px;margin-left:auto;font-size:22px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field{color:#3f554d;flex-direction:column;gap:7px;font-size:12px;display:flex}.field input,.field select,.field textarea,.inline-review textarea{color:#243b34;background:#fbfcfb;border:1px solid #d6e0db;border-radius:8px;outline:0;width:100%;padding:10px 11px}.field input:focus,.field select:focus,.field textarea:focus,.inline-review textarea:focus{border-color:#5b8f7e;box-shadow:0 0 0 3px #3e7b661a}.field textarea{resize:vertical}.field small{color:var(--muted)}.form-grid>.field:has(textarea){grid-column:auto}.form-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;padding-top:18px;display:flex}.form-span{grid-column:1/-1}.form-error{color:#a44139;background:#fff0ee;border:1px solid #f1d0cc;border-radius:8px;margin:10px 0;padding:10px 12px;font-size:12px}.detail-head,.match-summary{border-bottom:1px solid var(--line);align-items:flex-start;gap:15px;padding-bottom:18px;display:flex}.detail-head>div:first-child,.match-summary>div:nth-child(2){flex:1}.detail-head h3{margin:5px 0 0;font-size:18px}.detail-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0;display:grid}.detail-grid>div{background:#f5f8f6;border-radius:9px;padding:11px}.detail-grid span,.detail-grid strong{display:block}.detail-grid span{color:var(--muted);margin-bottom:4px;font-size:10px}.detail-grid strong{font-size:12px}.description-block{font-size:12px;line-height:1.8}.description-block strong{font-size:12px}.description-block p{color:#64766e;margin:4px 0 10px}.review-note,.notice-strip{color:#9b651e;background:#fff7e9;border:1px solid #f2dfbe;border-radius:10px;align-items:flex-start;gap:12px;margin:14px 0;padding:13px;display:flex}.review-note p,.notice-strip span{color:#8b7049;margin:3px 0 0;font-size:11px;display:block}.submission-list{border-top:1px solid var(--line);padding-top:15px}.submission-list h3,.stack-form h3,.candidate-list h3{font-size:13px}.submission-list>div{border-top:1px dashed #e2e9e5;padding:10px 0}.submission-list>div>div{justify-content:space-between;display:flex}.submission-list p,.submission-list small{color:var(--muted);margin:4px 0;font-size:11px}.detail-action{border-top:1px solid var(--line);margin-top:14px;padding-top:16px}.review-actions{gap:10px;display:flex}.stack-form{flex-direction:column;gap:10px;display:flex}.form-or{text-align:center;color:#97a49f;font-size:10px}.inline-review{background:#f6f8f7;border-radius:10px;margin-top:12px;padding:14px}.inline-review h3{font-size:13px}.inline-review div{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.student-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:18px;display:grid}.student-card{border:1px solid var(--line);text-align:left;color:inherit;background:#fff;border-radius:11px;gap:13px;padding:15px;display:flex}.student-card:hover{border-color:#b8cdc3;box-shadow:0 6px 18px #163d3214}.student-avatar{color:#9a631e;background:#fff0d8;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.student-avatar.formal{color:#356995;background:#e5effc}.student-info{flex:1;min-width:0}.student-info>div{align-items:center;gap:7px;display:flex}.student-info span,.student-info p,.student-info small{color:var(--muted);font-size:11px}.student-info p{margin:3px 0}.student-info small{align-items:center;gap:4px;display:flex}.availability-list{padding:10px 20px}.availability-row{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:15px 0;display:flex}.availability-row:last-child{border-bottom:0}.date-block{text-align:center;border-right:1px solid var(--line);width:60px}.date-block strong{font-size:22px;display:block}.date-block span{color:var(--muted);font-size:10px}.availability-main{flex:1}.availability-main strong{align-items:center;gap:6px;font-size:14px;display:flex}.availability-main p{color:#4d6b61;margin:5px 0;font-size:11px}.availability-main small{color:var(--muted);font-size:10px}.check-stack{align-items:center;gap:12px;min-height:42px;display:flex}.check-stack label{align-items:center;gap:5px;display:flex}.student-dot{background:#e0a44f;border-radius:50%;flex:none;width:9px;height:9px}.student-dot.formal{background:#5184b5}.request-main>div{align-items:center;gap:7px;display:flex}.request-main small{color:var(--red);margin-top:4px;font-size:10px;display:block}.request-status{text-align:right}.request-status span{color:var(--muted);margin-top:5px;font-size:10px;display:block}.match-summary{align-items:center}.match-summary>div:nth-child(2)>div{align-items:center;gap:7px;display:flex}.match-summary p{color:var(--muted);align-items:center;gap:4px;margin:5px 0;font-size:11px;display:flex}.failure-box{background:#fff0ee;border:1px solid #f0cfca;border-radius:11px;margin-top:16px;padding:15px}.failure-box strong{color:#a9443c}.failure-box p{color:#815d58;font-size:12px}.candidate-list{margin-top:18px}.candidate-card{border-top:1px solid var(--line);align-items:center;gap:11px;padding:12px 0;display:flex}.rank{color:#8c9c96;font-size:10px;font-weight:700}.candidate-avatar{color:#25634f;background:#e4f1eb;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.candidate-main{flex:1;min-width:0}.candidate-main>div{align-items:center;gap:6px;display:flex}.candidate-main span,.candidate-main em{color:#697b74;background:#eff3f1;border-radius:6px;padding:2px 5px;font-size:9px;font-style:normal}.candidate-main em{color:#3d6d99;background:#e6effa}.candidate-main p{color:var(--muted);margin:4px 0 0;font-size:10px}.calendar-list>section{grid-template-columns:140px 1fr;gap:18px;margin-bottom:16px;display:grid}.calendar-date{padding-top:15px}.calendar-date strong,.calendar-date span{display:block}.calendar-date strong{font-size:16px}.calendar-date span{color:var(--muted);margin-top:4px;font-size:11px}.class-card{align-items:center;gap:16px;margin-bottom:10px;padding:15px;display:flex}.class-time{width:65px}.class-time strong,.class-time span{display:block}.class-time strong{font-size:16px}.class-time span{color:var(--muted);font-size:9px}.class-line{background:#84b4a4;border-radius:2px;width:3px;height:44px}.class-line.completed{background:#4e9b7e}.class-line.pending_confirm{background:#d69a46}.class-line.exception{background:#d45d54}.class-main{flex:1}.class-main>div{align-items:center;gap:6px;display:flex}.class-main p{color:#536b62;margin:4px 0;font-size:12px}.class-main small{color:var(--muted);align-items:center;gap:4px;font-size:10px;display:flex}.class-actions{gap:6px;display:flex}.filter-card{align-items:end;gap:10px;margin-bottom:18px;padding:15px 18px;display:flex}.filter-card label{color:var(--muted);font-size:11px}.filter-card input{border:1px solid var(--line);border-radius:7px;margin-top:5px;padding:8px;display:block}.filter-card>span{color:var(--muted);padding-bottom:8px;font-size:11px}.report-metrics{margin-top:0}.bar-row{margin-top:20px}.bar-row>div:first-child{justify-content:space-between;font-size:12px;display:flex}.bar-track{background:#edf2ef;border-radius:5px;height:9px;margin-top:8px;overflow:hidden}.bar-track span{background:#337c65;border-radius:5px;height:100%;display:block}.bar-row.trial .bar-track span{background:#d49a48}.export-list{flex-direction:column;display:flex}.export-list button{border:0;border-top:1px solid var(--line);color:#38554c;background:#fff;justify-content:space-between;padding:12px 2px;display:flex}.export-list button span{align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.export-list button small{color:var(--muted)}.notice-list button{border:0;border-bottom:1px solid var(--line);text-align:left;width:100%;color:inherit;background:#fff;gap:12px;padding:15px 20px;display:flex}.notice-list button.unread{background:#f3f8f5}.notice-icon{color:#2f725d;background:#e5f1eb;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.notice-list button>div{flex:1}.notice-list button>div>div{align-items:center;gap:8px;display:flex}.notice-list p{color:#64776f;margin:4px 0;font-size:12px}.notice-list small{color:var(--muted);font-size:10px}.account-list{padding:8px 20px}.account-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:13px 0;display:flex}.account-row:last-child{border-bottom:0}.account-avatar{color:#376c5c;background:#e8f1ed;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.account-row>div:nth-child(2){flex:1}.account-row strong{font-size:13px}.account-row p{color:var(--muted);margin:3px 0;font-size:11px}.notice-strip{color:#28604e;background:#edf6f1;border-color:#d6e8df;margin:-5px 0 18px}.notice-strip div{flex:1}.notice-strip strong{font-size:12px}.notice-strip span{color:#638078}.login-page{background:#fff;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-story{color:#fff;background:linear-gradient(145deg,#12382ef7,#1c5243f2),radial-gradient(circle at 70% 20%,#3a7b65,#0000 45%);align-items:center;padding:70px;display:flex}.story-inner{max-width:570px;margin:0 auto}.story-brand{letter-spacing:2px;align-items:center;gap:12px;margin-bottom:80px;font-size:20px;font-weight:700;display:flex}.story-brand span{display:inline-grid}.login-story h1{letter-spacing:-1px;margin-bottom:20px;font-size:42px;line-height:1.45}.login-story>div>p{color:#bcd0c8;line-height:1.8}.story-points{flex-wrap:wrap;gap:23px;margin-top:50px;display:flex}.story-points span{color:#d7e4df;align-items:center;gap:6px;font-size:12px;display:flex}.story-points svg{color:#d8ba76;width:17px}.login-panel{place-items:center;padding:40px;display:grid}.login-card{flex-direction:column;gap:18px;width:min(410px,100%);display:flex}.login-card h2{margin:6px 0;font-size:27px}.login-card>div>p{color:var(--muted);font-size:13px}.login-card>label>span{color:#4e635b;margin-bottom:7px;font-size:12px;display:block}.input-with-icon{color:#829088;border:1px solid #d7e1dc;border-radius:10px;align-items:center;gap:10px;height:46px;padding:0 13px;display:flex}.input-with-icon:focus-within{border-color:#508775;box-shadow:0 0 0 3px #3478611a}.input-with-icon input{border:0;outline:0;flex:1}.login-submit{height:46px;margin-top:3px}.demo-box{background:#f5f8f6;border-radius:11px;padding:13px}.demo-box>strong{color:#718078;font-size:11px}.demo-box>div{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px;display:grid}.demo-box button{background:#fff;border:1px solid #dbe4e0;border-radius:8px;padding:7px}.demo-box span,.demo-box small{display:block}.demo-box span{font-size:11px;font-weight:600}.demo-box small{color:var(--muted);margin-top:2px;font-size:8px}.mobile-logo{display:none}.inline-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.task-kind-tabs{margin-left:10px}.task-kind-tag{color:#28624f;background:#e7f2ec;border-radius:8px;padding:2px 6px;font-size:9px;font-weight:700}.task-kind-tag.paper_analysis{color:#3a6d9b;background:#e8f0f7}.upload-dropzone{color:#5c7168;cursor:pointer;background:#f8fbf9;border:1px dashed #b9cbc3;border-radius:9px;align-items:center;min-height:42px;padding:10px 12px;font-size:12px;display:flex}.upload-dropzone:hover{background:#f1f7f4;border-color:#6d9c8b}.upload-dropzone input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.amount-summary{background:#f7faf8;border:1px solid #d6e0db;border-radius:9px;flex-direction:column;justify-content:center;gap:3px;padding:10px 12px;display:flex}.amount-summary span{color:var(--muted);font-size:11px}.amount-summary strong{color:#174536;font-size:20px}.amount-summary small{color:#63786f;font-size:11px}.detail-subtitle{color:var(--muted);margin:6px 0 0;font-size:12px}.payment-preview{max-width:180px;margin-top:8px}.payment-preview .question-image{max-height:120px}.teacher-activity{flex-wrap:wrap;gap:7px;margin-top:7px;display:flex}.teacher-activity span{color:#47635a;background:#edf5f1;border:1px solid #d6e8df;border-radius:20px;padding:4px 8px;font-size:10px}.teacher-activity.activity-cold span{color:#986322;background:#fff3e7;border-color:#efd8bd}.quota-summary{color:#235948;background:#eef7f2;border:1px solid #d7e8df;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;display:flex}.quota-summary strong{font-size:12px}.quota-summary span{color:#557168;font-size:12px}.quota-apply-box{background:#fff6e9;border:1px solid #efd6b5;border-radius:11px;flex-direction:column;gap:8px;padding:13px;display:flex}.quota-apply-box strong{color:#94601e;font-size:13px}.quota-apply-box p{color:#7d6646;margin:0;font-size:12px}.quota-apply-box textarea{background:#fffdf9;border:1px solid #e6d1b3;border-radius:8px;padding:9px}.task-item-list{flex-direction:column;gap:12px;display:flex}.task-item-title{color:#38554c;justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.task-item-editor,.task-item-card{background:#fbfdfc;border:1px solid #dfe8e3;border-radius:12px;padding:14px}.task-item-head,.task-item-card>div:first-child{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.task-item-head strong,.task-item-card strong{color:#1d463b;font-size:13px}.task-item-grid{grid-template-columns:1fr 150px;gap:12px;display:grid}.task-item-preview{flex-direction:column;gap:12px;margin-top:14px;display:flex}.task-item-card p{color:#596d65;margin:0 0 10px;font-size:12px;line-height:1.7}.task-item-card span{color:#174536;font-size:12px;font-weight:700}.action-row{flex-wrap:wrap;gap:9px;display:flex}.custom-entry{background:#fbfdfc;border:1px solid #dfe8e3;border-radius:12px;padding:14px}.custom-entry-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.custom-entry-head strong{color:#1d463b;font-size:13px}.capability-picker{gap:12px;display:grid}.capability-picker>div{background:#fbfdfc;border:1px solid #dfe8e3;border-radius:11px;padding:12px}.capability-picker strong{color:#1d463b;font-size:12px}.capability-picker>div>div{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.capability-picker label,.permission-grid label{color:#526a61;cursor:pointer;background:#fff;border:1px solid #d6e0db;border-radius:20px;align-items:center;gap:5px;padding:6px 10px;font-size:11px;display:inline-flex}.capability-picker label.active{color:#1e604c;background:#e5f3ec;border-color:#79a893;font-weight:700}.capability-picker input,.permission-grid input{width:auto}.settings-card,.quota-card{margin-bottom:16px}.permission-grid{flex-wrap:wrap;gap:8px;display:flex}.schedule-summary{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px;display:grid}.schedule-summary .card{padding:16px}.schedule-summary span,.schedule-summary strong,.schedule-summary small{display:block}.schedule-summary span{color:var(--muted);font-size:11px}.schedule-summary strong{color:#174536;margin:3px 0;font-size:24px}.schedule-summary small{color:#668078;font-size:10px;line-height:1.6}.muted-text{color:var(--muted);margin:0 0 8px;font-size:12px}.empty.compact{padding:24px}@media (width<=1000px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.report-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:repeat(2,1fr)}.login-story{padding:50px}.login-story h1{font-size:32px}.story-points{flex-direction:column;gap:10px}.student-grid{grid-template-columns:1fr}}@media (width<=760px){.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.sidebar-overlay{z-index:29;background:#00000059;position:fixed;inset:0}.mobile-close{display:block}.main-area{margin-left:0}.topbar{height:58px;padding:0 16px}.menu-button{display:block}.content{padding:22px 15px 90px}.page-header{align-items:center}.page-header h1{font-size:22px}.page-header p{font-size:12px}.page-header .primary-button{width:39px;padding:0;font-size:0}.page-header .primary-button svg{margin:0}.metric-grid{gap:10px}.metric-card{gap:10px;padding:15px}.metric-icon{width:38px;height:38px}.metric-card strong{font-size:21px}.card{padding:17px}.toolbar{padding:0 13px}.task-row,.request-row{gap:10px;padding:14px 13px}.task-priority{display:none}.task-row>.badge{align-self:flex-start}.task-main p{white-space:nowrap;text-overflow:ellipsis;max-width:210px;overflow:hidden}.modal-backdrop{align-items:end;padding:0}.modal{border-radius:16px 16px 0 0;width:100%;max-height:94vh;padding:20px}.form-grid{grid-template-columns:1fr}.form-span{grid-column:auto}.form-grid>.field:has(textarea){grid-column:auto}.detail-grid{grid-template-columns:repeat(2,1fr)}.student-grid{padding:12px}.request-status{display:none}.candidate-card{flex-wrap:wrap;align-items:flex-start}.candidate-main{min-width:180px}.candidate-card button{margin-left:auto}.calendar-list>section{grid-template-columns:1fr;gap:5px}.calendar-date{align-items:center;gap:7px;padding-top:5px;display:flex}.calendar-date span{margin:0}.class-card{flex-wrap:wrap;gap:10px}.class-time{width:55px}.class-actions{border-top:1px solid var(--line);justify-content:flex-end;width:100%;padding-top:10px}.filter-card{overflow:auto}.report-metrics{grid-template-columns:repeat(2,1fr)}.login-page{background:#f3f7f5;min-height:100vh;padding:22px;display:block}.login-story{display:none}.login-panel{min-height:calc(100vh - 44px);padding:0}.login-card{box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:24px}.mobile-logo{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding-bottom:15px;display:flex}.mobile-logo span{width:32px;height:32px;font-size:16px}.mobile-logo strong{font-size:13px}.demo-box>div{grid-template-columns:1fr}.demo-box button{justify-content:space-between;align-items:center;display:flex}.demo-box small{font-size:9px}.notice-strip{margin-top:0}}@media (width<=390px){.metric-grid{grid-template-columns:1fr 1fr}.metric-card{display:block}.metric-icon{margin-bottom:10px}.task-main p{max-width:170px}.detail-grid{grid-template-columns:1fr}.review-actions{flex-direction:column}}.metric-link{display:block}.metric-link .metric-card{height:100%;transition:transform .16s,box-shadow .16s,border-color .16s;position:relative}.metric-link:hover .metric-card{border-color:#b8cec4;transform:translateY(-2px);box-shadow:0 16px 38px #193d331f}.metric-arrow{color:#91a39b;margin-left:auto}.toolbar-select{color:#435b52;background:#fff;border:1px solid #d8e2dd;border-radius:9px;height:38px;padding:0 10px}.limit-strip,.success-strip{color:#275d4b;background:#edf6f1;border:1px solid #d3e7dd;border-radius:10px;justify-content:space-between;align-items:center;gap:18px;margin:0 0 16px;padding:13px 16px;display:flex}.limit-strip strong{font-size:13px}.limit-strip span{color:#5f786e;font-size:11px}.success-strip{color:#247158;background:#e5f4ec;font-size:12px}.teacher-limit-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px;display:grid}.teacher-limit-grid .card{padding:17px}.teacher-limit-grid span,.teacher-limit-grid strong,.teacher-limit-grid small{display:block}.teacher-limit-grid span{color:var(--muted);font-size:11px}.teacher-limit-grid strong{color:#1b4b3e;margin:5px 0;font-size:18px}.teacher-limit-grid small{color:#718078;font-size:10px;line-height:1.5}.range-shortcuts{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.range-shortcuts button{color:#31594b;background:#f8fbf9;border:1px solid #ccd9d3;border-radius:7px;padding:5px 10px}.field-title{color:#3f554d;margin-bottom:8px;font-size:12px;display:block}.weekday-grid{grid-template-columns:repeat(7,1fr);gap:7px;display:grid}.weekday-grid label{text-align:center;color:#667a72;cursor:pointer;border:1px solid #d4dfda;border-radius:8px;padding:8px 4px;font-size:11px;position:relative}.weekday-grid label.active{color:#1d604c;background:#e4f2eb;border-color:#78a794;font-weight:600}.weekday-grid input{opacity:0;pointer-events:none;position:absolute}.capacity-warning{color:#96601d;background:#fff3e2;border:1px solid #efd4a8;border-radius:9px;padding:11px 13px;font-size:12px;line-height:1.6}.upload-progress{color:#2c6854;background:#edf5f1;border-radius:8px;padding:10px 12px;font-size:12px}.attachment-section{border-top:1px solid var(--line);margin-top:15px;padding-top:15px}.attachment-section>strong{align-items:center;gap:6px;font-size:12px;display:flex}.question-gallery{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px;display:grid}.question-image{object-fit:contain;background:#f7f9f8;border:1px solid #dfe7e2;border-radius:9px;width:100%;max-height:360px;display:block}.video-preview{background:#111;border-radius:10px;width:100%;max-height:430px;margin:10px 0;display:block}.media-loading,.media-error{color:#73837c;background:#f3f6f4;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:80px;font-size:11px;display:flex}.media-loading svg{animation:.8s linear infinite spin}.media-error{color:#ad443c;background:#fff0ee}.submission-item{padding:12px 0!important}.completion-summary{color:#4a655b;background:#f1f6f3;border-radius:8px;align-items:flex-start;gap:6px;max-width:650px;margin-top:8px;padding:8px 10px;font-size:11px;display:flex}.completion-files{gap:7px;margin-top:8px;display:flex}.completion-record{flex-direction:column;gap:14px;display:flex}.completion-record>p{color:#4b625a;background:#f5f8f6;border-radius:9px;padding:12px;line-height:1.7}.completion-record>div>strong{margin-bottom:8px;font-size:12px;display:block}.completion-course{background:#eef5f1;border-radius:9px;justify-content:space-between;gap:12px;padding:12px;display:flex}.completion-course span{color:#657a71;font-size:11px}.policy-section{border-top:1px solid var(--line);margin-top:3px;padding-top:14px}.policy-section strong{color:#214d40;font-size:13px}.policy-section p{color:var(--muted);margin:4px 0 0;font-size:11px}.switch-field{background:#fbfcfb;border:1px solid #d6e0db;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:0 11px;display:flex}.switch-field input{width:auto}.switch-field span{color:#36544a;font-size:12px}@media (width<=900px){.teacher-limit-grid,.schedule-summary{grid-template-columns:1fr}.weekday-grid{grid-template-columns:repeat(4,1fr)}.question-gallery{grid-template-columns:1fr 1fr}.task-item-grid{grid-template-columns:1fr}}@media (width<=760px){.limit-strip,.quota-summary{flex-direction:column;align-items:flex-start;gap:4px}.toolbar-select{max-width:120px}.weekday-grid{grid-template-columns:repeat(4,1fr)}.question-gallery{grid-template-columns:1fr}.completion-course{flex-direction:column}.completion-files{flex-wrap:wrap}.metric-arrow{display:none}.action-row{justify-content:flex-end}.custom-entry{padding:12px}.capability-picker label,.permission-grid label{border-radius:9px;width:100%}}.report-filter{flex-wrap:wrap;align-items:flex-end}.report-filter label{min-width:130px}.report-filter select,.report-filter input{border:1px solid var(--line);color:#243b34;background:#fff;border-radius:7px;width:100%;margin-top:5px;padding:8px;display:block}.request-filter{flex-wrap:wrap;align-items:flex-end}.request-filter label{min-width:128px}.request-filter label:first-child{flex:1;min-width:220px}.request-filter select,.request-filter input{border:1px solid var(--line);color:#243b34;background:#fff;border-radius:7px;width:100%;margin-top:5px;padding:8px;display:block}.request-filter>span{white-space:nowrap}.report-grid.wide{grid-template-columns:1fr;margin-top:20px}.mini-table{overflow:auto}.mini-table table{border-collapse:collapse;width:100%;font-size:12px}.mini-table th,.mini-table td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:9px 8px}.mini-table th{color:#4d635a;background:#f3f7f5;font-weight:700}.mini-table td{color:#536b62}.mini-table p{color:var(--muted);margin:10px 0 0;font-size:11px}.media-actions{align-items:center;gap:8px;margin:8px 0 4px;display:flex}.detail-action small{color:var(--muted);align-items:center;font-size:11px;line-height:1.6;display:flex}.availability-calendar{padding:18px}.calendar-week-head,.calendar-grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.calendar-week-head span{text-align:center;color:var(--muted);padding:4px;font-size:11px}.calendar-cell{text-align:left;color:#29483e;background:#fbfdfc;border:1px solid #e0e8e4;border-radius:12px;flex-direction:column;gap:4px;min-height:112px;padding:10px;display:flex}.calendar-cell.has-items{background:#f0f8f4;border-color:#c8dfd4}.calendar-cell strong{font-size:18px}.calendar-cell span{color:#72837c;font-size:11px}.calendar-cell small{color:#45665b;font-size:10px;line-height:1.4}.calendar-cell em{color:#386d9b;background:#e6f0fa;border-radius:20px;align-self:flex-start;margin-top:auto;padding:2px 7px;font-size:9px;font-style:normal}.availability-list.in-modal{padding:0}.transfer-picker{background:#fbfdfc;border:1px solid #dce6e1;border-radius:12px;padding:14px}.transfer-picker-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.transfer-picker-head strong{color:#1e493d;font-size:13px}.transfer-picker-head label{color:#4d655c;align-items:center;gap:5px;font-size:12px;display:flex}.transfer-picker p{color:var(--muted);margin:0;font-size:12px}.transfer-student-grid{grid-template-columns:repeat(2,1fr);gap:8px;max-height:260px;display:grid;overflow:auto}.transfer-student-grid label{cursor:pointer;background:#fff;border:1px solid #d9e4df;border-radius:10px;align-items:flex-start;gap:8px;padding:10px;display:flex}.transfer-student-grid label.active{background:#eaf6f0;border-color:#73a18f}.transfer-student-grid strong,.transfer-student-grid small{display:block}.transfer-student-grid small{color:#64776f;margin-top:3px;font-size:10px}.plan-preview{background:#eef7f2;border:1px solid #d7e8df;border-radius:10px;padding:12px}.plan-preview strong{color:#235948;font-size:12px}.plan-preview div{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.plan-preview span{color:#315a4d;background:#fff;border:1px solid #c9dfd4;border-radius:20px;padding:4px 8px;font-size:11px}.calendar-session.formal{color:#2f679d;font-weight:700}.calendar-session.trial{color:#9b651e}.day-detail-list{flex-direction:column;gap:12px;display:flex}.day-detail-list>strong{color:#1e493d;font-size:13px}.scheduled-class-row{background:#f3faf6;border:1px solid #dce8e2;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:11px;display:flex}.scheduled-class-row strong,.scheduled-class-row span{display:block}.scheduled-class-row strong{color:#1c463a;font-size:13px}.scheduled-class-row span{color:#657a71;margin-top:4px;font-size:11px}.plan-calendar-panel{background:#fbfdfc;border:1px solid #dce8e2;border-radius:12px;padding:14px}.plan-calendar-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.plan-calendar-head strong{color:#1f493d;font-size:13px}.plan-calendar-head label{color:#64766e;align-items:center;gap:7px;font-size:11px;display:flex}.plan-calendar-head input{background:#fff;border:1px solid #d6e0db;border-radius:7px;padding:6px 8px}.plan-calendar-head span{color:#2f6b57;background:#e8f4ee;border-radius:20px;padding:5px 9px;font-size:11px}.plan-date-grid{grid-template-columns:repeat(7,1fr);gap:7px;display:grid}.plan-date-grid button{color:#2d4a41;text-align:left;background:#fff;border:1px solid #dce6e1;border-radius:10px;flex-direction:column;gap:2px;min-height:66px;padding:8px;display:flex}.plan-date-grid button:disabled{opacity:.35;cursor:not-allowed}.plan-date-grid button.active{background:#e4f4ed;border-color:#72a78f;box-shadow:inset 0 0 0 1px #72a78f}.plan-date-grid strong{font-size:17px}.plan-date-grid span{color:#70837b;font-size:10px}.plan-date-grid em{color:#1f654e;margin-top:auto;font-size:10px;font-style:normal}.plan-entry-editor{background:#fff;border:1px solid #dce8e2;border-radius:12px;padding:12px}.plan-entry-editor>strong{color:#1f493d;margin-bottom:8px;font-size:13px;display:block}.plan-entry-row{border-top:1px solid #eef3f0;grid-template-columns:150px 120px 1fr auto;align-items:center;gap:8px;padding:8px 0;display:grid}.plan-entry-row:first-of-type{border-top:0}.plan-entry-row span{color:#405b52;font-size:12px}.plan-entry-row input{color:#243b34;background:#fbfcfb;border:1px solid #d6e0db;border-radius:8px;padding:8px 9px}@media (width<=760px){.report-filter label{min-width:calc(50% - 8px)}.mini-table table{font-size:11px}.request-filter label,.request-filter label:first-child{flex:0 0 calc(50% - 8px);min-width:calc(50% - 8px)}.request-filter>span{width:100%}}.plan-preview button{color:#315a4d;cursor:pointer;background:#fff;border:1px solid #c9dfd4;border-radius:20px;padding:4px 8px;font-size:11px}.plan-preview button:hover{background:#eaf6f0}.plan-preview small{color:var(--muted);margin-top:8px;font-size:11px;display:block}.smart-preview{background:#eef7f2;border:1px solid #d7e8df;border-radius:12px;padding:13px}.smart-preview-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.smart-preview-head strong{color:#235948;font-size:13px;display:block}.smart-preview-head small,.smart-preview>small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.smart-preview-layout{grid-template-columns:230px 1fr;gap:12px;display:grid}.mini-date-picker{background:#fff;border:1px solid #d7e4de;border-radius:11px;padding:10px}.mini-date-nav{justify-content:space-between;align-items:center;gap:7px;margin-bottom:8px;display:flex}.mini-date-nav button{color:#39584d;background:#fbfdfc;border:1px solid #d6e0db;border-radius:7px;padding:5px 8px;font-size:11px}.mini-date-nav span{color:#557168;font-size:11px}.mini-date-grid{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.mini-date-grid button{color:#2d4a41;cursor:pointer;background:#fbfdfc;border:1px solid #dce6e1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:44px;padding:5px 3px;display:flex}.mini-date-grid button:disabled{opacity:.38;cursor:not-allowed}.mini-date-grid button.active{background:#dff2e9;border-color:#6fa58e;box-shadow:inset 0 0 0 1px #6fa58e}.mini-date-grid strong{font-size:14px}.mini-date-grid span{color:#6c7f77;font-size:9px}.teacher-slot-list{flex-direction:column;gap:10px;max-height:420px;padding-right:4px;display:flex;overflow:auto}.teacher-slot-card{background:#fff;border:1px solid #dbe8e2;border-radius:11px;padding:11px}.teacher-slot-card.active{background:#f4fbf7;border-color:#5f987f;box-shadow:inset 0 0 0 1px #78ab96}.teacher-slot-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.teacher-slot-head strong{color:#1e493d;align-items:center;gap:6px;font-size:13px;display:flex}.teacher-slot-head em{color:#23624d;background:#e1f2ea;border-radius:20px;padding:2px 6px;font-size:9px;font-style:normal}.teacher-slot-head p,.teacher-slot-head small{color:#5f746c;margin:4px 0 0;font-size:11px;display:block}.teacher-slot-head small{color:#7a8983;font-size:10px}.teacher-slot-buttons{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.teacher-slot-buttons button{color:#315a4d;cursor:pointer;background:#fff;border:1px solid #c9dfd4;border-radius:20px;padding:4px 8px;font-size:11px}.teacher-slot-buttons button:hover{background:#eaf6f0}.preview-empty{color:#6c7e77;text-align:center;background:#fff;border:1px dashed #cadbd3;border-radius:10px;padding:18px;font-size:12px}@media (width<=760px){.smart-preview-layout{grid-template-columns:1fr}.teacher-slot-list{max-height:none}.smart-preview-head{flex-direction:column}.mini-date-grid button{min-height:40px}}.student-toolbar{flex-wrap:wrap;gap:10px;height:auto;min-height:64px;padding-top:12px;padding-bottom:12px}.student-toolbar .search{min-width:260px}.trial-state,.pending-chip{color:#9b651e;background:#fff2df;border-radius:20px;padding:3px 7px;font-size:10px}.pending-chip{color:#ad443c;background:#fff0ee;border:1px solid #f0ccc7}.student-balance{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.student-balance span,.student-balance em{color:#41655a;background:#eef5f1;border-radius:20px;padding:4px 8px;font-size:10px;font-style:normal}.student-balance em{color:#986322;background:#fff3e7;border:1px solid #efd8bd;align-items:center;gap:3px;display:inline-flex}.payment-ledger{background:#fbfdfc;border:1px solid #dce8e2;border-radius:12px;padding:13px}.payment-ledger>strong{color:#1e493d;margin-bottom:8px;font-size:13px;display:block}.payment-records{gap:7px;margin-bottom:12px;display:grid}.payment-records>div{background:#fff;border:1px solid #e1e9e5;border-radius:9px;padding:9px}.payment-records span,.payment-records small{color:#65776f;font-size:11px;display:block}.payment-records b{color:#174536;margin:3px 0;display:block}.payment-records p{color:var(--muted);margin:0;font-size:12px}.payment-add-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.payment-add-grid input{color:#243b34;background:#fff;border:1px solid #d6e0db;border-radius:8px;padding:9px 10px}.payment-add-grid button{grid-column:1/-1}@media (width<=760px){.payment-add-grid{grid-template-columns:1fr}.student-toolbar .search{min-width:100%}}.student-picker{gap:8px;display:grid}.student-picker>input{color:#243b34;background:#fbfdfc;border:1px solid #d6e0db;border-radius:10px;width:100%;padding:11px 12px}.student-picker-list{background:#fbfdfc;border:1px solid #dce8e2;border-radius:12px;gap:6px;max-height:230px;padding:6px;display:grid;overflow:auto}.student-picker-list button{text-align:left;color:#173e34;cursor:pointer;background:#fff;border:1px solid #0000;border-radius:10px;gap:3px;width:100%;padding:9px 10px;display:grid}.student-picker-list button:hover,.student-picker-list button.active{background:#eef8f3;border-color:#7fb3a0}.student-picker-list button strong{font-size:13px}.student-picker-list button span,.student-picker-list button small,.selected-student-card span,.selected-student-card small{color:#6a7d74;font-size:11px}.student-picker-empty{color:#7a8d84;text-align:center;padding:12px;font-size:12px}.selected-student-card{background:#edf8f2;border:1px solid #bddccc;border-radius:12px;gap:4px;padding:10px 12px;display:grid}.selected-student-card strong{color:#124537;font-size:13px}.plan-entry-row{grid-template-columns:150px 105px 110px 150px 1fr auto}.plan-entry-row select{color:#243b34;background:#fbfcfb;border:1px solid #d6e0db;border-radius:8px;padding:8px 9px}.learning-panel{background:#fbfdfc;border:1px solid #dce8e2;border-radius:13px;gap:14px;padding:14px;display:grid}.learning-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.learning-head strong{color:#174536;align-items:center;gap:6px;font-size:14px;display:flex}.learning-head small,.learning-head span{color:var(--muted);margin-top:4px;font-size:11px;display:block}.learning-summary{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.learning-summary>div{background:#fff;border:1px solid #dce8e2;border-radius:10px;padding:10px}.learning-summary span,.learning-summary small{color:#6b7f76;font-size:11px;display:block}.learning-summary strong{color:#174536;margin:3px 0;font-size:22px;display:block}.learning-section{gap:8px;display:grid}.learning-section h3{color:#1e493d;margin:0;font-size:13px}.learning-list{gap:10px;display:grid}.learning-card{background:#fff;border:1px solid #e0e9e4;border-radius:11px;gap:9px;padding:11px;display:grid}.learning-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.learning-card-head strong,.learning-card-head small{display:block}.learning-card-head strong{color:#173e34;font-size:13px}.learning-card-head small,.learning-card small{color:#65786f;font-size:11px;line-height:1.6}.learning-task-item{border-top:1px dashed #e4ece8;gap:5px;padding-top:8px;display:grid}.learning-task-item:first-of-type{border-top:0;padding-top:0}.learning-task-item b{color:#214d40;font-size:12px}.learning-task-item p{color:#526a61;margin:0;font-size:12px;line-height:1.6}.learning-gallery{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.learning-gallery .question-image{max-height:170px}.learning-media-row{border-top:1px dashed #e4ece8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:8px;display:flex}.learning-media-row>span{color:#5f746b;font-size:11px}.learning-summary-text{color:#4d675d;background:#f2f7f4;border-radius:9px;align-items:flex-start;gap:7px;padding:9px;font-size:12px;line-height:1.6;display:flex}.learning-files{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.learning-files>span{color:#65786f;background:#f8fbf9;border:1px solid #dce8e2;border-radius:20px;padding:5px 9px;font-size:11px}.learning-screenshot .question-image{max-height:260px}@media (width<=760px){.learning-summary{grid-template-columns:1fr}.learning-card-head,.learning-media-row,.learning-head{flex-direction:column}.learning-gallery{grid-template-columns:1fr 1fr}}.companion-toolbar{align-items:center;gap:10px}.companion-toolbar .search{flex:1;min-width:280px}.companion-toolbar select{color:#243b34;border:1px solid var(--line);background:#fff;border-radius:9px;height:38px;padding:0 10px}.companion-list{display:grid}.companion-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 12px;display:flex}.companion-row:last-child{border-bottom:0}.companion-row strong{color:#133d33;font-size:14px}.companion-row p,.companion-row small{color:#687a72;margin:5px 0 0;font-size:12px;display:block}.companion-status{text-align:right;justify-items:end;gap:6px;min-width:260px;display:grid}.companion-status span{color:#4c665d;font-size:12px}.companion-status em{color:#9b651e;background:#fff3e7;border:1px solid #efd8bd;border-radius:20px;padding:4px 8px;font-size:11px;font-style:normal}@media (width<=760px){.companion-row{flex-direction:column}.companion-status{text-align:left;justify-items:start;min-width:0}.companion-toolbar .search{min-width:100%}}.companion-checkin{background:#f8fcfa;border:1px solid #dce8e2;border-radius:11px;gap:8px;margin-top:10px;padding:10px;display:grid}.companion-checkin-head{color:#1d5948;align-items:center;gap:6px;display:flex}.companion-checkin p{color:#60756c;margin:0;font-size:11px;line-height:1.6}.companion-checkin-grid{grid-template-columns:130px 1fr auto;align-items:center;gap:8px;display:grid}.companion-checkin-grid input{color:#243b34;background:#fff;border:1px solid #d6e0db;border-radius:8px;padding:8px}.text-warning{color:#a6651c!important}.text-success{color:#24735a!important}@media (width<=760px){.companion-checkin-grid{grid-template-columns:1fr}.companion-checkin-grid .primary-button{width:100%}}.companion-checkin-disabled{background:#fffaf2;border-color:#efd8bd}.companion-checkin-disabled .companion-checkin-head{color:#9b651e}