:root{--bg:#081018;--line:rgba(255,255,255,.08);--txt:#edf3ff;--muted:#93a1be;--accent:#ff7a18;--accent-2:#ffb36b;--shadow:0 20px 60px rgba(0,0,0,.35)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--txt);background:radial-gradient(900px 500px at 20% 0%,rgba(255,122,24,.15),transparent 55%),radial-gradient(700px 450px at 90% 10%,rgba(63,133,255,.18),transparent 55%),linear-gradient(180deg,#081018 0%,#09111b 100%)}.login-body{display:grid;place-items:center}.login-shell{width:min(720px,92vw);padding:32px}.login-card{background:linear-gradient(180deg,rgba(17,27,43,.95),rgba(9,15,24,.96));border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);padding:46px}.login-logo{font-size:26px;font-weight:800;margin-bottom:12px}.login-card h1{margin:0 0 24px;font-size:36px}.error-box{max-height:260px;overflow:auto;background:rgba(0,0,0,.25);border:1px solid var(--line);padding:14px;border-radius:16px;color:#ffd7b2;white-space:pre-wrap}.btn-row{display:flex;flex-wrap:wrap;gap:12px}.sidebar{position:fixed;inset:0 auto 0 0;width:300px;padding:24px 18px;background:rgba(7,12,20,.92);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:18px;backdrop-filter:blur(18px)}.sidebar-top{display:flex;align-items:center;gap:14px;padding:10px}.logo-mark{width:20px;height:20px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 24px rgba(255,122,24,.45)}.site-title{font-size:18px;font-weight:800}.nav-block{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:20px;padding:14px}.nav-label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px}.cat-pill{width:100%;text-align:left;background:transparent;border:1px solid transparent;color:var(--txt);padding:11px 12px;border-radius:14px;cursor:pointer;transition:.18s ease}.cat-pill:hover{background:rgba(255,255,255,.05);border-color:var(--line)}.cat-pill.active{background:linear-gradient(135deg,rgba(255,122,24,.2),rgba(255,179,107,.06));border-color:rgba(255,122,24,.24)}.category-pills{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow:auto;padding-right:4px}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:12px}.profile-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.03)}.profile-avatar{width:48px;height:48px;border-radius:16px;object-fit:cover}.profile-avatar.placeholder{background:rgba(255,255,255,.08)}.profile-name{font-weight:700}.profile-role{color:var(--muted);font-size:13px}.main{margin-left:300px;padding:28px}.toolbar{border:1px solid var(--line);background:rgba(17,27,43,.85);box-shadow:var(--shadow);border-radius:24px;padding:16px;display:grid;grid-template-columns:minmax(260px,1fr) 240px;gap:12px}.toolbar.single{margin-top:0}.search-input,.select-input{width:100%;background:rgba(255,255,255,.03);border:1px solid var(--line);color:var(--txt);border-radius:16px;padding:14px 16px;outline:none;font-size:15px}.primary-btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 18px;border-radius:16px;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:.18s ease;color:var(--txt)}.primary-btn{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#1d1208;font-weight:800}.ghost-btn{background:rgba(255,255,255,.04);border-color:var(--line)}.big-btn{min-width:180px}.full-btn{width:100%}.log-grid{margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.log-card{border-radius:24px;padding:18px;border:1px solid var(--line);background:rgba(17,27,43,.85);box-shadow:var(--shadow)}.log-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.badge{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:rgba(255,122,24,.14);border:1px solid rgba(255,122,24,.18);color:var(--accent-2);font-size:13px}.date{color:var(--muted);font-size:13px}.log-card h3{margin:0 0 8px;font-size:22px}.desc{margin:0;color:#dbe4f8;white-space:pre-wrap;line-height:1.55}.fields-grid{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.field-card{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:16px;padding:12px}.field-name{color:var(--muted);font-size:12px;margin-bottom:6px}.field-value{white-space:pre-wrap}.media-row{margin-top:16px;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.thumb{width:62px;height:62px;border-radius:18px;object-fit:cover;border:1px solid var(--line)}.main-image{max-width:100%;max-height:400px;border-radius:18px;border:1px solid var(--line)}.empty-state{margin-top:18px;border-radius:24px;padding:50px 20px;text-align:center;border:1px solid var(--line);background:rgba(17,27,43,.85);box-shadow:var(--shadow)}@media (max-width:1200px){.log-grid{grid-template-columns:1fr}}@media (max-width:980px){.sidebar{position:static;width:auto;border-right:none;border-bottom:1px solid var(--line)}.main{margin-left:0;padding:18px}.toolbar{grid-template-columns:1fr}}@media (max-width:700px){.fields-grid{grid-template-columns:1fr}.login-card{padding:28px}.login-card h1{font-size:30px}}
.log-list{margin-top:18px;display:flex;flex-direction:column;gap:10px}
.log-row{
  position:relative;
  border:1px solid var(--line);
  background:rgba(17,27,43,.70);
  box-shadow:var(--shadow);
  border-radius:18px;
  padding:14px 16px 14px 18px;
  overflow:hidden;
}
.log-row::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:4px;
  background:linear-gradient(180deg,var(--accent),var(--accent-2));
}
.log-row-top{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:6px;
}
.log-row-cat{
  font-size:12px;
  color:var(--accent-2);
  background:rgba(255,122,24,.12);
  border:1px solid rgba(255,122,24,.18);
  padding:4px 10px;
  border-radius:999px;
}
.log-row-time{
  margin-left:auto;
  font-size:12px;
  color:var(--muted);
  white-space:nowrap;
}
.log-row-title{
  font-size:14px;
  font-weight:700;
  line-height:1.35;
  margin:0 0 6px;
}
.log-row-desc{
  font-size:13px;
  color:rgba(237,243,255,.85);
  line-height:1.4;
  margin:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.log-row-desc.multiline{
  white-space:normal;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}