:root{color:#17211d;font-synthesis:none;text-rendering:optimizelegibility;background:#eef4f1;font-family:Inter,Noto Sans JP,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #d9e5df;padding:12px 10px}th{color:#52645c;font-size:12px;font-weight:700}.center-screen,.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #d8e5df;border-radius:8px;width:min(420px,100%);padding:32px;box-shadow:0 20px 60px #17211d14}.login-card h1{margin:16px 0 4px;font-size:24px}.login-card p{color:#61736b;margin:0 0 24px}.login-icon,.brand-mark{color:#fff;background:#0f766e;border-radius:8px;place-items:center;width:44px;height:44px;display:grid}.app-frame{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#eef7f4;background:#10231f;flex-direction:column;gap:18px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:12px;padding:4px 8px 14px;display:flex}.brand small{color:#91a9a0;display:block}.nav-list{gap:4px;display:grid}.nav-item{color:#dcebe6;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:10px 12px;text-decoration:none;display:flex}.nav-item.active,.nav-item:hover{background:#ffffff1a}.nav-item.ghost{margin-top:auto}.main-area{min-width:0;padding:24px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.topbar h1{margin:0;font-size:28px}.topbar p{color:#62736b;margin:4px 0 0}.topbar-logout{color:#174a42;white-space:nowrap;background:#fff;border:1px solid #cbd9d3;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:9px 12px;font-weight:700;display:inline-flex}.page-grid{grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.page-grid.wide{grid-template-columns:minmax(360px,560px) minmax(0,1fr)}.panel{background:#fff;border:1px solid #d8e5df;border-radius:8px;min-width:0;padding:18px}.panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel h2{margin:0;font-size:18px}.form-grid{gap:14px;display:grid}.form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.field{color:#50645b;gap:6px;font-size:13px;font-weight:700;display:grid}input,select,textarea{color:#17211d;background:#fff;border:1px solid #cbd9d3;border-radius:8px;width:100%;padding:10px 11px}textarea{resize:vertical;min-height:96px}.primary-button,.secondary-button,.icon-button,.inline-form button,td button,.line-primary,.line-content button,.line-list-button{border:0;border-radius:8px}.primary-button{color:#fff;background:#0f766e;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 14px;font-weight:700;display:inline-flex}.primary-button:disabled,.secondary-button:disabled,.line-primary:disabled{opacity:.55}.secondary-button{color:#174a42;background:#fff;border:1px solid #cbd9d3;border-radius:8px;min-height:38px;padding:8px 12px;font-weight:700}.icon-button{color:#0f766e;background:#edf5f2;place-items:center;width:38px;height:38px;display:grid}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.metric{background:#f8fbfa;border:1px solid #dce8e2;border-radius:8px;gap:2px;padding:16px;display:grid}.metric span{color:#66786f;font-size:13px}.metric strong{font-size:30px}.message{border-radius:8px;padding:10px 12px;font-size:14px}.message.error{color:#8f1d1d;background:#fdeaea}.message.info{color:#174a42;background:#e7f5ef}.empty{color:#66786f;text-align:center;padding:28px}.empty.compact{padding:16px}.activity-entry-form{border-top:1px solid #d9e5df;margin-top:18px;padding-top:18px}.activity-criterion{background:#f2faf7;border:1px solid #cfe3da;border-radius:8px;gap:4px;margin-top:18px;padding:14px;display:grid}.activity-criterion span,.activity-criterion small,.activity-achievement-cell small{color:#66786f;font-size:12px}.activity-criterion strong{color:#174a42;font-size:15px}.activity-summary{border-top:1px solid #d9e5df;gap:12px;margin-top:18px;padding-top:18px;display:grid}.activity-summary-header,.activity-draft-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.activity-draft-list{gap:8px;display:grid}.activity-draft-row{background:#f8fbfa;border:1px solid #dce8e2;border-radius:8px;padding:12px}.activity-draft-row strong,.activity-draft-row small{display:block}.activity-draft-row small{color:#66786f;margin-top:2px}.activity-achievement-cell span,.activity-achievement-cell small{display:block}.activity-achievement-cell small{margin-top:2px}.title-create-box{border-top:1px solid #d9e5df;gap:14px;margin-top:18px;padding-top:18px;display:grid}.title-create-box h3{margin:0;font-size:16px}.indicator-editor{gap:12px;display:grid}.indicator-axis{background:#f8fbfa;border:1px solid #dce8e2;border-radius:8px;gap:10px;padding:12px;display:grid}.check-list{border:1px solid #d8e5df;border-radius:8px;gap:8px;padding:12px;display:grid}.inline-form{gap:8px;margin-top:14px;display:flex}.inline-form button,td button{color:#0f766e;background:#edf5f2;padding:9px 12px}.list{gap:12px;display:grid}.list-item{border:1px solid #dce8e2;border-radius:8px;padding:14px}.list-item strong,.list-item small{display:block}.list-item small{color:#66786f;margin-top:4px}.stack{gap:8px;display:grid}.stack p{margin:0}.line-page{background:#f4f8f6;max-width:520px;min-height:100vh;margin:0 auto;padding:16px 14px 90px}.line-loading{color:#52645c;place-items:center;min-height:70vh;display:grid}.line-header,.line-card,.line-content,.line-list-button,.line-stat{background:#fff;border:1px solid #d8e5df;border-radius:8px}.line-header{gap:12px;margin-bottom:12px;padding:14px;display:grid}.line-header strong,.line-header span{display:block}.line-header span{color:#66786f;font-size:13px}.line-content{gap:12px;padding:14px;display:grid}.line-card{gap:10px;padding:14px;display:grid}.line-card h1,.line-card h2{margin:0}.line-form{gap:10px;display:grid}.line-primary,.line-content button{color:#fff;background:#06c755;min-height:44px;padding:11px 14px;font-weight:800}.line-danger{justify-content:center;align-items:center;gap:8px;display:inline-flex;background:#e24a4a!important}.line-student{background:#edf8f2;border-radius:8px;padding:16px;font-size:20px;font-weight:800}.line-list-button{text-align:left;color:inherit;background:#fff;gap:4px;padding:14px;display:grid}.line-list-button small,.line-list-button span{color:#66786f}.line-nav{background:#fff;border-top:1px solid #d8e5df;grid-template-columns:repeat(4,1fr);max-width:520px;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.line-nav button{color:#65766f;background:0 0;border:0;place-items:center;gap:3px;min-height:62px;font-size:12px;display:grid}.line-nav button.active{color:#06a347;font-weight:800}.line-stat{gap:6px;padding:14px;display:grid}.line-stat div{background:#e5eee9;border-radius:10px;height:10px;overflow:hidden}.line-stat i{border-radius:inherit;background:#06c755;height:100%;display:block}@media (width<=920px){.app-frame{grid-template-columns:1fr}.sidebar{height:auto;position:static}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.page-grid,.page-grid.wide,.form-grid.three{grid-template-columns:1fr}}