:root{--marka:#223574;--marka-koyu:#1a2857;--marka-orta:#2c4496;--marka-acik:#d0d7f1;--marka-zemin:#e7ebf8;--marka-soluk:#f1f3fb;--yesil:#3ea635;--yesil-metin:#31832a;--yesil-koyu:#266520;--yesil-acik:#daf3d8;--yesil-soluk:#edf9ec;--ccp:#b3261e;--amber:#8a6200;--su:#1f5e6e;--notr-cizgi:#c3c8d8;--beyaz:#fff;--metin:#1a2857;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius:4px;--topbar-h:56px;--sidenav-w:264px;--gutter:16px}
*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--metin);background:var(--marka-soluk);font-size:15px;line-height:1.5}a{color:var(--marka-orta)}:focus-visible{outline:3px solid var(--marka-orta);outline-offset:2px}h1,h2,h3{color:var(--marka);margin:0 0 8px;line-height:1.25}.btn{border-radius:var(--radius);border:1px solid var(--marka);background:var(--beyaz);min-height:40px;color:var(--marka);font:inherit;cursor:pointer;align-items:center;gap:6px;padding:8px 16px;font-weight:600;display:inline-flex}.btn:disabled{cursor:not-allowed;border-color:var(--notr-cizgi);color:var(--notr-cizgi)}.btn-primary{background:var(--yesil-metin);border-color:var(--yesil-metin);color:var(--beyaz)}.card{background:var(--beyaz);border:1px solid var(--notr-cizgi);border-radius:var(--radius);padding:var(--gutter)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
.shell{flex-direction:column;min-height:100%;display:flex}.skip-link{position:absolute;left:-9999px}.skip-link:focus{z-index:10;background:var(--beyaz);padding:8px 12px;top:8px;left:8px}.topbar{z-index:5;height:var(--topbar-h);padding:0 var(--gutter);background:var(--marka);color:var(--beyaz);align-items:center;gap:12px;display:flex;position:sticky;top:0}.topbar-logo{aspect-ratio:697/210;filter:brightness(0)invert();width:auto;height:35px;margin:0 6px}.topbar-product{letter-spacing:.06em;border-left:1px solid var(--marka-orta);padding-left:12px;font-size:14px;font-weight:700}.topbar-plant{font-size:14px}.topbar-user{align-items:center;gap:12px;margin-left:auto;font-size:14px;display:flex}.topbar-signout{background:var(--marka);min-height:34px;color:var(--beyaz);border-color:var(--beyaz);padding:4px 12px}.nav-toggle{color:var(--beyaz);cursor:pointer;background:0 0;border:0;min-width:44px;min-height:44px;padding:8px;display:none}.demo-banner{background:var(--beyaz);border-bottom:3px solid var(--amber);color:var(--amber);padding:6px var(--gutter);font-size:14px}.shell-body{flex:1;min-height:0;display:flex}.sidenav{width:var(--sidenav-w);background:var(--marka);color:var(--beyaz);flex-shrink:0;padding:8px 0 24px;overflow-y:auto}.nav-group-title{text-transform:uppercase;letter-spacing:.08em;color:var(--marka-acik);margin:16px 16px 4px;font-size:12px}.sidenav ul{margin:0;padding:0;list-style:none}.sidenav a{color:var(--beyaz);border-left:4px solid #0000;padding:8px 16px 8px 20px;font-size:14px;text-decoration:none;display:block}.sidenav a:hover{background:var(--marka-koyu)}.sidenav a.active{background:var(--marka-koyu);border-left-color:var(--yesil);font-weight:700}.nav-version{color:var(--marka-acik);margin:24px 16px 0;font-size:12px}.content{outline:none;flex:1;min-width:0;padding:24px}.page-header{margin-bottom:20px}.breadcrumbs ol{flex-wrap:wrap;gap:4px;margin:0 0 6px;padding:0;font-size:13px;list-style:none;display:flex}.breadcrumbs li+li:before{content:"›";color:var(--marka-orta);margin-right:4px}.page-header-row{border-bottom:2px solid var(--marka-zemin);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px;display:flex}.page-header h1{margin:0;font-size:24px}.page-actions{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:900px){.nav-toggle{justify-content:center;align-items:center;display:inline-flex}.sidenav{top:var(--topbar-h);z-index:4;visibility:hidden;position:fixed;bottom:0;left:0;transform:translate(-100%)}.sidenav.open{visibility:visible;transform:none}.topbar-plant{display:none}.content{padding:var(--gutter)}}@media (max-width:640px){.topbar-product,.topbar-role{display:none}.topbar-logo{height:28px}}