:root{--teal: #529a94;--teal-dark: #3e7f79;--teal-soft: #eef6f5;--navy: #1a1a2e;--ink: #111111;--ink-2: #3b3f44;--muted: #5f6368;--line: #e6e8ea;--bg: #f4f5f6;--card: #ffffff;--danger: #b3261e;--danger-soft: #fdecea;--warn: #b35c00;--warn-soft: #fff4e5;--ok: #2e7d32;--ok-soft: #e8f5e9;--radius: 16px;--radius-sm: 12px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Poppins,system-ui,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:var(--teal-dark);text-decoration:none}a:hover{color:var(--teal)}button,input,select{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}.container{max-width:1200px;margin:0 auto;padding:0 24px}@media(max-width:640px){.container{padding:0 16px}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}.card-pad{padding:20px 24px}@media(max-width:640px){.card-pad{padding:16px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:var(--radius-sm);border:1px solid transparent;font-weight:600;font-size:14px;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--teal);color:#fff}.btn-primary:hover:not(:disabled){background:var(--teal-dark);color:#fff}.btn-outline{background:#fff;color:var(--ink-2);border-color:var(--line)}.btn-outline:hover:not(:disabled){border-color:#c9ced3;color:var(--ink)}.btn-teal-outline{background:#fff;color:var(--teal-dark);border-color:var(--teal)}.btn-teal-outline:hover:not(:disabled){background:var(--teal-soft)}.btn-lg{height:56px;padding:0 24px;font-size:16px}.btn-sm{height:36px;padding:0 14px;font-size:13px}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:13px;font-weight:500;color:var(--muted)}.input{height:52px;border-radius:8px;border:1px solid var(--line);background:#f9f9f9;padding:0 14px;font-size:15px;color:var(--ink);width:100%}.input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px #529a9426;background:#fff}.input.invalid{border-color:var(--danger)}.field-error{font-size:12px;color:var(--danger)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.4px;background:var(--teal-soft);color:var(--teal-dark);white-space:nowrap}.badge-ok{background:var(--ok-soft);color:var(--ok)}.badge-warn{background:var(--warn-soft);color:var(--warn)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-muted{background:#eef0f2;color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;background:currentColor}.alert{padding:14px 16px;border-radius:var(--radius-sm);font-size:14px;border:1px solid transparent}.alert-error{background:var(--danger-soft);color:var(--danger);border-color:#f5c6c2}.alert-info{background:var(--teal-soft);color:var(--teal-dark)}.muted{color:var(--muted)}.small{font-size:13px}.section-title{font-size:20px;font-weight:600}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.row-list>*+*{border-top:1px solid #eef0f2}.spinner{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--teal);border-radius:50%;animation:bf-spin .8s linear infinite}.spinner.sm{width:16px;height:16px;border-width:2px}@keyframes bf-spin{to{transform:rotate(360deg)}}.loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px 0;color:var(--muted)}.skeleton{background:linear-gradient(90deg,#eceef0 25%,#f5f6f7 37%,#eceef0 63%);background-size:400% 100%;animation:bf-shimmer 1.4s ease infinite;border-radius:8px}@keyframes bf-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.toast-host{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:2000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{pointer-events:auto;background:var(--navy);color:#fff;padding:12px 18px;border-radius:12px;font-size:14px;box-shadow:0 10px 30px #0003;max-width:min(480px,90vw)}.toast.ok{background:var(--ok)}.toast.error{background:var(--danger)}.linkish{background:none;border:0;padding:0;color:var(--teal-dark);font-weight:600;cursor:pointer}.linkish:hover{color:var(--teal)}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px}.empty{padding:32px 24px;text-align:center;color:var(--muted);font-size:14px;display:flex;flex-direction:column;align-items:center;gap:12px}