:root{
  --rd-bg:#f5f7fb; --rd-surface:#fff; --rd-surface-2:#f9fafc; --rd-text:#152133; --rd-muted:#5a6472;
  --rd-border:#dde3ec; --rd-accent:#173b67; --rd-accent-2:#9f7c38; --rd-sidebar:#0d1b2a;
  --rd-sidebar-text:#edf4ff; --rd-success:#0d8a66; --rd-danger:#b23a3a;
  --rd-shadow:0 10px 30px rgba(14,27,42,.08); --rd-radius:16px;
}
html,body{background:var(--rd-bg);color:var(--rd-text);font-family:"Segoe UI",Arial,sans-serif;} body{margin:0;}
.rd-app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh;}
.rd-sidebar{background:linear-gradient(180deg,#0d1b2a 0%,#112742 100%);color:var(--rd-sidebar-text);padding:22px 18px;box-shadow:6px 0 30px rgba(13,27,42,.18);}
.rd-brand{font-size:1.2rem;font-weight:700;letter-spacing:.02em;margin-bottom:20px}.rd-brand small{display:block;opacity:.8;font-size:.8rem;margin-top:4px}
.rd-nav a{display:block;color:var(--rd-sidebar-text);text-decoration:none;padding:12px 14px;border-radius:12px;margin-bottom:6px;opacity:.95}
.rd-nav a:hover,.rd-nav a.active{background:rgba(255,255,255,.08);transform:translateX(2px)}
.rd-main{padding:22px}.rd-topbar{background:var(--rd-surface);border:1px solid var(--rd-border);border-radius:var(--rd-radius);box-shadow:var(--rd-shadow);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.rd-page-title{font-size:1.3rem;font-weight:700}.rd-page-subtitle{color:var(--rd-muted);font-size:.95rem}
.rd-grid{display:grid;gap:18px}.rd-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.rd-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.rd-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.rd-card{background:var(--rd-surface);border:1px solid var(--rd-border);border-radius:var(--rd-radius);box-shadow:var(--rd-shadow);padding:18px}
.rd-card h3,.rd-card h4{margin-top:0;margin-bottom:10px}.rd-muted{color:var(--rd-muted)}
.rd-kpi{display:flex;flex-direction:column;gap:6px}.rd-kpi-label{color:var(--rd-muted);font-size:.92rem}.rd-kpi-value{font-size:1.9rem;font-weight:700}.rd-kpi-trend{color:var(--rd-success);font-size:.92rem}
.rd-btn{border:none;border-radius:12px;padding:10px 16px;cursor:pointer;font-weight:600;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}
.rd-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.10)}.rd-btn-primary{background:var(--rd-accent);color:#fff}.rd-btn-gold{background:var(--rd-accent-2);color:#fff}.rd-btn-light{background:#eef3f8;color:var(--rd-text)}
.rd-form-shell{background:var(--rd-surface);border:1px solid var(--rd-border);border-radius:var(--rd-radius);box-shadow:var(--rd-shadow);padding:20px}
.rd-section-title{font-weight:700;font-size:1.05rem;margin:6px 0 14px}.rd-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.rd-field label{display:block;margin-bottom:6px;color:var(--rd-text);font-weight:600}
.rd-field input,.rd-field select,.rd-field textarea{width:100%;box-sizing:border-box;background:#fff;color:var(--rd-text);border:1px solid #cfd7e3;border-radius:12px;padding:11px 12px;font:inherit}
.rd-field textarea{min-height:110px;resize:vertical}.rd-field input::placeholder,.rd-field textarea::placeholder{color:#7d8896}
.rd-checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}
.rd-checkbox-row{display:flex;align-items:flex-start;gap:10px;background:var(--rd-surface-2);border:1px solid var(--rd-border);border-radius:12px;padding:10px 12px}
.rd-signature-box{background:#fff;border:2px dashed #c8d1de;border-radius:14px;min-height:160px;padding:10px}
.rd-paper-preview{background:#fff;color:#111;border:1px solid #dfe4eb;border-radius:10px;padding:28px;max-width:850px;margin:0 auto}
.rd-table{width:100%;border-collapse:collapse}.rd-table th,.rd-table td{border-bottom:1px solid var(--rd-border);padding:12px 10px;text-align:left}.rd-table th{color:var(--rd-muted);font-size:.92rem}
.fade-in-up{animation:fadeInUp .28s ease both}.scale-in{animation:scaleIn .22s ease both}
@keyframes fadeInUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}} @keyframes scaleIn{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}
@media(max-width:1100px){.rd-grid.cols-4,.rd-grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.rd-app-shell{grid-template-columns:1fr}.rd-form-grid,.rd-grid.cols-2,.rd-grid.cols-3,.rd-grid.cols-4{grid-template-columns:1fr}}
@media print{body,html{background:#fff!important;color:#000!important}.rd-sidebar,.rd-topbar,.rd-btn{display:none!important}.rd-main{padding:0!important}.rd-card,.rd-form-shell,.rd-paper-preview{box-shadow:none!important;border:none!important}}