:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#1e3029;background:#f4f3ed;font-size:16px}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #c9d3ca;border-radius:.7rem;background:#fff;color:#17372a;padding:.72rem 1rem;font-weight:650}button:hover{border-color:#315c44;background:#edf4ee}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a3c795;outline-offset:2px}.primary{background:#20583b;color:#fff;border-color:#20583b}.primary:hover{background:#17482f;color:#fff}.plain{border:0;background:none;color:#fff}.hidden{display:none!important}.topbar{height:78px;background:#172b24;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1180px)/2));gap:1rem}.brand{display:flex;align-items:center;gap:.8rem}.brand strong,.brand small{display:block}.brand small{font-size:.75rem;color:#c6d5ca;margin-top:.18rem}.crest{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid #b7c9aa;color:#d5dfc4;font-size:1.3rem}main{max-width:1180px;margin:auto;padding:36px 20px 70px}footer{text-align:center;padding:26px;color:#69776f;font-size:.83rem;border-top:1px solid #dce2d8}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:5rem;align-items:center;min-height:calc(100vh - 210px)}h1{font-family:Georgia,serif;font-size:clamp(2.5rem,5vw,4.3rem);line-height:1.08;margin:.25rem 0 1.2rem;font-weight:500}h2{font-family:Georgia,serif;font-size:1.45rem;font-weight:500;margin:0 0 1rem}p{line-height:1.55}.intro>p:not(.eyebrow){max-width:520px;font-size:1.2rem;color:#5c6e60}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:800;color:#a56f34;margin:0 0 .7rem}.facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:2rem}.facts span,.badge,.chip{display:inline-block;background:#e4ebdd;color:#29523a;border-radius:99px;padding:.5rem .8rem;font-size:.84rem;font-weight:700}.panel{background:#fff;border:1px solid #dfe4da;border-radius:1.1rem;box-shadow:0 7px 26px #1b38270a;padding:1.5rem}.login-panel{padding:2rem}.tabs{display:flex;background:#f0f2ec;padding:4px;border-radius:.8rem;margin-bottom:1.6rem}.tab{flex:1;background:transparent;border:0}.tab.active{background:#fff;box-shadow:0 1px 5px #0001}.stack{display:grid;gap:.9rem}.stack label{display:grid;gap:.38rem;font-size:.88rem;font-weight:700}.hint{font-weight:400;color:#78877b}input,select,textarea{width:100%;background:#fff;border:1px solid #cbd6cb;border-radius:.65rem;padding:.72rem .8rem;color:#1e3029}textarea{resize:vertical}.stack button{margin-top:.25rem}#message{position:sticky;top:8px;z-index:3;max-width:700px;margin:auto}#message:not(:empty){background:#eff8ed;border:1px solid #a7c8a1;padding:.8rem 1rem;border-radius:.75rem;margin-bottom:1rem}#message.error{background:#fff1ef;border-color:#e7ada3;color:#8a2f20}.page-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.page-head h1{font-size:2.7rem;margin:0}.page-head select{width:auto;min-width:190px}.layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.85fr);gap:1.2rem}.main-column,.side-column{display:grid;align-content:start;gap:1.2rem}.graduation-card{background:#e8efe3;border-color:#d3e2d0}.graduation-line{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.graduation-number{font-family:Georgia,serif;font-size:3rem}.stars{color:#b99341;letter-spacing:.18em;font-size:1.5rem}.muted{color:#68796d}.metric{display:flex;justify-content:space-between;gap:1rem;margin:.7rem 0 .3rem;font-weight:650;font-size:.92rem}.track{height:9px;border-radius:99px;background:#e9eee8;overflow:hidden}.track span{display:block;height:100%;background:#4c8661;border-radius:99px}.requirement{padding:.5rem 0;border-bottom:1px solid #edf0ea}.requirement:last-child{border:0}.ok{color:#267449}.pending{color:#9a6635}.color-strip{display:inline-block;padding:.35rem .6rem;margin:.2rem;border-radius:.35rem;color:#fff;font-size:.8rem;font-weight:750}.color-strip.blau{background:#4779ad}.color-strip.gelb{background:#d8af3f;color:#382e15}.color-strip.orange{background:#d78237}.color-strip.lila{background:#8966a1}.color-strip.braun{background:#8c6548}.color-strip.missing{opacity:.25}.list-row{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid #edf0ea}.list-row:last-child{border:0}.staff-nav{display:flex;overflow-x:auto;gap:.5rem;margin-bottom:1.3rem}.staff-nav button.active{background:#20583b;border-color:#20583b;color:#fff}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.admin-grid .wide{grid-column:1/-1}.data-table{width:100%;border-collapse:collapse;font-size:.87rem}.data-table th,.data-table td{text-align:left;padding:.75rem .5rem;border-bottom:1px solid #e7ece5}.data-table td button{padding:.35rem .55rem;font-size:.8rem}.scroll{overflow:auto}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.form-grid label{font-size:.85rem;font-weight:650;display:grid;gap:.3rem}.form-grid .full{grid-column:1/-1}.toolbar{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center}.toolbar select{width:auto}.small{font-size:.82rem}.danger{color:#a13227}@media(max-width:800px){.hero,.layout,.admin-grid{grid-template-columns:1fr}.hero{gap:2rem;min-height:0}.intro{padding:2rem 0 0}.page-head{align-items:start;flex-direction:column}.page-head select{width:100%}.admin-grid .wide{grid-column:auto}}@media(max-width:520px){main{padding:25px 15px 50px}.topbar{padding:0 15px;height:70px}.brand strong{font-size:.9rem}.brand small{font-size:.65rem}.panel{padding:1.1rem}.login-panel{padding:1.2rem}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}