/* ---------- RESET */
*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;color:#333}
body{background:#fafafa;line-height:1.5}
a{text-decoration:none;color:inherit}

/* ---------- LAYOUT */
.container{max-width:940px;margin:0 auto;padding:24px}
header{background:#fff;border-bottom:1px solid #ddd}
header .inner{display:flex;align-items:center;justify-content:space-between}
.logo{font-size:1.4rem;font-weight:700;padding:12px 0}
nav ul{display:flex;gap:24px;list-style:none}
nav li{font-size:.95rem}
.burger{display:none;font-size:1.4rem;border:none;background:none;cursor:pointer}

/* Mobile menu */
@media(max-width:680px){
  nav ul{flex-direction:column;gap:12px;margin-top:12px;display:none}
  nav ul.open{display:flex}
  .burger{display:block}
}

/* ---------- CARDS & PANELS */
.card{background:#fff;border:1px solid #ddd;border-radius:4px;padding:24px;margin-top:24px}
.card h2{font-size:1.1rem;margin-bottom:16px}
.actions{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-top:24px}
.action-tile{border:1px solid #ccc;border-radius:4px;padding:20px;text-align:center;cursor:pointer;background:#fff}
.action-tile:hover{background:#f1f1f1}
.tile-label{margin-top:12px;font-size:.93rem}

/* ---------- FORMS */
form{display:flex;flex-direction:column;gap:16px;margin-top:12px}
input,select,button{padding:10px;border:1px solid #ccc;border-radius:4px;font-size:.95rem}
button{background:#1976d2;color:#fff;cursor:pointer}
button:hover{background:#1562ad}

/* ---------- TABLE */
.table{border-collapse:collapse;width:100%;margin-top:12px}
.table th,.table td{border:1px solid #d6d6d6;padding:10px;font-size:.88rem;text-align:left}
.table th{background:#f2f2f2}

/* ---------- BREADCRUMBS */
.breadcrumb{font-size:.82rem;color:#666;margin-top:16px}
.breadcrumb a{color:#1976d2}

/* ---------- ALERT */
.alert{padding:14px;border-radius:4px;margin-top:20px;font-size:.9rem}
.alert.success{background:#e8f5e9;border:1px solid #66bb6a}
.alert.error{background:#ffebee;border:1px solid #ef5350}

/* ---------- SIDE HELP */
.side-help{border-left:1px solid #ddd;padding-left:24px;margin-left:24px}
.side-help h3{font-size:1rem;margin-bottom:12px}
.side-help a{display:block;margin:6px 0;font-size:.9rem;color:#1976d2}
@media(max-width:960px){.side-help{display:none}}