*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}*{--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgba(59, 130, 246, .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color:inherit}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button{background-color:transparent;background-image:none}button,[role=button]{cursor:pointer}html{-webkit-text-size-adjust:100%;font-family:Noto Sans SC,Source Han Sans SC,sans-serif;line-height:1.5}h1,h2,h3{font-size:inherit;font-weight:inherit}input::placeholder{opacity:1;color:#9ca3af}input::webkit-input-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder{opacity:1;color:#9ca3af}input::-ms-input-placeholder{opacity:1;color:#9ca3af}p,h1,h2,h3{margin:0}textarea{resize:vertical}textarea::placeholder{opacity:1;color:#9ca3af}textarea::webkit-input-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.bg-mist{--tw-bg-opacity: 1;background-color:rgba(238,244,242,var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-sea{--tw-bg-opacity: 1;background-color:rgba(43,122,120,var(--tw-bg-opacity))}.bg-opacity-12{--tw-bg-opacity: .12}.border-white{--tw-border-opacity: 1;border-color:rgba(255,255,255,var(--tw-border-opacity))}.border-opacity-16{--tw-border-opacity: .16}.rounded-full{border-radius:9999px}.border{border-width:1px}.block{display:block}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex}.table-row{display:table-row}.grid{display:-ms-grid;display:grid}.hidden{display:none}.flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.flex-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.items-start{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.font-black{font-weight:900}.font-bold{font-weight:700}.h-full{height:100%}.h-12{height:3rem}.h-2{height:.5rem}.text-xs{font-size:.75rem;line-height:1rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.leading-tight{line-height:1.25}.leading-8{line-height:2rem}.leading-7{line-height:1.75rem}.leading-6{line-height:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-2{margin-top:.5rem}.mt-1{margin-top:.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-3{margin-top:.75rem}.mb-3{margin-bottom:.75rem}.max-w-7xl{max-width:80rem}.max-w-6xl{max-width:72rem}.max-w-2xl{max-width:42rem}.max-w-xs{max-width:20rem}.min-h-screen{min-height:100vh}.min-h-24{min-height:6rem}.min-h-20{min-height:5rem}.min-h-28{min-height:7rem}.min-w-0{min-width:0px}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-65{opacity:.65}.overflow-hidden{overflow:hidden}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-8{padding:2rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-left{text-align:left}.text-right{text-align:right}.text-sea{--tw-text-opacity: 1;color:rgba(43,122,120,var(--tw-text-opacity))}.text-ink{--tw-text-opacity: 1;color:rgba(31,41,51,var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-copper{--tw-text-opacity: 1;color:rgba(184,92,56,var(--tw-text-opacity))}.text-moss{--tw-text-opacity: 1;color:rgba(79,111,82,var(--tw-text-opacity))}.text-opacity-55{--tw-text-opacity: .55}.text-opacity-60{--tw-text-opacity: .6}.text-opacity-78{--tw-text-opacity: .78}.text-opacity-65{--tw-text-opacity: .65}.text-opacity-70{--tw-text-opacity: .7}.text-opacity-72{--tw-text-opacity: .72}.text-opacity-68{--tw-text-opacity: .68}.text-opacity-66{--tw-text-opacity: .66}.w-full{width:100%}.gap-4{grid-gap:1rem;gap:1rem}.gap-3{grid-gap:.75rem;gap:.75rem}.gap-5{grid-gap:1.25rem;gap:1.25rem}.gap-8{grid-gap:2rem;gap:2rem}.gap-2{grid-gap:.5rem;gap:.5rem}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[90px\,1fr\]{grid-template-columns:90px 1fr}@media (min-width: 640px){.sm\:block{display:block}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 768px){.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-\[260px\,1fr\]{grid-template-columns:260px 1fr}.lg\:grid-cols-\[1\.05fr\,0\.95fr\]{grid-template-columns:1.05fr .95fr}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-\[1fr\,1fr\,auto\]{grid-template-columns:1fr 1fr auto}.lg\:col-span-2{-ms-grid-column-span:span 2 / span 2;grid-column:span 2 / span 2}}@media (min-width: 1280px){.xl\:flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row}.xl\:items-start{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.xl\:justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.xl\:grid-cols-\[1\.15fr\,0\.85fr\]{grid-template-columns:1.15fr .85fr}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}html{background:#eef4f2;color:#1f2933}body{margin:0;min-width:320px;font-family:Noto Sans SC,Source Han Sans SC,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}.surface{background:#ffffffdb;border:1px solid rgba(31,41,51,.08);box-shadow:0 18px 45px #1f293314}.field{width:100%;border:1px solid rgba(31,41,51,.14);border-radius:8px;background:#fff;padding:10px 12px;outline:none}.field:focus{border-color:#2b7a78;box-shadow:0 0 0 3px #2b7a7824}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border-radius:8px;padding:8px 14px;font-weight:700;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:#2b7a78;color:#fff;box-shadow:0 10px 24px #2b7a783d}.btn-danger{background:#b85c38;color:#fff;box-shadow:0 10px 24px #b85c3833}.btn-ghost{background:#ffffffb8;color:#1f2933;border:1px solid rgba(31,41,51,.12)}.chip{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700;background:#4f6f521f;color:#3f5f42}.page-bg{min-height:100vh;background:linear-gradient(125deg,rgba(43,122,120,.14),transparent 34%),radial-gradient(circle at 88% 12%,rgba(244,215,161,.62),transparent 28%),linear-gradient(180deg,#eef4f2,#f7f2ea)}.login-bg{position:relative;overflow:hidden;background:radial-gradient(circle at 16% 16%,rgba(244,215,161,.34),transparent 30%),radial-gradient(circle at 88% 24%,rgba(43,122,120,.32),transparent 34%),linear-gradient(135deg,#17252a,#214044 48%,#2b7a78)}.login-bg:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.72),transparent);mask-image:linear-gradient(90deg,rgba(0,0,0,.72),transparent)}.login-bg>section{position:relative;z-index:1}.login-metric{border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:16px;background:#ffffff1a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.login-panel{border:1px solid rgba(255,255,255,.72);border-radius:28px;background:#ffffffe6;padding:28px;box-shadow:0 30px 80px #07171c42;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.role-card{display:flex;min-height:94px;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;border:1px solid rgba(31,41,51,.1);border-radius:18px;background:#fff;color:#1f2933;padding:16px;text-align:left}.role-card.active{border-color:#2b7a7870;background:linear-gradient(135deg,#2b7a7824,#f4d7a14d);box-shadow:0 16px 34px #2b7a7821}.form-label{color:#1f2933ad;font-size:13px;font-weight:900}.demo-account{border-radius:12px;background:#ffffffc7;color:#2b7a78;padding:9px 10px;font-weight:900;text-align:left}.topbar{height:74px;border-bottom:1px solid rgba(31,41,51,.08);background:#ffffffb8;box-shadow:0 12px 35px #1f29330f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-mark{display:grid;width:44px;height:44px;place-items:center;border-radius:16px;background:linear-gradient(135deg,#2b7a78,#4f6f52);color:#fff;font-weight:900;box-shadow:0 14px 28px #2b7a7847}.admin-sidebar{align-self:start;border:1px solid rgba(31,41,51,.08);border-radius:22px;background:#ffffffd1;padding:18px;box-shadow:0 18px 45px #1f293314;position:sticky;top:94px}.project-nav{display:flex;width:100%;flex-direction:column;gap:5px;border:1px solid rgba(31,41,51,.08);border-radius:16px;background:#eef4f29e;color:#1f2933;padding:13px;text-align:left}.project-nav.active{border-color:#2b7a785c;background:#fff;box-shadow:0 14px 28px #2b7a781c}.admin-menu{display:flex;width:100%;flex-direction:column;gap:4px;border-radius:12px;background:transparent;color:#1f2933b8;padding:12px 13px;text-align:left;text-decoration:none}.admin-menu.active,.admin-menu:hover{background:#2b7a78;color:#fff;box-shadow:0 12px 24px #2b7a782e}.action-card{display:flex;min-height:94px;flex-direction:column;justify-content:center;gap:6px;border:1px solid rgba(31,41,51,.08);border-radius:18px;background:#eef4f2bd;color:#1f2933;padding:18px;text-decoration:none;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.action-card:hover{transform:translateY(-1px);border-color:#2b7a7857;background:#fff;box-shadow:0 16px 30px #1f293314}.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.project-row{display:grid;width:100%;grid-template-columns:minmax(220px,1fr) 110px 110px 100px;gap:12px;align-items:center;border:1px solid rgba(31,41,51,.08);border-radius:14px;background:#ffffffb8;color:#1f2933;padding:14px;text-align:left;text-decoration:none}.project-row.active,.project-row:hover{border-color:#2b7a7857;background:#fff;box-shadow:0 14px 28px #1f293314}.table-lite{overflow:hidden;border:1px solid rgba(31,41,51,.08);border-radius:16px;background:#ffffffb8}.table-row{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:12px;border-bottom:1px solid rgba(31,41,51,.07);padding:13px 14px;font-size:14px}.table-row:last-child{border-bottom:0}.student-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid rgba(255,255,255,.78);border-radius:30px;background:radial-gradient(circle at 92% 22%,rgba(244,215,161,.56),transparent 28%),linear-gradient(135deg,#ffffffe6,#eef4f2d1);padding:28px;box-shadow:0 22px 55px #1f293314}.student-hero-card{min-width:180px;border-radius:24px;background:#fff;padding:22px;box-shadow:0 18px 38px #2b7a781f}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.student-project-card{display:block;border:1px solid rgba(31,41,51,.08);border-radius:24px;background:linear-gradient(180deg,#ffffffeb,#ffffffc7),#fff;color:#1f2933;padding:22px;text-decoration:none;box-shadow:0 20px 45px #1f293314;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.student-project-card:hover{transform:translateY(-3px);border-color:#2b7a784d;box-shadow:0 26px 60px #2b7a7824}.progress-box{min-width:220px;border-radius:22px;background:linear-gradient(135deg,#eef4f2f2,#f4d7a157);padding:18px}.stage-block{position:relative;border-left:2px solid rgba(43,122,120,.22);padding-left:18px}.stage-index{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:12px;background:#2b7a78;color:#fff;font-weight:900}.task-card{width:100%;border:1px solid rgba(31,41,51,.08);border-radius:18px;background:#ffffffb8;color:#1f2933;padding:16px;text-align:left;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.task-card:hover,.task-card.active{transform:translateY(-1px);border-color:#2b7a7857;box-shadow:0 16px 30px #1f293314}.env-box,.record-box{border:1px solid rgba(31,41,51,.08);border-radius:18px;background:#eef4f2bd;padding:14px}.env-box{margin-top:18px;background:linear-gradient(135deg,#2b7a781a,#f4d7a13d),#eef4f2bd}@media (max-width: 1023px){.admin-sidebar{position:static}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 767px){.section-title,.student-hero{flex-direction:column}.project-row,.table-row,.project-grid{grid-template-columns:1fr}.student-hero-card{width:100%}}