@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
*{box-sizing:border-box} body{margin:0;font-family:Inter,Arial,sans-serif;background:#f8fafc;color:#1f2937}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#2D5016 0%,#1F3A0F 50%,#0D1F08 100%);position:relative;overflow:hidden}.login-card{width:100%;max-width:430px;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.35);position:relative}.login-head{background:linear-gradient(90deg,#2D5016,#7BA428);padding:34px;text-align:center;color:#fff}.logo-round{width:82px;height:82px;border-radius:50%;background:#fff;color:#2D5016;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:900}.form{padding:30px}.field{margin-bottom:16px}.field label{font-size:12px;font-weight:800;color:#374151;display:block;margin-bottom:6px}.input,.select{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:12px 13px;font-size:14px;outline:none;background:#fff}.input:focus,.select:focus{border-color:#2D5016;box-shadow:0 0 0 3px rgba(45,80,22,.15)}.btn{border:0;border-radius:10px;padding:12px 16px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:linear-gradient(90deg,#2D5016,#7BA428);color:#fff;box-shadow:0 8px 18px rgba(45,80,22,.22)}.btn-gold{background:linear-gradient(90deg,#B8860B,#DAA520);color:#fff}.btn-light{background:#f3f4f6;color:#111827}.btn-red{background:#dc2626;color:#fff}.error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:10px;border-radius:10px;font-size:13px}.hint{background:#fffbeb;border:1px solid #fde68a;color:#92400e;padding:10px;border-radius:10px;font-size:12px;text-align:center}.app{display:flex;min-height:100vh}.sidebar{width:260px;background:linear-gradient(180deg,#1F3A0F,#0D1F08);color:#fff;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.side-logo{padding:20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;gap:12px;align-items:center}.side-logo .z{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#C8A962,#7BA428);display:grid;place-items:center;font-weight:900}.nav{padding:14px;display:flex;flex-direction:column;gap:6px;flex:1}.nav a{color:rgba(255,255,255,.84);text-decoration:none;padding:12px 13px;border-radius:12px;font-weight:700;font-size:14px;display:flex;justify-content:space-between}.nav a.active,.nav a:hover{background:linear-gradient(90deg,#7BA428,#2D5016);color:#fff}.side-foot{border-top:1px solid rgba(255,255,255,.1);padding:14px}.main{flex:1;min-width:0}.topbar{height:64px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:2}.content{padding:24px}.title-row{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:20px}.title-row h1{margin:0;font-size:28px;font-weight:900}.muted{color:#6b7280;font-size:13px}.grid{display:grid;gap:16px}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:#fff;border:1px solid #f0f1f3;border-radius:18px;box-shadow:0 6px 20px rgba(15,23,42,.04);padding:20px}.stat{position:relative;overflow:hidden}.stat:after{content:"";position:absolute;right:-24px;top:-24px;width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,#2D5016,#7BA428);opacity:.1}.stat .icon{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,#2D5016,#7BA428);color:#fff;display:grid;place-items:center;font-weight:900}.stat .num{font-size:34px;font-weight:900;margin-top:12px}.two-col{grid-template-columns:2fr 1fr}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;color:#6b7280;font-size:12px;border-bottom:1px solid #e5e7eb;padding:10px}.table td{border-bottom:1px solid #f3f4f6;padding:10px}.avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #2D5016;background:#e5e7eb}.bar{height:8px;border-radius:999px;background:#f3f4f6;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,#2D5016,#7BA428)}.split{display:grid;grid-template-columns:420px minmax(0,1fr);gap:20px;align-items:start}.camera{background:#111827;border-radius:16px;min-height:320px;display:grid;place-items:center;color:#fff;overflow:hidden}.camera video,.camera img{width:100%;height:320px;object-fit:cover}.actions{display:flex;gap:10px;flex-wrap:wrap}.preview-wrap{overflow:auto}.card-scale{transform:scale(.52);transform-origin:top left;width:546px;height:349px}.verify-box{max-width:780px;margin:auto}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:900;background:#dcfce7;color:#166534}@media(max-width:900px){.app{display:block}.sidebar{position:relative;width:100%;height:auto}.stats,.two-col,.split{grid-template-columns:1fr}.content{padding:16px}.card-scale{transform:scale(.32);width:336px;height:215px}.title-row{align-items:start;flex-direction:column}.topbar{position:relative}}.print-card-only{background:#fff}@media print{body *{visibility:hidden}#zima-card-render,#zima-card-render *{visibility:visible}#zima-card-render{position:absolute;left:0;top:0;transform:none!important}}

.register-only{max-width:760px}.register-only .card{border-top:5px solid #7BA428}.input[rows], textarea.input{resize:vertical;line-height:1.5}


/* Official ZIMA logo placement */
.logo-round-img{
  background:#fff !important;
  padding:6px;
  overflow:hidden;
}
.logo-round-img img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.side-logo .logo-side-img{
  background:#fff !important;
  padding:3px;
  overflow:hidden;
}
.side-logo .logo-side-img img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}