:root{color:#eaf2ff;background:radial-gradient(circle at top,#152544 0%,#0d172c 48%,#0a1020 100%);font-family:Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}h1,h2,h3,p{margin:0}button,input,select,textarea{font:inherit}.app-shell{box-sizing:border-box;width:min(1280px,100%);margin:0 auto;padding:20px}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141e37b3;border:1px solid #82a0dc40;border-radius:16px}.top-panel{padding:18px 20px}.top-panel h1{margin:0 0 10px;font-size:clamp(20px,2.5vw,30px)}.notice-bar{color:#bed2ff;margin:10px 0 0}.sync-status{margin:6px 0 0;font-size:13px}.sync-status.local,.sync-status.synced{color:#81e6b5}.sync-status.syncing{color:#f6c177}.sync-status.error{color:#fda4af}.hidden-input{display:none}.kpi-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.kpi-row.compact{grid-template-columns:repeat(6,minmax(0,1fr))}.kpi-card{text-align:left;background:#384f7f40;border:1px solid #6d98ff38;border-radius:12px;padding:10px}.kpi-card span{color:#9db0cf;font-size:12px}.kpi-card strong{color:#eff5ff;margin-top:4px;font-size:18px;display:block}.tab-row{flex-wrap:wrap;gap:10px;margin:14px 0;display:flex}.tab-btn{color:#dbe8ff;cursor:pointer;background:#26355d80;border:1px solid #7891c84d;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.tab-btn.active{background:#5980ff61;border-color:#82aaffa6}.panel-grid{gap:14px;display:grid}.panel-grid.two-col{grid-template-columns:1fr 1fr}.panel-grid.one-col{grid-template-columns:1fr}.panel{padding:16px}.panel h2{align-items:center;gap:8px;margin:0 0 12px;font-size:18px;display:flex}.panel h3{color:#d9e7ff;margin:14px 0 10px;font-size:15px}textarea,input,select{color:#f2f7ff;box-sizing:border-box;background:#141e37a8;border:1px solid #7c96d161;border-radius:10px;width:100%;padding:9px 10px}textarea{resize:vertical}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.checkbox-row{color:#c7dafb;align-items:center;gap:8px;display:inline-flex}.checkbox-row input{width:16px;height:16px;margin:0}.inline-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.primary-btn,.ghost-btn,.mini-btn{color:#eaf3ff;cursor:pointer;background:#324a7fb8;border:1px solid #84a0e373;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.primary-btn{background:linear-gradient(120deg,#4f7bff,#7a5cff)}.ghost-btn{background:#2c416d6b}.ghost-btn.active-filter{background:#5980ff73}.mini-btn:disabled{opacity:.45;cursor:not-allowed}.task-list,.simple-list{gap:10px;display:grid}.task-card,.list-item{background:#27396259;border:1px solid #7e95cc4d;border-radius:12px;padding:10px}.task-main{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.subject-tag{color:#fff;border-radius:999px;padding:2px 8px;font-size:12px;display:inline-block}.status-badge{border-radius:999px;padding:2px 8px;font-size:12px}.status-badge.todo{background:#7e95cc4d}.status-badge.pending{background:#f59e0b33}.status-badge.done{background:#10b9813d}.status-badge.rejected{background:#ef44443d}.task-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.task-meta{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.task-meta em{color:#d6e5ff;border:1px solid #7e95cc59;border-radius:999px;padding:2px 8px;font-size:12px;font-style:normal}.week-row{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.day-pill{color:#d9e6ff;cursor:pointer;background:#27396259;border:1px solid #7e95cc47;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;display:flex}.day-pill strong{color:#f1f6ff}.day-pill small{color:#9eb5de}.day-pill small.ok{color:#58d8a4}.day-pill.active{background:#5a81ff4d;border-color:#82aaffb3}.hint-text{color:#b5caed;margin:6px 0 0}.recording-list{border:1px solid #7e95cc4d;border-radius:10px;gap:8px;margin-top:10px;padding:10px;display:grid}.recording-title{color:#dbe8ff;justify-content:space-between;align-items:center;display:flex}.recording-item{color:#aac2ea;gap:6px;font-size:12px;display:grid}.recording-item audio{width:100%}.review-text{color:#ffd9a0;margin:6px 0 0}.placeholder{color:#a2b7dd}.timer-box{text-align:center;border:1px solid #7e95cc66;border-radius:12px;margin:12px 0;padding:12px}.timer-box strong{color:#eff5ff;font-size:36px;display:block}.timer-box span{color:#b6cbef}.inline-label{color:#d5e4ff;gap:6px;display:grid}.upload-label{color:#eaf3ff;cursor:pointer;background:#324a7fb8;border:1px solid #84a0e373;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.upload-label input{opacity:0;width:0;height:0;position:absolute}.habit-chip{border:1px solid #0000;border-radius:999px;padding:2px 8px;font-size:12px}.habit-chip.positive{background:#35ce9333;border-color:#35ce9380}.habit-chip.negative{background:#fc777733;border-color:#fc777780}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.chart-card{background:#27396259;border:1px solid #7e95cc4d;border-radius:12px;padding:10px}.report-box{background:#27396259;border:1px solid #7e95cc4d;border-radius:12px;margin-top:10px;padding:12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #7e95cc40;padding:8px}.app-footer{color:#adc3ea;text-align:center;margin:12px 0 0}@media (width<=980px){.kpi-row,.kpi-row.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-grid.two-col,.chart-grid{grid-template-columns:1fr}.week-row{grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}}