body{margin:0;font-family:Noto Sans SC,PingFang SC,sans-serif;background:#f4f7f5;color:#183028}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#123c31,#0c2821);color:#eef7f3;padding:24px 18px}.sidebar h1{margin:0 0 20px;font-size:20px}.session-card{margin-bottom:18px;padding:14px;border-radius:14px;background:#ffffff14;display:grid;gap:10px}.session-card input{background:#fffffff2}.session-meta{margin:0;font-size:13px;color:#d9ebe4}.session-error{margin:0;font-size:13px;color:#ffd5d2}.nav-link{display:block;padding:10px 12px;border-radius:10px;margin-bottom:8px}.nav-link.active{background:#ffffff24}.main{padding:24px 28px}.panel{background:#fff;border-radius:16px;padding:18px;box-shadow:0 10px 30px #123c3114}.compact-panel{padding:14px 18px}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{padding:16px;border-radius:14px;background:linear-gradient(135deg,#f1faf5,#e3f1ea)}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:10px 12px;border-bottom:1px solid #e2ebe7}input,select,button,textarea{font:inherit}input,select{width:100%;margin-top:6px;padding:10px 12px;border:1px solid #c9d9d1;border-radius:10px;background:#fff}button{border:none;border-radius:10px;padding:10px 14px;background:#123c31;color:#fff;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.ghost-button{background:#eef5f1;color:#183028}.page-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.inline-form{display:grid;gap:12px;margin-top:16px}.inline-form.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.inline-form.four-columns{grid-template-columns:repeat(4,minmax(0,1fr))}.inline-form.compact{align-items:end}.button-group{display:flex;gap:8px;flex-wrap:wrap}.button-group.end{justify-content:flex-end;align-items:end}.helper-text{margin:14px 0 0;color:#5c726a}.error-text{margin-top:12px;color:#b42318}.tabs{display:flex;gap:10px;margin-bottom:16px}.tab-button{background:#e6efea;color:#183028}.tab-button.active{background:#123c31;color:#fff}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.status-badge.success{background:#e4f6ea;color:#166534}.status-badge.danger{background:#fce7e7;color:#b42318}.pagination-row{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:16px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c28215c;display:flex;justify-content:flex-end;z-index:20}.drawer{width:min(720px,100%);height:100%;background:#f9fcfa;padding:20px;overflow-y:auto;box-shadow:-16px 0 48px #0c282133}.drawer-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.drawer-header h3{margin:0}.drawer-header p{margin:6px 0 0;color:#5c726a}.drawer-body{display:grid;gap:16px;margin-top:20px}.detail-block{background:#fff;border-radius:14px;padding:14px;box-shadow:0 8px 24px #123c310f}.detail-block h4{margin:0 0 10px}.detail-block pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:SFMono-Regular,Menlo,monospace;font-size:13px}.cell-subtext{margin-top:4px;color:#5c726a;font-size:12px}@media(max-width:960px){.layout{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:10}.inline-form.three-columns,.inline-form.four-columns,.grid.two,.page-header,.pagination-row{grid-template-columns:1fr;display:grid}.drawer{width:100%}}