:root{--navy:#102538;--navy2:#17354d;--gold:#c8a564;--ivory:#f5f0e5;--paper:#fffefa;--ink:#142231;--muted:#63707b;--line:rgba(16,43,65,.14);--red:#a52d35;--green:#24734d}*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;background:#f7f8f7;color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit}.top{min-height:92px;padding:12px max(22px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:22px;background:var(--paper);border-bottom:1px solid var(--line)}.portal-brand{display:flex;align-items:center;gap:13px;text-decoration:none}.portal-brand .mark{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:var(--gold);font-family:Georgia,serif;font-weight:800}.portal-brand strong,.portal-brand small{display:block}.portal-brand strong{font-family:Georgia,serif;font-size:1.22rem}.portal-brand small{color:var(--muted);font-size:.75rem;letter-spacing:.07em}.top nav{display:flex;gap:10px;align-items:center}.top nav a{padding:9px 13px;border-radius:999px;text-decoration:none;font-weight:750;color:var(--navy2)}.top nav a:hover{background:var(--ivory)}.shell{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:54px 0 80px}.page-title{margin-bottom:32px}.page-title h1{margin:3px 0 8px;font:700 clamp(2.1rem,5vw,4.1rem)/1.02 Georgia,serif;letter-spacing:-.035em}.page-title p{max-width:720px;margin:0;color:var(--muted)}.eyebrow{font:800 .72rem/1.2 system-ui!important;color:#8f692c!important;letter-spacing:.18em!important}.login-card,.form-card,.notice,.profile-head{padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 16px 50px rgba(16,37,56,.06)}.login-card{width:min(520px,100%);margin:auto}.login-card form,.form-card form{display:grid;gap:17px}label{display:grid;gap:7px;color:var(--navy2);font-weight:750}input,select,textarea{width:100%;padding:12px 13px;border:1px solid #cbd3d7;border-radius:11px;background:#fff;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(200,165,100,.18)}textarea{min-height:110px;resize:vertical}label small,.help,small{color:var(--muted);font-weight:500}.help{margin:22px 0 0;font-size:.9rem}.btn{display:inline-flex;min-height:46px;padding:0 20px;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--gold);color:var(--navy);font-weight:850;text-decoration:none;cursor:pointer}.btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn.ghost{border:1px solid var(--line);background:#fff}.alert{margin:0 0 22px;padding:13px 16px;border-radius:12px;background:#e3f4ea;color:#145f3b;font-weight:700}.alert.error{background:#f9e4e5;color:#8c2028}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:35px}.stats article{min-width:0;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}.stats span,.stats small{display:block}.stats span{font-weight:750;color:var(--muted)}.stats strong{display:block;margin:6px 0;color:var(--navy);font:700 2.5rem/1 Georgia,serif}.stats strong.word{font-size:1.45rem;overflow-wrap:anywhere}.notice{margin:0 0 36px;border-color:rgba(200,165,100,.6);background:linear-gradient(135deg,#fff,#faf4e8)}.notice h2,.section-head h2,.form-card h2,.profile-head h2{margin:0 0 9px;font:700 1.65rem/1.15 Georgia,serif}.notice p{margin:0}.section-head{margin:42px 0 16px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{padding:21px;border:1px solid var(--line);border-radius:17px;background:#fff}.card h3{margin:10px 0 8px}.card p{color:#4c5b66}.card.done{opacity:.72}.badge{display:inline-flex;padding:5px 10px;border-radius:999px;background:#edf1f2;color:var(--navy2);font-size:.78rem;font-weight:800}.badge.odendi,.badge.katildi{background:#dff2e7;color:#18613e}.badge.gecikti,.badge.gelmedi{background:#f9dfe1;color:#8c2028}.badge.mazeretli,.badge.bekliyor{background:#fff1ce;color:#7b5917}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:#fff}table{width:100%;border-collapse:collapse;min-width:670px}th,td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line)}th{background:#f0f3f3;color:var(--navy2);font-size:.82rem;text-transform:uppercase;letter-spacing:.05em}tr:last-child td{border-bottom:0}.empty{grid-column:1/-1;padding:26px;border:1px dashed #bcc7cc;border-radius:15px;color:var(--muted);background:#fff}.quick{display:flex;gap:12px}.admin-layout{display:grid;grid-template-columns:270px 1fr;gap:26px;align-items:start}.student-list{position:sticky;top:18px;max-height:80vh;overflow:auto;border:1px solid var(--line);border-radius:18px;background:#fff}.list-head{display:flex;justify-content:space-between;padding:16px;border-bottom:1px solid var(--line)}.student-link{display:block;padding:13px 16px;border-bottom:1px solid var(--line);text-decoration:none}.student-link strong,.student-link small{display:block}.student-link:hover,.student-link.active{background:var(--ivory)}.student-link.new{color:#7a581e;font-weight:800}.admin-content{min-width:0;display:grid;gap:22px}.profile-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.profile-head h2{margin:10px 0 5px}.profile-head p{margin:0;color:var(--muted);overflow-wrap:anywhere}.forms-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid{grid-template-columns:1fr 1fr}.form-grid .wide{grid-column:1/-1}footer{padding:24px;text-align:center;background:var(--navy);color:rgba(255,255,255,.72);font-size:.82rem}@media(max-width:850px){.stats{grid-template-columns:1fr 1fr}.card-grid{grid-template-columns:1fr}.admin-layout{grid-template-columns:1fr}.student-list{position:static;max-height:300px}.forms-two{grid-template-columns:1fr}}@media(max-width:600px){.top{min-height:76px;padding:10px 15px}.portal-brand .mark{width:48px;height:48px}.portal-brand strong{font-size:1rem}.portal-brand small{font-size:.64rem}.top nav a{padding:7px 8px;font-size:.78rem}.top nav a:first-child{display:none}.shell{width:min(100% - 24px,1180px);padding:34px 0 60px}.page-title h1{font-size:2.25rem}.stats{grid-template-columns:1fr 1fr;gap:10px}.stats article{padding:16px}.stats strong{font-size:2rem}.stats strong.word{font-size:1.15rem}.login-card,.form-card,.notice,.profile-head{padding:19px;border-radius:17px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.profile-head{align-items:flex-start;flex-direction:column}.quick{flex-direction:column}.btn{width:100%}}
