:root{--bg:#080e14;--panel:#111e28;--line:#293c47;--accent:#56dfbd;--text:#edf4f5;--muted:#91a9b7}body{background:radial-gradient(ellipse at 85% 0,#16392e66,transparent 45%),var(--bg);font-size:14px}header{height:84px;padding:0 34px;position:sticky;top:0;z-index:10;background:#0a151ded;backdrop-filter:blur(18px)}header button{background:transparent;color:var(--muted);border:1px solid var(--line);font-size:12px}main{max-width:1700px;padding:32px}h1{font-weight:600;letter-spacing:-1.4px}h2{font-weight:600}h3{font-size:15px}button{transition:filter .15s}button:hover{filter:brightness(1.12)}input,textarea,select{background:#0a1620;border:1px solid #324854;border-radius:9px;color:var(--text);font:inherit;width:100%;padding:12px;margin:7px 0 17px;min-width:0}select:focus{outline:2px solid var(--accent)}label{font-size:13px;color:#cbdce3}label small{font-size:11px;margin:-9px 0 18px}#dashboard{display:grid;grid-template-columns:180px minmax(0,1fr);gap:0 32px;align-items:start}.overview,.stats,.tab{grid-column:2;min-width:0}.overview{padding:8px 0 15px}.overview button{background:#172c34;color:#b6ccd5;border:1px solid var(--line);font-size:12px}.stats{margin:0 0 29px;gap:16px}.stats article{background:linear-gradient(120deg,#17302f,#10202b);padding:20px 24px;position:relative}.stats article>small{font-size:10px;text-transform:uppercase;letter-spacing:1.4px}.stats h2{font-size:24px;color:var(--accent);margin:8px 0}.stats p{font-size:11px;margin:5px 0;max-width:420px}.stats button{font-size:10px;padding:7px 10px;position:absolute;right:20px;top:23px;background:#22483b;color:#9fe8d2}.tabs{grid-column:1;grid-row:1/4;position:sticky;top:115px;flex-direction:column;gap:9px;padding:10px 0}.tabs:before{content:'ÇALIŞMA ALANI';font-size:9px;letter-spacing:2px;color:#6b8b98;margin:0 0 14px 14px}.tabs button{white-space:normal;text-align:left;background:transparent;color:#91a8b6;border:1px solid transparent;font-size:12px;padding:13px 14px}.tabs button.active{background:#17362e;border-color:#345c4d;color:var(--accent)}.tabs button:before{content:'◦';margin-right:12px}.tabs button.active:before{content:'●';font-size:9px}.cards article,#chatDetail{background:linear-gradient(140deg,#162a35,#0e1b25);border-radius:17px;padding:25px}.cards{gap:19px}.cards .badge{display:inline-block;padding:4px 8px;background:#1b3a3266;border:1px solid #315346;border-radius:6px;margin-bottom:12px;font-size:11px}.cards .actions{padding-top:15px;border-top:1px solid var(--line)}.cards .actions button{font-size:12px}.chat-layout{grid-template-columns:260px minmax(0,1fr)}#chatList button{padding:17px}#chatList small{font-size:11px;margin-top:5px}#chatDetail>button{font-size:12px;margin:5px 8px 13px 0}#chatDetail>button:nth-of-type(2){background:transparent;color:#d8a9a9;border:1px solid #634448}.message.out{background:#1a4137;border-radius:14px 14px 3px 14px}.message{border-radius:14px 14px 14px 3px;border:1px solid #2b4650}.message small{font-size:10px;margin-top:8px}#notice{position:fixed;top:auto;right:24px;bottom:20px;max-width:min(520px,calc(100vw - 32px));background:#234639;border:1px solid #436d58;padding:16px 22px;box-shadow:0 16px 45px #0006;z-index:30}#knowledgeForm,#login{background:linear-gradient(130deg,#193039,#101c25);border:1px solid var(--line);border-radius:20px;padding:30px}#login button{width:100%}.eyebrow{font-size:10px;font-weight:700}footer{font-size:11px;letter-spacing:.6px}
.catalog-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:29px 32px;border:1px solid #365f51;background:linear-gradient(115deg,#1e493c,#122c30 72%);border-radius:19px;margin-bottom:15px}.catalog-hero h2{white-space:pre-line;font-size:clamp(25px,2.5vw,35px);line-height:1.2;margin:12px 0}.catalog-hero p{max-width:640px;margin:0}.catalog-hero>button{flex-shrink:0}.catalog-meta{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted);padding:6px 2px 22px}.catalog-meta span:last-child{color:var(--accent)}.catalog-layout{display:grid;grid-template-columns:200px minmax(0,1fr) 235px;gap:18px;align-items:start}.catalog-sidebar{position:sticky;top:110px}.catalog-sidebar input,.catalog-sidebar select{font-size:12px}.catalog-item{display:block;width:100%;text-align:left;background:#101e28;border:1px solid var(--line);color:var(--text);margin-bottom:10px;padding:15px;overflow-wrap:anywhere}.catalog-item strong{display:block;font-size:13px}.catalog-item small{font-size:11px;margin:5px 0 9px}.catalog-item .badge{font-size:10px}.catalog-item.selected{border-color:var(--accent);background:#193b31}.catalog-editor-heading{display:flex;gap:8px;align-items:center;margin-bottom:20px}.catalog-title{font-size:21px;font-weight:650;flex:1;overflow-wrap:anywhere}.catalog-editor-heading button{font-size:10px;background:#20323d;color:#bdd3dc;border:1px solid var(--line);padding:8px 10px}.catalog-group{background:linear-gradient(145deg,#172a35,#0f1c26);border:1px solid var(--line);border-radius:15px;padding:24px;margin-bottom:17px}.catalog-group h3{color:var(--accent);margin:0 0 7px}.catalog-group>p{font-size:12px;margin-bottom:22px}.catalog-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.catalog-fields label:has(textarea){grid-column:1/-1}.catalog-savebar{position:sticky;bottom:14px;background:#1b392fee;backdrop-filter:blur(16px);border:1px solid #426554;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;z-index:3}.catalog-savebar small{font-size:10px}.catalog-savebar button{flex-shrink:0}#catalogPreview{position:sticky;top:110px;padding:21px;background:#12252a;border:1px solid #365047;border-radius:15px}#catalogPreview h3{margin:10px 0}#catalogPreview p{font-size:12px}#catalogPreview button{width:100%;margin-top:17px;font-size:12px;background:transparent;border:1px solid #3b7059;color:var(--accent)}.catalog-bubble{background:#234c3d;border-radius:13px 13px 13px 3px;padding:17px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.8}.catalog-empty{padding:25px;border:1px dashed var(--line);border-radius:14px;color:var(--muted)}
@media(max-width:1400px){.catalog-layout{grid-template-columns:185px minmax(0,1fr)}#catalogPreview{grid-column:2;position:static}}@media(max-width:1050px){#dashboard{grid-template-columns:1fr}.overview,.stats,.tab{grid-column:1}.tabs{grid-column:1;grid-row:auto;position:static;flex-direction:row;flex-wrap:wrap;padding:0 0 24px;gap:7px}.tabs:before,.tabs button:before{display:none}.tabs button{padding:9px 12px;border-color:var(--line)}main{padding:25px 22px}.chat-layout{grid-template-columns:230px minmax(0,1fr)}}@media(max-width:750px){.catalog-layout,.chat-layout{grid-template-columns:1fr}.catalog-sidebar,#catalogPreview{position:static;grid-column:auto}#catalogItems{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.catalog-item{margin:0}.catalog-meta{flex-direction:column;gap:3px}.catalog-hero{padding:23px;align-items:flex-start}.catalog-hero button{font-size:11px}#chatList{max-height:230px}}@media(max-width:520px){header{height:73px;padding:0 18px}main{padding:23px 16px}.stats article{padding:18px}.stats p{max-width:80%}.tabs button{font-size:11px;padding:8px 10px}.catalog-hero{flex-direction:column;gap:18px}.catalog-fields{grid-template-columns:1fr}.catalog-group{padding:19px}.catalog-editor-heading{flex-wrap:wrap}.catalog-title{flex-basis:100%}.catalog-savebar{flex-wrap:wrap;bottom:8px}.catalog-savebar button{width:100%}.catalog-item{padding:12px}#notice{right:16px;bottom:12px}.overview h1{font-size:29px}}
.summary-strip{grid-column:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0 0 18px}.summary-strip article{padding:19px 21px;border:1px solid var(--line);border-radius:13px;background:#13232e}.summary-strip small{font-size:9px;letter-spacing:1.4px}.summary-strip strong{display:block;font-size:29px;line-height:1.5;font-weight:550}.summary-strip span{font-size:10px;color:var(--muted)}@media(max-width:1050px){.summary-strip{grid-column:1}}@media(max-width:600px){.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.summary-strip article{padding:14px 16px}}
.tabs button:before,.tabs button.active:before{content:none}.tabs button.active{border-left:3px solid var(--accent)}
#notice{top:96px;bottom:auto}@media(max-width:520px){#notice{top:82px;bottom:auto}}
.tabs{grid-row:1/5}@media(max-width:1050px){.tabs{grid-row:auto}}
.catalog-savebar{position:static}