:root{--bg: #f6f4ef;--sidebar: #152f2e;--sidebar-text: #e8f2ed;--accent: #e4572e;--card: #ffffff;--muted: #6c7a7a;--border: #e2ded6;--shadow: 0 10px 30px rgba(0, 0, 0, .08);font-family:"Source Sans 3",Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#1f2525}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:var(--sidebar);color:var(--sidebar-text);padding:24px 20px;display:flex;flex-direction:column;gap:16px;position:sticky;top:0;height:100vh;align-self:start;overflow-y:auto}.brand{display:grid;justify-items:start;gap:8px;font-size:20px;font-weight:700;line-height:1.1}.brand-logo{width:160px;max-width:100%;height:auto}.tenant{font-size:13px;opacity:.85}.nav{display:flex;flex-direction:column;gap:8px}.nav-search{background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:13px}.nav a{color:var(--sidebar-text);text-decoration:none;padding:8px 10px;border-radius:8px;font-size:14px}.nav a.active{background:#fff3;font-weight:600}.nav a:hover{background:#ffffff1f}.nav-group{border-radius:8px}.nav-group summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;color:var(--sidebar-text);padding:8px 10px;border-radius:8px;font-size:14px;font-weight:600}.nav-group summary:hover{background:#ffffff1f}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary::marker{content:""}.nav-group summary:before{content:"▸";font-size:11px;opacity:.9}.nav-group[open] summary:before{content:"▾"}.nav-sub{display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:6px 0 8px 14px}.nav-sub a{font-size:13px;display:block;width:100%;line-height:1.35;padding:6px 10px;border-radius:6px;white-space:normal;overflow-wrap:anywhere}.role-form{gap:16px}.role-details{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));grid-column:1 / -1}.permissions-section{grid-column:1 / -1;display:grid;gap:16px}.section-header{display:grid;gap:4px}.section-title{font-size:18px;font-weight:700;margin:0}.section-hint{font-size:13px;color:var(--muted)}.perm-toolbar{display:grid;gap:12px;grid-template-columns:minmax(220px,1fr) auto;align-items:end}.perm-search{display:grid;gap:6px}.perm-search input{padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:#fff}.perm-toolbar-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.perm-groups{display:grid;gap:12px}.perm-group{border:1px solid var(--border);border-radius:12px;background:#fff;padding:12px}.perm-group summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;font-weight:600}.perm-group summary::-webkit-details-marker{display:none}.perm-count{font-size:12px;color:var(--muted);font-weight:600}.perm-actions{display:flex;gap:12px;padding:8px 0 12px}.perm-grid{display:grid;gap:10px 16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.perm-item{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:8px 10px;border-radius:8px;border:1px solid transparent;background:#f8f5ef}.perm-item:hover{border-color:var(--border)}.perm-text{display:grid;gap:2px}.perm-name{font-size:14px;font-weight:600}.perm-key{font-size:12px;color:var(--muted)}.sticky-actions{position:sticky;bottom:12px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:var(--shadow);grid-column:1 / -1;z-index:5}.unsaved-indicator{font-size:13px;color:var(--muted);opacity:0;transition:opacity .2s ease}.unsaved-indicator.is-visible{opacity:1}.action-buttons{display:flex;gap:8px}.is-hidden{display:none!important}.main{display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);background:#fff}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-brand{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;border:1px solid var(--border);background:#fff;overflow:hidden}.topbar-brand-logo{width:30px;height:30px;object-fit:contain}.content{padding:24px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:var(--shadow);margin-bottom:16px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{text-align:left;padding:10px;border-bottom:1px solid var(--border)}.button{background:var(--accent);color:#fff;padding:10px 16px;border:none;border-radius:8px;cursor:pointer;font-weight:600}.button-link{background:none;border:none;color:var(--muted);cursor:pointer}.form{display:grid;gap:12px}input,select,textarea{padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:#fff}.alert{background:#ffe8d6;border:1px solid #f6b48f;padding:10px 12px;border-radius:8px;margin-bottom:12px}.guest{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:radial-gradient(circle at 10% 10%,rgba(228,87,46,.12),transparent 38%),radial-gradient(circle at 90% 90%,rgba(21,47,46,.14),transparent 45%),#f6f4ef}.auth-card{background:#fff;padding:28px;border-radius:20px;border:1px solid var(--border);box-shadow:var(--shadow);width:min(460px,100%)}.auth-brand{display:grid;justify-items:center;text-align:center;gap:8px;margin-bottom:14px}.auth-logo{width:clamp(140px,34vw,220px);height:auto}.auth-brand h1{margin:0;font-size:1.45rem;line-height:1.2}.auth-brand p{margin:0;color:var(--muted);font-size:.95rem}.auth-form{display:grid;gap:12px}@media(max-width:480px){.auth-card{padding:22px;border-radius:14px}.auth-brand h1{font-size:1.25rem}}.icon-button{text-decoration:none;font-size:18px}.breadcrumbs{font-size:13px;color:#6b7280;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.breadcrumbs a{color:inherit;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumb-current{color:#111827;font-weight:600}.breadcrumb-sep{color:#9ca3af}.nav-section{margin:12px 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#6b7280}.checkbox-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.checkbox-item{display:flex;gap:8px;align-items:center}.modal-overlay{position:fixed;inset:0;background:#0f171780;display:none;align-items:center;justify-content:center;padding:24px;z-index:50}.modal-overlay.is-open{display:flex}.modal-card{background:#fff;border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow);width:min(960px,95vw);max-height:90vh;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-header h3{margin:0;font-size:16px}.modal-body{padding:0;flex:1}.modal-body iframe{width:100%;height:70vh;border:0;display:block}@media(max-width:900px){.app-shell,.role-details,.perm-toolbar{grid-template-columns:1fr}.sticky-actions{flex-direction:column;align-items:stretch}.action-buttons{justify-content:flex-end}}.content{display:grid;gap:18px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:4px}.page-title{margin:0;font-size:clamp(1.35rem,1.9vw,1.85rem);line-height:1.2;letter-spacing:-.01em}.page-subtitle{margin-top:6px;color:var(--muted);font-size:14px;max-width:72ch}.page-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.card{margin-bottom:0}.card h3{margin:0 0 14px;font-size:18px;letter-spacing:-.01em}.card p{margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;border:1px solid transparent;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .18s ease}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{filter:brightness(.94);transform:translateY(-1px)}.btn-secondary{background:#fff;border-color:var(--border);color:#1f2525}.btn-secondary:hover{background:#f9f7f3}.button-link,a.button-link{color:#0f5f8a;text-decoration:none;font-weight:600;padding:0}.button-link:hover,a.button-link:hover{text-decoration:underline}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.field{display:grid;gap:6px;align-content:start}.field-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.field-input{width:100%}.field-error{color:#b42318;font-size:12px;font-weight:600}.section-gap{height:14px}.form-actions-full{grid-column:1 / -1}.table-wrap{width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:12px}.table{min-width:100%;background:#fff}.table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#faf8f4}.table tbody tr:hover{background:#fbfaf7}.table-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.table-cell-muted{color:var(--muted)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px 14px}.detail-item{background:#faf8f4;border:1px solid var(--border);border-radius:12px;padding:12px;display:grid;gap:6px;min-height:74px}.detail-label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;font-weight:700}.detail-value{font-weight:600;color:#1f2525;overflow-wrap:anywhere}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;background:#eef4ff;color:#2f4f8f}.empty-state{border:1px dashed var(--border);border-radius:12px;padding:18px;text-align:center;color:var(--muted);background:#fcfbf9}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.stat-card{border:1px solid var(--border);border-radius:12px;background:#faf8f4;padding:14px}.stat-label{font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.stat-value{margin-top:6px;font-size:24px;font-weight:700;letter-spacing:-.01em}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.template-card{border:1px solid var(--border);border-radius:12px;background:#fff;padding:14px;display:grid;gap:10px}.template-card-title{margin:0;font-size:15px;font-weight:700}.meta{color:var(--muted);font-size:13px}.dr-dashboard{display:grid;gap:16px}.dr-dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px}.dr-dashboard-header__left{display:grid;gap:8px}.dr-dashboard-header__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;align-items:center}.dr-breadcrumbs{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.dr-breadcrumbs a{color:var(--muted);text-decoration:none}.dr-breadcrumbs a:hover{color:#0f5f8a}.dr-breadcrumbs__active{color:#1f2525;font-weight:700}.dr-dashboard-title{margin:0;font-size:clamp(1.3rem,2vw,1.8rem);letter-spacing:-.01em}.dr-dashboard-subtitle{margin:0;color:var(--muted);font-size:14px}.dr-metrics-grid{display:grid;gap:14px;grid-template-columns:repeat(5,minmax(0,1fr))}.metric-card{border:1px solid var(--border);border-top:4px solid transparent;border-radius:12px;padding:16px 14px 14px;background:#fff;display:grid;gap:6px;min-height:128px}.metric-card__label{margin:0;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.metric-card__value{margin:0;font-size:clamp(1.6rem,2.2vw,2.05rem);font-weight:700;letter-spacing:-.01em;color:#1f2525;line-height:1.1}.metric-card__hint{margin:0;font-size:12px;color:#6b7280}.metric-card--primary{border-top-color:#0f5f8a}.metric-card--success{border-top-color:#1f7a55}.metric-card--neutral{border-top-color:#4b5563}.metric-card--amber{border-top-color:#b66907}.metric-card--indigo{border-top-color:#4f46e5}.dr-sections-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.dr-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}.dr-card-head h3{margin:0}.dr-card-sub{margin:4px 0 0;color:var(--muted);font-size:13px}.dr-empty{padding:22px;font-size:14px}@media(max-width:900px){.content{padding:18px}.topbar{padding:14px 16px}.page-header{flex-direction:column;align-items:stretch}.form-grid{grid-template-columns:1fr}.dr-dashboard-header{flex-direction:column;align-items:stretch}.dr-dashboard-header__actions{justify-content:flex-start}.dr-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dr-sections-grid{grid-template-columns:1fr}}@media(max-width:560px){.dr-metrics-grid{grid-template-columns:1fr}}