:root { --green:#173f36; --green-2:#245c4e; --gold:#bd9250; --ink:#1d2926; --muted:#77817e; --line:#e7e9e5; }
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#f5f6f3;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}
.brand-logo{display:block;width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.10))}.side-brand .brand-logo{width:39px;height:39px}.sidebar>.side-brand+nav{min-height:0;overflow-y:auto;padding-top:14px;scrollbar-width:none}.sidebar>.side-brand+nav::-webkit-scrollbar{display:none}
.front-sync{display:flex;align-items:center;gap:10px;margin:-10px 0 18px;padding:11px 14px;border:1px solid #dde8e2;border-radius:10px;background:#f1f7f4;color:#5d6b66;font-size:10px}.front-sync span{padding:4px 8px;border-radius:999px;background:#dfeee7;color:#276451;font-weight:700}.front-sync strong{color:#2e4940;font-size:11px}.front-sync small{margin-left:auto;color:#8a9590;font-size:9px}
.reminder-editor{margin-top:17px;padding:14px;border:1px solid #dfe5e1;border-radius:9px;background:#f8faf8}.reminder-editor>strong{display:block;margin-bottom:10px;color:#4e5a56;font-size:10px}.reminder-editor>div{display:grid;grid-template-columns:135px 1fr auto;gap:8px}.reminder-editor input{height:38px;padding:0 10px;border:1px solid #dfe3de;border-radius:7px;background:#fff;font-size:10px}.reminder-editor button{padding:0 12px;border:0;border-radius:7px;background:#e5efe9;color:#2e6856;font-size:10px;font-weight:700}
.brand-seal{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.38);border-radius:13px;background:linear-gradient(145deg,#d5b878,#9f7439);color:#fff;font-family:serif;font-size:22px;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(520px,1.08fr) minmax(480px,.92fr);background:#fafaf7}.login-visual{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:100vh;padding:52px 68px;background:radial-gradient(circle at 72% 32%,rgba(194,160,100,.24),transparent 22%),linear-gradient(140deg,#0f332c 0%,#19493d 58%,#2b6554 100%);color:#fff}.login-visual:after{content:"";position:absolute;right:-12%;bottom:-22%;width:520px;height:520px;border:1px solid rgba(255,255,255,.10);border-radius:50%;box-shadow:0 0 0 54px rgba(255,255,255,.025),0 0 0 108px rgba(255,255,255,.018)}.login-brand,.mobile-brand{display:flex;align-items:center;gap:13px;font-size:20px;font-weight:700;letter-spacing:.08em}.login-message{z-index:1;margin:auto 0;max-width:620px}.eyebrow{margin:0 0 16px;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.2em}.eyebrow.light{color:#d8ba80}.login-message h1{margin:0;font-family:"STSong","SimSun",serif;font-size:clamp(44px,4.4vw,68px);font-weight:600;line-height:1.24;letter-spacing:.04em}.login-message>p:last-child{max-width:560px;margin-top:28px;color:rgba(255,255,255,.72);font-size:17px;line-height:1.9}.login-foot{z-index:1;margin:0;color:rgba(255,255,255,.45);font-size:13px;letter-spacing:.14em}.login-orbit{position:absolute;right:10%;top:21%;width:200px;height:200px;border:1px solid rgba(223,190,128,.26);border-radius:50%}.login-orbit span,.login-orbit i,.login-orbit b{position:absolute;border-radius:50%}.login-orbit span{inset:34px;border:1px solid rgba(255,255,255,.13)}.login-orbit i{left:50%;top:50%;width:48px;height:48px;transform:translate(-50%,-50%);background:rgba(210,177,112,.18);box-shadow:0 0 48px rgba(218,184,119,.25)}.login-orbit b{right:18px;top:35px;width:9px;height:9px;background:#d9b974}.login-panel{display:grid;place-items:center;padding:52px}.login-card{width:min(420px,100%)}.mobile-brand{display:none;color:var(--green);margin-bottom:55px}.login-card h2{margin:0;font-size:36px;letter-spacing:.02em}.subtext{margin:12px 0 38px;color:var(--muted);font-size:15px}.login-card>label{display:block;margin-top:22px;color:#43504c;font-size:13px;font-weight:700}.login-card input{width:100%;height:52px;margin-top:9px;padding:0 16px;border:1px solid #dcded9;border-radius:10px;outline:none;background:#fff;color:#26332f;transition:.2s}.login-card input:focus{border-color:#5b887b;box-shadow:0 0 0 3px rgba(44,104,87,.09)}.password-field{position:relative}.password-field input{padding-right:62px}.password-field span{position:absolute;right:15px;top:26px;color:#8b9592;font-size:12px}.login-options{display:flex;align-items:center;justify-content:space-between;margin:18px 0 26px;font-size:13px;color:#697571}.login-options button{border:0;background:none;color:var(--green-2)}.remember{display:flex;align-items:center;gap:7px}.remember input{width:15px;height:15px;margin:0;accent-color:var(--green)}.primary-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:54px;border:0;border-radius:10px;background:var(--green);color:#fff;font-weight:700;box-shadow:0 12px 28px rgba(23,63,54,.18);transition:.2s}.primary-button:hover{background:#205347;transform:translateY(-1px)}.primary-button span{font-size:20px}.preview-tip{text-align:center;margin-top:18px;color:#a0a7a4;font-size:12px;line-height:1.7}
.admin-app{min-height:100vh;display:grid;grid-template-columns:236px minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:3;display:flex;flex-direction:column;width:236px;padding:25px 18px 20px;background:var(--green);color:#fff}.side-brand{display:flex;align-items:center;gap:12px;padding:0 9px 29px;border-bottom:1px solid rgba(255,255,255,.1)}.side-brand .brand-seal{width:39px;height:39px;border-radius:11px;font-size:20px}.side-brand div{display:flex;flex-direction:column;gap:3px}.side-brand strong{font-size:17px;letter-spacing:.07em}.side-brand small{color:rgba(255,255,255,.42);font-size:8px;letter-spacing:.16em}.sidebar nav{padding-top:20px}.sidebar nav>p{margin:19px 13px 9px;color:rgba(255,255,255,.35);font-size:10px;letter-spacing:.15em}.nav-item{position:relative;display:flex;align-items:center;width:100%;height:44px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:rgba(255,255,255,.66);text-align:left;transition:.2s}.nav-item>span{display:grid;place-items:center;width:23px;height:23px;margin-right:11px;border:1px solid rgba(255,255,255,.2);border-radius:7px;font-size:10px}.nav-item strong{font-size:13px;font-weight:500}.nav-item em{margin-left:auto;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#c39a5b;color:white;font-size:10px;font-style:normal;line-height:20px;text-align:center}.nav-item:hover{color:white;background:rgba(255,255,255,.06)}.nav-item.active{background:rgba(255,255,255,.12);color:#fff}.nav-item.active:before{content:"";position:absolute;left:-18px;width:3px;height:22px;border-radius:0 3px 3px 0;background:#d4b16e}.nav-item.active>span{border-color:#d0ad69;background:#d0ad69;color:#173f36;font-weight:800}.logout{height:36px;margin-top:auto;border:0;background:transparent;color:rgba(255,255,255,.42);font-size:11px;text-align:left;padding-left:12px}.workspace{grid-column:2;min-width:0}.topbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 34px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}.breadcrumbs{display:flex;align-items:center;gap:9px;font-size:12px}.breadcrumbs span,.breadcrumbs b{color:#a1aaa7;font-weight:400}.breadcrumbs strong{color:#45514e}.top-actions{display:flex;align-items:center;gap:16px}.search{display:flex;align-items:center;gap:8px;width:245px;height:38px;padding:0 13px;border:1px solid #e3e6e1;border-radius:9px;background:#f8f9f7;color:#909a97}.search input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:12px}.message-dot{position:relative;width:38px;height:38px;border:1px solid #e5e7e3;border-radius:9px;background:#fff;color:#65716d}.message-dot i{position:absolute;right:8px;top:8px;width:6px;height:6px;border-radius:50%;background:#c69b57}.admin-user{display:flex;align-items:center;gap:9px;padding-left:4px}.admin-user>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#e6eee9;color:var(--green);font-weight:800}.admin-user div{display:flex;flex-direction:column}.admin-user strong{font-size:12px}.admin-user small{margin-top:2px;color:#9aa39f;font-size:9px}.admin-user>b{color:#9ba4a1;font-size:11px}.dashboard{padding:29px 34px 48px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px}.page-heading p{margin:0 0 8px;color:#9ba49f;font-size:11px}.page-heading h1{margin:0;font-size:25px;letter-spacing:.02em}.page-heading div>span{display:block;margin-top:7px;color:#7b8581;font-size:12px}.outline-button{height:38px;padding:0 16px;border:1px solid #dce1dc;border-radius:8px;background:#fff;color:#4d5a56;font-size:11px}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric-card{min-width:0;padding:20px 21px 18px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 4px 16px rgba(34,52,47,.025)}.metric-top{display:flex;align-items:center;justify-content:space-between}.metric-top>span{color:#697572;font-size:12px}.metric-top i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#edf4f1;color:#397060;font-size:10px;font-style:normal;font-weight:700}.metric-card.gold .metric-top i{background:#f7f0e3;color:#a1773d}.metric-card.blue .metric-top i{background:#eaf0f5;color:#55768d}.metric-card.purple .metric-top i{background:#f1ecf4;color:#796084}.metric-card>strong{display:block;margin:12px 0 10px;font-size:25px;letter-spacing:.01em}.metric-note{display:flex;align-items:center;gap:7px;font-size:10px}.metric-note b{color:#40806f}.metric-card.blue .metric-note b{color:#a27336}.metric-note span{color:#a2aaa7}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(315px,.75fr);gap:15px;margin-top:15px}.dashboard-grid.lower{grid-template-columns:minmax(0,1.45fr) minmax(315px,.75fr)}.panel{min-width:0;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 4px 16px rgba(34,52,47,.025)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 22px 10px}.panel-heading h2{margin:0;color:#26332f;font-size:14px}.panel-heading p{margin:6px 0 0;color:#99a19e;font-size:10px}.panel-heading button{border:0;background:none;color:#668177;font-size:10px}.panel-heading select{height:30px;padding:0 9px;border:1px solid #e4e7e3;border-radius:7px;background:#fafbf9;color:#65716d;font-size:10px}.legend{display:flex;justify-content:flex-end;gap:16px;padding:0 22px;color:#77817e;font-size:9px}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:8px;height:8px;border-radius:3px}.legend .reg{background:#bf9857}.legend .paid{background:#285f51}.chart{display:flex;height:200px;padding:14px 20px 20px}.y-axis{display:flex;flex-direction:column;justify-content:space-between;width:28px;padding-bottom:22px;color:#adb4b1;font-size:8px}.bars{position:relative;display:flex;align-items:flex-end;justify-content:space-around;flex:1;border-bottom:1px solid #e9ebe8;background:repeating-linear-gradient(to bottom,#fff 0,#fff 43px,#f0f1ef 44px)}.bar-pair{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:3px;width:7%;height:100%}.bar-pair i,.bar-pair b{display:block;width:7px;border-radius:4px 4px 1px 1px}.bar-pair i{background:#d5b577}.bar-pair b{background:#2c6556}.bar-pair span{position:absolute;bottom:-18px;color:#a5aca9;font-size:7px;white-space:nowrap}.todo-list{list-style:none;margin:5px 0 0;padding:0 20px 13px}.todo-list li{display:flex;align-items:center;gap:11px;padding:13px 0;border-top:1px solid #f0f1ef}.todo-icon{display:grid;place-items:center;flex:0 0 31px;height:31px;border-radius:9px;background:#eaf2ef;color:#316a5a;font-size:10px;font-weight:800}.todo-icon.remind{background:#f6efe2;color:#9a7136}.todo-icon.exchange{background:#eef0f5;color:#61718b}.todo-icon.content{background:#f2edf4;color:#806687}.todo-list div{display:flex;min-width:0;flex:1;flex-direction:column}.todo-list strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.todo-list small{margin-top:4px;color:#a0a8a5;font-size:9px}.todo-list time{color:#aab1ae;font-size:8px}.activity-panel table{width:100%;border-collapse:collapse;font-size:10px}.activity-panel th{padding:12px 18px;background:#fafbf9;color:#9ba39f;font-weight:500;text-align:left}.activity-panel td{padding:14px 18px;border-top:1px solid #f0f1ef;color:#7d8783}.activity-panel td strong{color:#3b4844;font-weight:600}.status{display:inline-block;padding:4px 8px;border-radius:8px;font-size:8px;font-style:normal}.status.done{background:#e8f2ee;color:#3a725f}.status.draft{background:#f4f0e7;color:#997139}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:8px 20px 20px}.quick-grid button{display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding:14px;border:1px solid #eceeeb;border-radius:10px;background:#fafbf9;text-align:left;transition:.2s}.quick-grid button:hover{border-color:#cbd9d3;background:#f3f7f5;transform:translateY(-1px)}.quick-grid i{display:grid;place-items:center;width:25px;height:25px;margin-bottom:8px;border-radius:7px;background:#e6efeb;color:#2f6556;font-size:10px;font-style:normal;font-weight:700}.quick-grid strong{font-size:10px}.quick-grid small{overflow:hidden;width:100%;margin-top:4px;color:#a1a9a6;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.module-page{padding:30px 34px 50px}.module-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.module-title h1{margin:0;font-size:25px;letter-spacing:.02em}.module-title p{margin:8px 0 0;color:#7c8682;font-size:12px}.module-primary{height:40px;padding:0 17px;border:0;border-radius:8px;background:var(--green);color:white;font-size:11px;font-weight:700;box-shadow:0 7px 16px rgba(23,63,54,.12)}.module-primary:hover{background:#24584b}.module-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:15px}.module-stats article{position:relative;overflow:hidden;display:flex;min-height:116px;flex-direction:column;padding:19px 20px;border:1px solid var(--line);border-radius:12px;background:#fff}.module-stats span{color:#75807c;font-size:11px}.module-stats strong{margin:10px 0 6px;font-size:23px}.module-stats small{color:#a1a9a6;font-size:9px}.module-stats i{position:absolute;right:-8px;bottom:-13px;color:#eff2ef;font-family:serif;font-size:64px;font-style:normal;font-weight:700}.module-card{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 4px 16px rgba(34,52,47,.025)}.module-tabs{display:flex;gap:24px;height:57px;padding:0 22px;border-bottom:1px solid #eceeeb}.module-tabs button{position:relative;border:0;background:none;color:#7c8682;font-size:11px}.module-tabs button.active{color:var(--green);font-weight:700}.module-tabs button.active:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;border-radius:2px;background:var(--green)}.module-tools{display:flex;align-items:center;gap:8px;padding:16px 20px}.module-search{display:flex;align-items:center;gap:8px;width:260px;height:36px;padding:0 12px;border:1px solid #e2e5e0;border-radius:8px;color:#949d99}.module-search input{width:100%;border:0;outline:0;background:transparent;font-size:10px}.module-tools>button{height:36px;padding:0 13px;border:1px solid #e2e5e0;border-radius:8px;background:#fafbf9;color:#68736f;font-size:10px}.table-wrap{overflow-x:auto}.module-table{width:100%;border-collapse:collapse;font-size:10px}.module-table th{padding:12px 15px;background:#f8faf8;color:#8d9793;font-weight:500;text-align:left;white-space:nowrap}.module-table td{padding:15px;border-top:1px solid #eff1ee;color:#737e7a;white-space:nowrap}.module-table td strong{color:#35423e;font-weight:600}.module-table input{width:13px;height:13px;accent-color:var(--green)}.text-action,.more-action{border:0;background:none;color:#3f7163;font-size:9px}.more-action{margin-left:6px;color:#939b98}.empty-state{padding:54px;text-align:center;color:#9ba39f;font-size:11px}.pagination{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-top:1px solid #eff1ee;color:#929b97;font-size:9px}.pagination div{display:flex;gap:5px}.pagination button{min-width:27px;height:27px;border:1px solid #e3e6e2;border-radius:6px;background:#fff;color:#75807c;font-size:9px}.pagination button.current{border-color:var(--green);background:var(--green);color:#fff}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:rgba(16,38,32,.46);backdrop-filter:blur(3px)}.edit-modal{width:min(580px,100%);max-height:90vh;overflow:auto;border-radius:15px;background:#fff;box-shadow:0 28px 80px rgba(11,29,24,.28)}.edit-modal header{display:flex;align-items:flex-start;justify-content:space-between;padding:23px 25px 18px;border-bottom:1px solid #eceeeb}.edit-modal header p{margin:0 0 6px;color:#b08a4e;font-size:8px;letter-spacing:.13em}.edit-modal h2{margin:0;font-size:18px}.edit-modal header button{border:0;background:none;color:#8a9490;font-size:24px}.modal-form{padding:22px 25px}.modal-form label{display:flex;flex:1;flex-direction:column;gap:8px;color:#4e5a56;font-size:10px;font-weight:700}.modal-form input,.modal-form select,.modal-form textarea{width:100%;border:1px solid #dfe3de;border-radius:8px;outline:0;background:#fff;color:#3d4945;font-size:11px}.modal-form input,.modal-form select{height:42px;padding:0 12px}.modal-form textarea{height:82px;padding:12px;resize:vertical}.form-row{display:flex;gap:13px;margin:17px 0}.upload-area{align-items:center!important;justify-content:center;min-height:105px;margin-top:17px;border:1px dashed #cbd5d0;border-radius:9px;background:#f8faf8;color:#66736e!important}.upload-area span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#e5efeb;color:var(--green);font-size:17px}.upload-area small{color:#a0a8a5;font-size:8px;font-weight:400}.edit-modal footer{display:flex;justify-content:flex-end;gap:9px;padding:16px 25px;border-top:1px solid #eceeeb;background:#fafbf9}.edit-modal footer>button:not(.module-primary){height:40px;padding:0 17px;border:1px solid #dfe3de;border-radius:8px;background:#fff;color:#66716d;font-size:11px}.toast{position:fixed;right:28px;bottom:28px;z-index:30;padding:13px 18px;border-radius:9px;background:#173f36;color:#fff;font-size:11px;box-shadow:0 12px 30px rgba(18,47,39,.24)}
.metric-card{position:relative}.metric-clickable{cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}.metric-clickable:hover{border-color:#b9cec5;box-shadow:0 8px 22px rgba(34,75,63,.08);transform:translateY(-1px)}.metric-clickable.selected{border-color:#75a291;box-shadow:0 0 0 2px rgba(46,112,95,.1)}.metric-detail-link{position:absolute;right:20px;bottom:17px;color:#52786c;font-size:9px;font-weight:600}.member-detail-panel{margin-top:15px;overflow:hidden}.member-detail-tabs{display:flex;gap:10px;padding:5px 22px 17px}.member-detail-tabs button{display:flex;align-items:center;gap:7px;height:34px;padding:0 13px;border:1px solid #e2e6e2;border-radius:8px;color:#64706c;background:#fafbf9;font-size:10px}.member-detail-tabs button span{color:#9aa39f;font-size:8px}.member-detail-tabs button.active{border-color:#2f6c5b;color:#fff;background:#2f6c5b}.member-detail-tabs button.active span{color:rgba(255,255,255,.7)}.member-detail-table{overflow-x:auto}.member-detail-table table{width:100%;min-width:760px;border-collapse:collapse;font-size:10px}.member-detail-table th{padding:11px 22px;background:#f8faf8;color:#909a96;font-weight:500;text-align:left}.member-detail-table td{padding:13px 22px;border-top:1px solid #eef0ed;color:#6f7a76}.member-detail-table td strong{color:#34413d;font-weight:600}.member-badge{display:inline-flex;padding:4px 8px;border-radius:7px;color:#68736e;background:#eff1ef;font-size:8px}.member-badge.paid-member{color:#986d2f;background:#f7efdf}.member-detail-foot{display:flex;align-items:center;justify-content:space-between;padding:13px 22px;border-top:1px solid #eef0ed;color:#9aa39f;font-size:9px}.member-detail-foot button{border:0;color:#55776c;background:none;font-size:9px}.visit-chart .bar-pair{width:10%}.learning-summary{display:flex;flex-direction:column;gap:17px;padding:9px 22px 23px}.learning-row{display:grid;grid-template-columns:112px minmax(80px,1fr) 72px;align-items:center;gap:12px}.learning-row>div:first-child{display:flex;flex-direction:column;gap:4px}.learning-row strong{color:#34423d;font-size:11px}.learning-row span,.learning-row small{color:#98a19d;font-size:9px}.learning-row small{text-align:right}.learning-track{height:8px;overflow:hidden;border-radius:999px;background:#eef1ee}.learning-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2e705f,#d2aa62)}.insight-grid{grid-template-columns:minmax(0,1.45fr) minmax(315px,.75fr)}.ranking-panel{overflow-x:auto}.ranking-panel table{width:100%;min-width:600px;border-collapse:collapse;font-size:10px}.ranking-panel th{padding:12px 20px;background:#fafbf9;color:#9ba39f;font-weight:500;text-align:left}.ranking-panel td{padding:13px 20px;border-top:1px solid #f0f1ef;color:#77827e}.ranking-panel td strong{color:#34413d;font-weight:600}.rank-number{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;color:#2c6556;background:#e8f2ee;font-size:9px;font-weight:700}.ranking-panel tbody tr:nth-child(-n+3) .rank-number{color:#9a6b28;background:#f7efdf}.completion-value{color:#2e705f;font-weight:700}.learning-feed ul{list-style:none;margin:2px 0 0;padding:0 21px 14px}.learning-feed li{display:flex;align-items:center;gap:11px;padding:12px 0;border-top:1px solid #f0f1ef}.learning-feed li>span{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border-radius:9px;color:#2f6656;background:#e8f2ee;font-size:10px;font-weight:700}.learning-feed li div{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}.learning-feed li strong{font-size:10px}.learning-feed li small{overflow:hidden;color:#8f9995;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.learning-feed time{color:#a4aca8;font-size:8px;white-space:nowrap}
.behavior-title{align-items:flex-end}.back-link{margin:0 0 10px;padding:0;border:0;background:none;color:#5d7b71;font-size:10px}.behavior-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:15px}.behavior-summary>button{display:flex;min-height:128px;flex-direction:column;align-items:flex-start;padding:19px 20px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#3a4743;text-align:left;transition:.2s}.behavior-summary>button:hover,.behavior-summary>button.active{border-color:#79a392;box-shadow:0 7px 20px rgba(31,82,67,.08)}.behavior-summary>button.active{background:linear-gradient(145deg,#f7fbf9,#fff)}.behavior-summary span{color:#75807c;font-size:11px}.behavior-summary strong{margin:9px 0 7px;color:var(--green);font-size:24px}.behavior-summary small{color:#9ba49f;font-size:9px;line-height:1.65}.behavior-tabs{padding-top:16px;border-bottom:1px solid #edf0ec}.behavior-tools select{height:36px;padding:0 30px 0 11px;border:1px solid #e2e5e0;border-radius:8px;background:#fafbf9;color:#68736f;font-size:10px}.behavior-tools .module-search{width:min(360px,100%)}.behavior-table table{min-width:900px}.behavior-table .empty-state{border-top:1px solid #eef0ed}

@media(max-width:1100px){.metric-grid,.module-stats{grid-template-columns:1fr 1fr}.dashboard-grid,.dashboard-grid.lower,.insight-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:780px){.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:100vh;padding:30px}.mobile-brand{display:flex}.admin-app{grid-template-columns:76px minmax(0,1fr)}.sidebar{width:76px;padding:22px 10px}.side-brand{padding:0 7px 22px}.side-brand div,.sidebar nav>p,.nav-item strong,.nav-item em,.logout{display:none}.nav-item{justify-content:center;padding:0}.nav-item>span{margin:0}.nav-item.active:before{left:-10px}.workspace{grid-column:2}.topbar{padding:0 16px}.breadcrumbs,.search,.admin-user div,.admin-user>b{display:none}.dashboard,.module-page{padding:22px 16px}.page-heading,.module-title{align-items:flex-start}.page-heading .outline-button{display:none}.metric-grid,.module-stats{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.activity-panel{overflow-x:auto}.activity-panel table{min-width:620px}.learning-row{grid-template-columns:96px minmax(70px,1fr) 64px}.module-title{gap:15px}.module-title p{max-width:310px}.module-tabs{overflow-x:auto;gap:18px}.module-tabs button{flex:0 0 auto}.module-tools{flex-wrap:wrap}.module-search{width:100%}.module-table{min-width:780px}.form-row{flex-direction:column}.behavior-summary{grid-template-columns:1fr}.behavior-title{align-items:flex-start}.behavior-tools select{flex:1}.behavior-tabs{overflow-x:auto}}