:root{--bg:#f6f7fb;--card:#fff;--text:#172033;--muted:#64748b;--line:#e5e7eb;--primary:#0f766e;--danger:#b91c1c;--ok:#166534}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}header{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;background:#0f172a;color:white;position:sticky;top:0;z-index:1}header a{color:white;text-decoration:none;margin-left:14px}main{max-width:1240px;margin:26px auto;padding:0 16px}h1{margin:0 0 18px}h2{margin:0 0 14px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:18px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.small{max-width:430px;margin:80px auto}.grid{display:grid;gap:16px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}label{display:block;margin-bottom:12px;font-weight:600}input,select{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:10px;background:white;font:inherit}input.num{min-width:90px}.check{display:flex;gap:8px;align-items:center}.check input{width:auto}button,.btn{display:inline-block;border:0;background:var(--primary);color:white;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer;text-decoration:none}button:hover,.btn:hover{filter:brightness(.95)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.inlineform{display:grid;grid-template-columns:1fr 2fr 2fr 1fr auto auto;gap:10px;align-items:center}.inlineform input{margin:0}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--line);padding:9px;text-align:left;vertical-align:middle;white-space:nowrap}th{background:#f1f5f9;font-size:13px;text-transform:uppercase;letter-spacing:.03em}.strong{font-weight:800}.muted{color:var(--muted)}.flash{padding:12px 14px;border-radius:12px;margin-bottom:14px;border:1px solid}.flash.ok{background:#ecfdf5;color:var(--ok);border-color:#bbf7d0}.flash.error{background:#fef2f2;color:var(--danger);border-color:#fecaca}@media(max-width:850px){.two,.three{grid-template-columns:1fr}.inlineform{grid-template-columns:1fr}header{align-items:flex-start;gap:10px;flex-direction:column}}
button.danger, .btn.danger { background: #b42318; color: white; border-color: #b42318; }

.notice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.notice-box{border:1px solid var(--line);border-radius:14px;padding:16px;background:#f8fafc}.notice-number{font-size:42px;line-height:1;font-weight:900;margin-bottom:8px}.btn.ghost{background:#e2e8f0;color:#0f172a}.balance-hero{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;border-width:2px}.balance-hero.positive{border-color:#16a34a;background:#f0fdf4}.balance-hero.negative{border-color:#dc2626;background:#fef2f2}.balance-amount{font-size:44px;font-weight:900;white-space:nowrap}.balance-rule{grid-column:1/-1;font-size:18px;margin:0}.oktext{color:#166534}.dangertext{color:#b91c1c}@media(max-width:850px){.notice-grid{grid-template-columns:1fr}.balance-hero{grid-template-columns:1fr}.balance-amount{font-size:34px}}

/* ciocarlie75-watermark: fundal discret sus-stanga */
body {
  position: relative;
  min-height: 100vh;
}

body::before {
  content: "";
  position: fixed;
  top: 58px;
  left: 0;
  width: 285px;
  height: 250px;
  background-image: url("ciocarlie75_watermark.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  opacity: 0.14;
  pointer-events: none;
  z-index: 0;
}

header {
  position: sticky;
  z-index: 10;
}

main {
  position: relative;
  z-index: 1;
}

@media (max-width: 850px) {
  body::before {
    width: 190px;
    height: 170px;
    top: 86px;
    opacity: 0.10;
  }
}

/* ciocarlie75-watermark-strong override */
body::before {
  top: 56px !important;
  left: 8px !important;
  width: 400px !important;
  height: 360px !important;
  background-image: url("ciocarlie75_watermark.png") !important;
  background-repeat: no-repeat !important;
  background-position: left top !important;
  background-size: contain !important;
  opacity: 0.28 !important;
}

@media (max-width: 1100px) {
  body::before {
    width: 320px !important;
    height: 285px !important;
    top: 62px !important;
    opacity: 0.24 !important;
  }
}

@media (max-width: 850px) {
  body::before {
    width: 220px !important;
    height: 195px !important;
    top: 82px !important;
    opacity: 0.18 !important;
  }
}