:root{--lacivert:#0b2a5b;--lacivert-koyu:#061a3a;--sari:#ffd400;--zemin:#f2f4f8;--kart:#fff;--metin:#0f1e3c;--metin-2:#4a5670;--cizgi:#d6dce8;--hata:#b42318;--topbar-h:60px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--zemin);color:var(--metin);-webkit-font-smoothing:antialiased;font-family:Archivo,system-ui,sans-serif;font-size:16px;line-height:1.5}a{color:inherit}.brand{letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:10px;font-weight:800;font-stretch:95%;text-decoration:none;display:inline-flex}.brand-mark{background:linear-gradient(90deg, var(--sari) 50%, var(--lacivert) 50%);width:22px;height:22px;box-shadow:0 0 0 2px var(--sari);border-radius:50%}.brand-lg{font-size:26px}.brand-lg .brand-mark{width:30px;height:30px}.login{background:var(--lacivert);place-items:center;min-height:100dvh;padding:16px;display:grid}.login-card{background:var(--kart);border-top:6px solid var(--sari);border-radius:14px;width:100%;max-width:380px;padding:32px 28px}.login-head{flex-direction:column;align-items:center;gap:12px;margin-bottom:24px;display:flex}.login-logo{width:120px;height:120px;display:block}.login-title{letter-spacing:-.01em;font-size:24px;font-weight:800;font-stretch:95%}.login-form{gap:16px;display:grid}.login-form label{gap:6px;font-size:14px;font-weight:600;display:grid}.login-form input{font:inherit;border:1px solid var(--cizgi);color:var(--metin);background:#fff;border-radius:8px;padding:11px 12px}.login-form input:focus{outline:2px solid var(--lacivert);outline-offset:1px;border-color:var(--lacivert)}.login-form button{font:inherit;background:var(--lacivert);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:12px;font-weight:700}.login-form button:hover{background:var(--lacivert-koyu)}.login-form button:disabled{opacity:.6;cursor:default}.login-error{color:var(--hata);margin:0;font-size:14px}.portal{flex-direction:column;min-height:100dvh;display:flex}.topbar{height:var(--topbar-h);background:var(--lacivert);color:#fff;border-bottom:3px solid var(--sari);z-index:10;align-items:center;gap:24px;padding:0 20px;display:flex;position:sticky;top:0}.tabs{flex:1;gap:4px;min-width:0;display:flex;overflow-x:auto}.tab{color:#ffffffc7;white-space:nowrap;border-radius:6px;padding:8px 14px;font-size:15px;font-weight:600;text-decoration:none}.tab:hover{color:#fff;background:#ffffff14}.tab.active{color:var(--lacivert-koyu);background:var(--sari)}.user{align-items:center;gap:12px;font-size:14px;display:flex}.user form{margin:0}.user-name{text-decoration:none}.user-name:hover,.user-link:hover{color:var(--sari)}.user-link{color:#ffffffc7;text-decoration:none}.link-btn{font:inherit;color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:6px;padding:5px 12px}.link-btn:hover{border-color:var(--sari);color:var(--sari)}.portal-main{flex-direction:column;flex:1;display:flex}.doc-frame{width:100%;min-height:calc(100dvh - var(--topbar-h) - 3px);background:#fff;border:0;flex:1;display:block}.crumbs{color:var(--metin-2);background:var(--kart);border-bottom:1px solid var(--cizgi);gap:8px;padding:10px 20px;font-size:14px;display:flex}.crumbs a{color:var(--lacivert);font-weight:600;text-decoration:none}.crumbs+.doc-frame{min-height:calc(100dvh - var(--topbar-h) - 3px - 42px)}.page{width:100%;max-width:1100px;margin:0 auto;padding:32px 20px}.page h1{letter-spacing:-.015em;margin:0 0 20px;font-size:32px;font-stretch:95%}.page-narrow{max-width:440px}.panel{background:var(--kart);border:1px solid var(--cizgi);border-radius:12px;padding:24px}.form-ok{color:#067647;margin:0;font-size:14px;font-weight:600}.panel h2{color:var(--lacivert);margin:0 0 16px;font-size:19px}.admin-grid{grid-template-columns:minmax(260px,360px) 1fr;align-items:start;gap:20px;display:grid}.login-form .check{align-items:center;gap:8px;font-weight:500;display:flex}.login-form .check input{width:16px;height:16px}.table-wrap{overflow-x:auto}.users{border-collapse:collapse;width:100%;font-size:14px}.users th{text-align:left;color:var(--metin-2);border-bottom:1px solid var(--cizgi);white-space:nowrap;padding:8px 10px;font-weight:600}.users td{border-bottom:1px solid var(--cizgi);white-space:nowrap;padding:9px 10px}.badge{background:var(--sari);color:var(--lacivert-koyu);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--kart);border:1px solid var(--cizgi);border-left:5px solid var(--sari);border-radius:10px;height:100%;padding:20px;text-decoration:none;transition:border-color .15s,transform .15s;display:block}.card:hover{border-color:var(--lacivert);transform:translateY(-1px)}.card h2{color:var(--lacivert);margin:0 0 6px;font-size:19px}.card p{color:var(--metin-2);margin:0;font-size:15px}@media (max-width:800px){.admin-grid{grid-template-columns:1fr}}@media (max-width:640px){.topbar{gap:12px;padding:0 12px}.topbar .brand>span:last-child,.user-name{display:none}.tab{padding:7px 10px;font-size:14px}}