@import "https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800&display=swap";:root{--menekse:#6c5ce7;--menekse-koyu:#5744d6;--menekse-soluk:#eeebfd;--murekkep:#17162e;--murekkep-orta:#55526b;--soluk:#6f6d85;--cizgi:#ebe8f5;--zemin:#f5f4fb;--kart:#fff;--tehlike:#b42318;--tehlike-zemin:#fff0ef;--yesil:#12b76a;--golge:0 8px 25px #473d860f;color:var(--murekkep);background:var(--zemin);font-synthesis:none;font-family:Figtree,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}h1,h2,h3,p{margin-top:0}button,input,select{font:inherit}:where(button,input,a):focus-visible{outline:2px solid var(--menekse);outline-offset:2px}.eyebrow{color:var(--menekse);letter-spacing:.13em;margin:0 0 7px;font-size:11px;font-weight:800}.muted{color:var(--soluk)}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.uyari{color:var(--tehlike)}.login-shell{background:radial-gradient(circle at 20% 10%, #e9e4ff, transparent 32%), var(--zemin);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--kart);border:1px solid #ece9f7;border-radius:26px;width:min(440px,100%);padding:42px;box-shadow:0 24px 70px #3d32821f}.brand-mark{color:#fff;background:linear-gradient(135deg, #7b5cf0, var(--menekse-koyu));border-radius:16px;place-items:center;width:52px;height:52px;margin-bottom:24px;display:grid}.login-card h1{margin-bottom:8px;font-size:32px}.login-card form{gap:18px;margin-top:30px;display:grid}label{gap:7px;font-size:14px;font-weight:650;display:grid}input{background:#fff;border:1px solid #ddd9ec;border-radius:12px;outline:0;width:100%;padding:13px 14px;transition:border-color .15s,box-shadow .15s}input:focus{border-color:var(--menekse);box-shadow:0 0 0 3px var(--menekse-soluk)}.primary,.secondary,.danger,.icon,.chip{cursor:pointer;border:0}.primary{background:var(--menekse);color:#fff;border-radius:12px;padding:14px;font-weight:750}.primary:disabled{opacity:.6;cursor:default}.error{background:var(--tehlike-zemin);color:var(--tehlike);border-radius:12px;padding:12px 14px}.content>.error{margin-bottom:20px}.app-shell{min-height:100vh}.sidebar{background:var(--kart);border-right:1px solid var(--cizgi);flex-direction:column;width:236px;padding:28px 18px;display:flex;position:fixed;inset:0 auto 0 0}.logo{align-items:center;gap:11px;padding:0 8px 30px;display:flex}.logo>span{background:var(--menekse);color:#fff;border-radius:12px;place-items:center;width:38px;height:38px;font-size:21px;font-weight:800;display:grid}.logo div{display:grid}.logo strong{font-size:18px}.logo small{color:#88869b}.sidebar nav{gap:4px;display:grid}.sidebar nav button,.logout{width:100%;color:var(--murekkep-orta);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;padding:12px 13px;font-weight:650;transition:background .15s,color .15s;display:flex}.sidebar nav svg,.logout svg{flex:none;width:19px}.sidebar nav button:hover{color:var(--murekkep);background:#f6f4fc}.sidebar nav button.active{color:#fff;background:var(--menekse);font-weight:700}.sidebar nav button.active:hover{background:var(--menekse-koyu)}.sidebar-footer{border-top:1px solid var(--cizgi);margin-top:auto;padding-top:18px}.whoami{padding:4px 13px 12px;display:grid}.whoami strong{font-size:14px}.whoami small{color:var(--soluk);font-size:12px}.logout{color:#777489}.logout:hover{color:var(--murekkep);background:#f6f4fc}.content{max-width:1500px;margin-left:236px;padding:42px clamp(24px,4vw,64px)}.page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.page-header h1{margin-bottom:6px;font-size:32px}.page-header p:last-child{color:#777489;margin:0}.header-actions{flex:none;align-items:center;gap:14px;display:flex}.secondary{background:var(--kart);color:#4f4c68;border:1px solid #e3e0ee;border-radius:11px;align-items:center;gap:8px;padding:11px 15px;font-weight:650;transition:border-color .15s,background .15s;display:flex}.secondary:hover:not(:disabled){background:#fbfaff;border-color:#cfc9e6}.secondary:disabled{opacity:.55;cursor:default}.secondary svg{flex:none;width:17px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stat-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px;display:grid}.stat{background:var(--kart);border:1px solid var(--cizgi);box-shadow:var(--golge);border-radius:19px;gap:17px;padding:23px;display:flex}.stat-icon{width:48px;height:48px;color:var(--menekse);background:var(--menekse-soluk);border-radius:15px;flex:none;place-items:center;display:grid}.stat p{color:#737087;margin:0;font-size:13px;font-weight:650}.stat strong{font-variant-numeric:tabular-nums;margin:3px 0;font-size:29px;display:block}.stat small{color:#8a8799}.stat.skeleton{background:linear-gradient(100deg,#f3f1fa 30%,#e9e6f6 50%,#f3f1fa 70%) 0 0/300% 100%;min-height:94px;animation:1.4s linear infinite kayan}@keyframes kayan{0%{background-position:150% 0}to{background-position:-150% 0}}.panel{background:var(--kart);border:1px solid var(--cizgi);box-shadow:var(--golge);border-radius:20px;overflow:hidden}.panel>header{border-bottom:1px solid #efedf6;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex}.panel h2{margin-bottom:4px;font-size:20px}.panel header p{color:#858296;margin:0;font-size:13px}.search{flex:none;width:280px;position:relative}.search svg{color:#8d8a9b;width:18px;position:absolute;top:12px;left:12px}.search input{padding-left:39px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:#777489;white-space:nowrap;background:#faf9fd;padding:12px 22px;font-size:12px;font-weight:700}td{color:#555269;vertical-align:middle;border-top:1px solid #f0eef6;padding:16px 22px}tbody tr{cursor:pointer;transition:background .12s}tbody tr:hover{background:#faf9fe}tbody tr.static-row{cursor:default}tbody tr.static-row:hover{background:#fcfbfe}tbody tr.static-row td{vertical-align:top}td strong,td small{color:#27253d;display:block}td small{color:#9290a1;margin-top:4px;font-weight:400}.online{align-items:center;gap:7px;display:inline-flex}.online i{background:var(--yesil);border-radius:50%;width:8px;height:8px}.empty{text-align:center;color:#858296;padding:34px}.pager{background:#fcfbfe;border-top:1px solid #f0eef6;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;font-size:13px;display:flex}.pager strong{color:var(--murekkep)}.pager-controls{align-items:center;gap:12px;display:flex}.pager-controls .secondary{padding:8px 12px;font-size:13px}.filters{flex-wrap:wrap;gap:9px;margin-bottom:20px;display:flex}.chip{background:var(--kart);color:#57546e;border:1px solid #e3e0ee;border-radius:999px;padding:9px 15px;font-size:13px;font-weight:650;transition:border-color .15s,background .15s,color .15s}.chip:hover{border-color:#cfc9e6}.chip.active{background:var(--menekse);border-color:var(--menekse);color:#fff}.drawer-backdrop{z-index:10;background:#18152d4d;position:fixed;inset:0}.drawer{background:var(--kart);width:min(620px,100%);padding:30px;position:absolute;top:0;bottom:0;right:0;overflow:auto;box-shadow:-20px 0 60px #1e194124}.drawer>header{border-bottom:1px solid #eeeaf6;justify-content:space-between;padding-bottom:20px;display:flex}.drawer h2{font-size:25px}.icon{width:39px;height:39px;color:var(--murekkep-orta);background:#f3f1f9;border-radius:12px;flex:none;place-items:center;display:grid}.icon:hover{background:#e9e5f5}.detail-stats{grid-template-columns:1fr 1fr;gap:12px;margin:22px 0;display:grid}.detail-stats span{color:#656279;background:#f7f5fc;border-radius:14px;padding:16px}.detail-stats strong{color:#28253d;font-size:23px;display:block}.drawer section{margin-top:27px}.drawer section>h3{font-size:15px}.drawer section>p{color:#716e82;margin-bottom:7px}.device{border-top:1px solid #efedf5;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:15px 0;display:grid}.device-icon{background:var(--menekse-soluk);width:42px;height:42px;color:var(--menekse);border-radius:13px;place-items:center;display:grid}.device p{color:#777489;margin:3px 0;font-size:13px}.device small{color:#9895a5}.danger{background:var(--tehlike-zemin);color:var(--tehlike);border-radius:10px;padding:9px 11px;font-size:12px;font-weight:700}.danger:hover{background:#ffe4e2}.support{color:#5d4bd2;background:#f5f2ff;border-radius:15px;gap:13px;padding:17px;display:flex}.support h3{margin-bottom:4px}.support p{color:#6e668e;margin:0 0 6px;font-size:13px;line-height:1.5}.support svg{flex:none}.support-govde{flex:1;min-width:0}.support-govde form{gap:12px;margin-top:14px;display:grid}.support-govde .primary{padding:11px;font-size:14px}.support-actions{flex-wrap:wrap;gap:9px;margin-top:14px;display:flex}.support-link{gap:3px;margin:12px 0 0;display:grid}.support-link a{color:var(--menekse-koyu);font-weight:700}.support.acik{color:#b54708;background:#fff6ed}.support.acik p{color:#7a5a3a}.support.acik .support-link a{color:#b54708}.device.destek .device-icon{color:#b54708;background:#fff1e3}.device.destek strong{color:#b54708}@media (width<=1100px){.sidebar{width:76px;padding:24px 12px}.logo{justify-content:center;padding:0 0 24px}.logo div,.whoami{display:none}.sidebar nav button,.logout{justify-content:center;padding:12px 0}.sidebar nav button span,.logout span{display:none}.content{margin-left:76px;padding:32px 24px}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.stat-grid{grid-template-columns:1fr}.page-header,.panel>header{flex-direction:column;align-items:flex-start}.search{width:100%}.pager{flex-direction:column;align-items:flex-start}}