.ref-page{padding:28px;display:grid;gap:20px}.ref-hero{background:linear-gradient(120deg,#172554,#1d4ed8,#0f766e);color:#fff;border-radius:24px;padding:28px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 20px 45px #1e3a8a26}.ref-hero span{font-size:.75rem;font-weight:800;letter-spacing:.15em}.ref-hero h2{font-size:2.15rem;margin:8px 0}.ref-hero p{margin:0;opacity:.9}.ref-hero>strong{border:1px solid #ffffff55;padding:10px 16px;border-radius:999px}.ref-flash{padding:14px 18px;border-radius:14px;font-weight:700}.is-success{background:#dcfce7;color:#166534}.is-error{background:#fee2e2;color:#991b1b}.ref-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ref-kpis article{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:18px}.ref-kpis small{display:block;color:#64748b}.ref-kpis b{font-size:1.8rem}.ref-layout{display:grid;grid-template-columns:300px 1fr;gap:18px}.ref-sidebar,.ref-main,.ref-history{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:18px}.ref-head,.ref-title{display:flex;justify-content:space-between;align-items:center}.ref-head button,.ref-title button,.ref-mini-form button,.ref-value-form button{border:0;background:#2563eb;color:#fff;border-radius:12px;padding:11px 14px;font-weight:700;cursor:pointer}.ref-mini-form,.ref-value-form{display:none;gap:10px;background:#f8fafc;border-radius:14px;padding:12px;margin:12px 0}.ref-mini-form.is-open,.ref-value-form.is-open{display:grid}.ref-mini-form input,.ref-mini-form textarea,.ref-value-form input,.ref-value-form textarea,.ref-search input{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:10px;padding:10px;background:#fff}.ref-sidebar nav{display:grid;gap:8px}.ref-sidebar nav a{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:11px;border-radius:12px;text-decoration:none;color:#0f172a}.ref-sidebar nav a.active,.ref-sidebar nav a:hover{background:#eff6ff}.ref-sidebar nav small{display:block;color:#64748b}.ref-title span{font-size:.75rem;letter-spacing:.12em;color:#64748b}.ref-title h3{font-size:1.5rem;margin:5px 0}.ref-value-form{grid-template-columns:1fr 1.5fr 100px 70px 90px 100px}.ref-value-form textarea{grid-column:span 3}.ref-search{margin:16px 0}.ref-table{display:grid}.ref-table-head,.ref-row{display:grid;grid-template-columns:2fr 1fr 80px 100px 100px;gap:12px;align-items:center;padding:12px}.ref-table-head{font-size:.75rem;text-transform:uppercase;color:#64748b;border-bottom:1px solid #e2e8f0}.ref-row{border-bottom:1px solid #f1f5f9}.ref-row>span:first-child{display:flex;align-items:center;gap:8px}.ref-row i{width:10px;height:10px;border-radius:50%}.ref-row code{background:#f1f5f9;padding:5px 7px;border-radius:8px}.ref-row em{font-style:normal;font-size:.78rem;background:#dcfce7;color:#166534;padding:5px 8px;border-radius:999px}.ref-row.is-archived{opacity:.55}.ref-row form button{border:0;background:#f1f5f9;border-radius:8px;padding:7px;cursor:pointer}.ref-empty{padding:70px 20px;text-align:center;color:#64748b}.ref-empty-small{padding:30px;text-align:center;color:#94a3b8}.ref-history>div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ref-history article{background:#f8fafc;border-radius:12px;padding:12px}.ref-history span,.ref-history small{display:block;color:#64748b}@media(max-width:900px){.ref-kpis{grid-template-columns:repeat(2,1fr)}.ref-layout{grid-template-columns:1fr}.ref-value-form{grid-template-columns:1fr 1fr}.ref-table-head{display:none}.ref-row{grid-template-columns:1fr 1fr}.ref-history>div{grid-template-columns:1fr 1fr}}@media(max-width:560px){.ref-page{padding:14px}.ref-hero{align-items:flex-start}.ref-kpis{grid-template-columns:1fr 1fr}.ref-value-form{grid-template-columns:1fr}.ref-value-form textarea{grid-column:auto}.ref-row{grid-template-columns:1fr}.ref-history>div{grid-template-columns:1fr}}
