:root{--nav:#111b31;--nav2:#172440;--blue:#2f6df6;--cyan:#18a8e0;--bg:#f4f7fb;--text:#1d2939;--muted:#718096;--line:#e5eaf1;--green:#11a36a;--red:#df4e55;--amber:#ef9b2d;--shadow:0 8px 28px rgba(30,50,90,.08)}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--text);background:var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.login-screen{min-height:100%;display:grid;grid-template-columns:1fr 520px;align-items:center;padding:7vw;background:radial-gradient(circle at 25% 25%,rgba(24,168,224,.23),transparent 33%),linear-gradient(135deg,#08142d,#163568 65%,#0b5a77);color:white}.login-brand{display:flex;align-items:center;gap:20px}.brand-mark{width:70px;height:70px;border-radius:22px;display:grid;place-items:center;font-size:40px;font-weight:900;background:linear-gradient(145deg,#56c8f3,#306ef5);box-shadow:0 20px 50px #04112c}.login-brand b{display:block;font-size:36px}.login-brand span{display:block;color:#c7d7ee;margin-top:8px}.login-card{background:white;color:var(--text);padding:45px;border-radius:22px;box-shadow:0 30px 80px #05122c99}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--blue);font-weight:700}.login-card h1{margin:12px 0 4px;font-size:30px}.login-card p{color:var(--muted);margin:0 0 28px}.login-card label,.form-grid label{display:grid;gap:8px;font-size:13px;color:#536179;margin-bottom:16px}input,textarea,select{width:100%;border:1px solid #dce3ed;border-radius:9px;padding:11px 12px;background:white;color:var(--text);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2f6df619}textarea{min-height:100px;resize:vertical}.primary{border:0;color:white;background:linear-gradient(135deg,var(--blue),#4d8aff);padding:10px 18px;border-radius:8px;font-weight:650}.wide{width:100%;padding:13px}.ghost{border:1px solid var(--line);background:white;padding:8px 13px;border-radius:8px;color:#526077}.demo-accounts{display:flex;gap:8px;align-items:center;margin-top:22px;font-size:12px;color:var(--muted);flex-wrap:wrap}.demo-accounts button{border:0;border-radius:20px;background:#edf3ff;color:var(--blue);padding:6px 10px}.app{height:100%;display:flex}.sidebar{width:236px;flex:none;background:linear-gradient(180deg,var(--nav),#101827);color:#d7deea;display:flex;flex-direction:column}.logo{height:76px;padding:16px 20px;display:flex;gap:12px;align-items:center;border-bottom:1px solid #ffffff12}.brand-mark.small{width:42px;height:42px;border-radius:12px;font-size:24px;box-shadow:none}.logo b,.logo span{display:block}.logo b{font-size:19px;color:white}.logo span{font-size:11px;color:#8fa1bd;margin-top:2px}.sidebar nav{padding:16px 10px;overflow:auto;flex:1}.nav-group{font-size:10px;color:#73829b;padding:18px 14px 6px;letter-spacing:1px}.nav-item{width:100%;display:flex;align-items:center;gap:11px;border:0;background:transparent;color:#bec9d9;padding:11px 13px;border-radius:8px;text-align:left;margin:2px 0}.nav-item:hover{background:#ffffff0b;color:white}.nav-item.active{background:linear-gradient(90deg,#2d6cf6,#2d6cf622);color:white}.nav-icon{width:20px;text-align:center;font-size:16px}.sidebar-foot{padding:17px 20px;border-top:1px solid #ffffff12;font-size:11px;color:#98a7bd}.sidebar-foot small{float:right}.online-dot{display:inline-block;width:7px;height:7px;background:#2dd68f;border-radius:50%;margin-right:6px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.main header{height:64px;flex:none;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;justify-content:space-between}.breadcrumb{display:flex;gap:10px;align-items:center;font-size:13px}.breadcrumb span,.breadcrumb i{color:#9ba8bb;font-style:normal}.header-actions{display:flex;align-items:center;gap:14px}.badge{font-size:11px;padding:5px 9px;border-radius:20px;background:#eef2f6;color:#748096}.badge.on{background:#e5f8f0;color:#078557}.user-pill{display:flex;align-items:center;gap:9px}.user-pill>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eaf1ff;color:var(--blue);font-weight:700}.user-pill b,.user-pill small{display:block}.user-pill b{font-size:12px}.user-pill small{color:#8b98a9;font-size:10px;margin-top:2px}.icon-btn{display:none;border:0;background:transparent;font-size:22px}.main main{overflow:auto;padding:24px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px}.page-head h1{margin:0;font-size:23px}.page-head p{margin:6px 0 0;color:var(--muted);font-size:13px}.hero{background:linear-gradient(115deg,#132c5c,#245ed5 65%,#27a3d6);border-radius:16px;color:white;padding:27px 30px;margin-bottom:18px;position:relative;overflow:hidden}.hero:after{content:"AI";position:absolute;right:35px;top:-30px;font-size:150px;font-weight:900;color:#ffffff0d}.hero h2{margin:0 0 8px}.hero p{margin:0;color:#dce9ff}.stats{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:14px;margin-bottom:18px}.stat,.panel{background:white;border:1px solid #e8edf4;border-radius:12px;box-shadow:var(--shadow)}.stat{padding:18px}.stat .num{font-size:27px;font-weight:750;margin:6px 0}.stat .label{font-size:12px;color:var(--muted)}.stat .trend{font-size:11px;color:var(--green)}.panel{padding:20px;margin-bottom:16px}.grid-2{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-head h3{margin:0;font-size:16px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick{border:1px solid var(--line);border-radius:10px;background:#fbfcfe;padding:15px;text-align:left}.quick b,.quick small{display:block}.quick small{color:var(--muted);margin-top:5px}.quick:hover{border-color:#9bb9fb;background:#f4f8ff}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#66748a;font-weight:600;background:#f7f9fc}th,td{padding:12px 13px;border-bottom:1px solid #edf0f4}tbody tr:hover{background:#f8fbff}.tag{display:inline-block;padding:4px 8px;border-radius:20px;font-size:11px;background:#edf3ff;color:var(--blue)}.tag.green{background:#e8f8f2;color:#08895a}.tag.red{background:#ffebed;color:#c93541}.tag.amber{background:#fff2df;color:#ad6b10}.empty{text-align:center;padding:40px;color:var(--muted)}.toolbar{display:flex;gap:10px;align-items:center}.toolbar input,.toolbar select{width:auto;min-width:140px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 16px}.form-grid .full{grid-column:1/-1}.modal{position:fixed;inset:0;background:#0b153166;display:grid;place-items:center;padding:24px;z-index:20}.modal-box{position:relative;background:white;width:min(720px,100%);max-height:90vh;overflow:auto;border-radius:16px;padding:28px;box-shadow:0 25px 80px #101b3780}.modal-close{position:absolute;right:16px;top:13px;border:0;background:transparent;font-size:27px;color:#8590a0}.modal h2{margin-top:0}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.danger-link,.link{border:0;background:transparent;color:var(--blue);padding:4px}.danger-link{color:var(--red)}.toast{position:fixed;right:24px;top:78px;z-index:50;background:#1d2939;color:white;border-radius:9px;padding:12px 17px;box-shadow:var(--shadow);opacity:0;transform:translateY(-10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{background:#b8323e}.task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.task-card{background:white;border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:var(--shadow)}.task-card .industry{color:var(--blue);font-size:12px;font-weight:700}.task-card h3{font-size:16px;margin:8px 0}.task-card p{color:var(--muted);font-size:12px;line-height:1.7;min-height:42px}.task-card footer{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.practice-layout{height:calc(100vh - 112px);display:grid;grid-template-columns:1fr 330px;gap:16px}.chat-panel{background:white;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;min-height:0}.chat-head{padding:16px 19px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.messages{flex:1;overflow:auto;padding:20px}.msg{display:flex;gap:10px;margin-bottom:16px}.msg.user{justify-content:flex-end}.bubble{max-width:72%;padding:11px 14px;border-radius:14px;background:#f0f3f7;line-height:1.65;font-size:13px}.msg.user .bubble{background:linear-gradient(135deg,#3980f7,#2d66d5);color:white}.feedback{border-left:3px solid var(--amber);background:#fff8ea;padding:9px 12px;margin:0 0 15px auto;max-width:72%;font-size:12px;color:#8b5d17}.chat-input{border-top:1px solid var(--line);padding:14px;display:flex;gap:9px}.chat-input textarea{min-height:48px;height:48px}.coach-panel{background:white;border:1px solid var(--line);border-radius:14px;padding:18px;overflow:auto}.coach-panel h3{margin-top:0}.coach-tip{padding:12px;background:#f4f8ff;border-radius:9px;font-size:12px;color:#536782;line-height:1.65;margin-bottom:10px}.report-score{text-align:center;padding:18px}.report-score strong{font-size:55px;color:var(--blue)}.score-row{display:grid;grid-template-columns:100px 1fr 40px;align-items:center;gap:10px;margin:10px 0;font-size:12px}.score-bar{height:8px;background:#edf1f6;border-radius:8px;overflow:hidden}.score-bar i{display:block;height:100%;background:linear-gradient(90deg,#27a7de,#316ef5)}.report-section{padding:13px;background:#f7f9fc;border-radius:9px;margin:10px 0}.report-section b{display:block;margin-bottom:7px}.report-section p{margin:0;color:#657388;line-height:1.7;font-size:13px}.ai-studio{display:grid;grid-template-columns:360px 1fr;gap:16px}.output{white-space:pre-wrap;line-height:1.8;background:#101b31;color:#dbe8ff;min-height:380px;border-radius:10px;padding:20px;font-size:13px}.bars{display:grid;gap:13px}.bar-row{display:grid;grid-template-columns:90px 1fr 50px;align-items:center;gap:10px;font-size:12px}.bar{height:10px;background:#edf1f6;border-radius:10px;overflow:hidden}.bar span{height:100%;display:block;background:linear-gradient(90deg,#24a6d9,#326df4)}@media(max-width:1100px){.stats{grid-template-columns:repeat(3,1fr)}.task-grid{grid-template-columns:repeat(2,1fr)}.ai-studio{grid-template-columns:1fr}.practice-layout{grid-template-columns:1fr}.coach-panel{display:none}}@media(max-width:760px){.login-screen{grid-template-columns:1fr;padding:20px}.login-brand{display:none}.login-card{padding:30px}.sidebar{position:fixed;z-index:30;height:100%;transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.icon-btn{display:block}.main header{padding:0 12px}.breadcrumb span,.breadcrumb i,.badge,.user-pill div{display:none}.main main{padding:14px}.stats{grid-template-columns:repeat(2,1fr)}.grid-2,.task-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;gap:10px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.toolbar{flex-wrap:wrap}.practice-layout{height:calc(100vh - 92px)}.header-actions{gap:7px}}