/* Extracted from resources/views/layouts/app.blade.php for CSP stage 10. */
        :root {
            --bg: #f3f7ff;
            --bg-accent: radial-gradient(circle at top left, rgba(59,130,246,.22), transparent 28%), radial-gradient(circle at top right, rgba(16,185,129,.14), transparent 24%), linear-gradient(180deg, #f8fbff 0%, #f3f7ff 52%, #eef3fb 100%);
            --surface: rgba(255,255,255,.94);
            --surface-soft: rgba(255,255,255,.84);
            --surface-strong: #ffffff;
            --ink: #0f172a;
            --muted: #64748b;
            --muted-strong: #475569;
            --line: rgba(148,163,184,.22);
            --line-strong: rgba(148,163,184,.32);
            --primary: #2563eb;
            --primary-deep: #1d4ed8;
            --primary-soft: rgba(37,99,235,.12);
            --success: #16a34a;
            --danger: #dc2626;
            --warning: #d97706;
            --info: #0284c7;
            --shadow-lg: 0 28px 60px rgba(15,23,42,.12);
            --shadow-md: 0 12px 32px rgba(15,23,42,.08);
            --shadow-sm: 0 6px 20px rgba(15,23,42,.06);
            --radius-xl: 24px;
            --radius-lg: 18px;
            --radius-md: 14px;
            --radius-sm: 10px;
            --topbar-height: 84px;
            --sidebar-width: 300px;
        }

        * { box-sizing: border-box; }
        html { scroll-behavior: smooth; }
        body {
            margin: 0;
            font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
            color: var(--ink);
            background: var(--bg-accent);
            min-height: 100vh;
            line-height: 1.55;
        }

        a { color: var(--primary); text-decoration: none; }
        a:hover { color: var(--primary-deep); }
        strong { font-weight: 700; }
        code {
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
            background: rgba(15,23,42,.05);
            padding: 2px 8px;
            border-radius: 999px;
            font-size: 12px;
        }

        .app-backdrop {
            position: fixed;
            inset: 0;
            pointer-events: none;
            background:
                radial-gradient(circle at 15% 15%, rgba(37,99,235,.18), transparent 22%),
                radial-gradient(circle at 85% 8%, rgba(16,185,129,.12), transparent 18%),
                radial-gradient(circle at 78% 70%, rgba(14,165,233,.12), transparent 18%);
        }

        .topbar {
            position: sticky;
            top: 0;
            z-index: 20;
            min-height: var(--topbar-height);
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 18px;
            padding: 18px 28px;
            backdrop-filter: blur(18px);
            background: rgba(15,23,42,.74);
            border-bottom: 1px solid rgba(255,255,255,.08);
            box-shadow: 0 10px 30px rgba(15,23,42,.18);
        }
        .brand {
            display: flex;
            align-items: center;
            gap: 14px;
            min-width: 0;
        }
        .brand-mark {
            width: 58px;
            height: 58px;
            border-radius: 18px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: rgba(255,255,255,.96);
            box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 12px 25px rgba(15,23,42,.24);
            overflow: hidden;
            padding: 4px;
            flex-shrink: 0;
        }
        .brand-mark img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            display: block;
        }
        .brand-text { min-width: 0; }
        .brand-title {
            color: #f8fafc;
            font-weight: 700;
            font-size: 17px;
            letter-spacing: -.02em;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .brand-subtitle {
            color: rgba(226,232,240,.72);
            font-size: 12px;
            margin-top: 2px;
            letter-spacing: .06em;
            text-transform: uppercase;
        }

        .topbar-right {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            gap: 14px;
            flex-wrap: wrap;
        }
        .top-chip {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 10px 14px;
            border-radius: 999px;
            border: 1px solid rgba(255,255,255,.1);
            color: rgba(241,245,249,.9);
            background: rgba(255,255,255,.06);
            font-size: 12px;
            font-weight: 600;
        }
        .top-chip::before {
            content: "";
            width: 8px;
            height: 8px;
            border-radius: 999px;
            background: #22c55e;
            box-shadow: 0 0 0 5px rgba(34,197,94,.14);
        }
        .user-pill {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            padding: 8px 10px 8px 8px;
            border-radius: 999px;
            background: rgba(255,255,255,.08);
            border: 1px solid rgba(255,255,255,.1);
            color: #fff;
            max-width: 100%;
        }
        .user-avatar {
            width: 40px;
            height: 40px;
            border-radius: 14px;
            display: grid;
            place-items: center;
            background: linear-gradient(135deg, rgba(96,165,250,.95), rgba(59,130,246,.7));
            font-weight: 800;
            color: #eff6ff;
            box-shadow: inset 0 1px 0 rgba(255,255,255,.22);
            flex-shrink: 0;
        }
        .user-meta {
            min-width: 0;
            display: grid;
            gap: 2px;
        }
        .user-name {
            font-size: 13px;
            font-weight: 700;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 220px;
        }
        .user-role {
            color: rgba(226,232,240,.7);
            font-size: 11px;
            text-transform: uppercase;
            letter-spacing: .08em;
        }
        .topbar form { margin: 0; }

        .shell {
            display: grid;
            grid-template-columns: var(--sidebar-width) minmax(0, 1fr);
            gap: 22px;
            padding: 20px;
            align-items: start;
        }
        .shell-guest {
            grid-template-columns: minmax(0, 1fr);
            max-width: 1220px;
            margin: 0 auto;
        }

        .sidebar {
            position: sticky;
            top: calc(var(--topbar-height) + 22px);
            align-self: start;
            min-height: calc(100vh - var(--topbar-height) - 44px);
            border-radius: 26px;
            background: linear-gradient(180deg, rgba(15,23,42,.96), rgba(15,23,42,.9));
            border: 1px solid rgba(148,163,184,.12);
            box-shadow: var(--shadow-lg);
            padding: 18px 16px 18px;
            color: #e2e8f0;
            overflow: hidden;
        }
        .sidebar::before {
            content: "";
            position: absolute;
            inset: 0;
            background: radial-gradient(circle at top right, rgba(96,165,250,.12), transparent 28%), radial-gradient(circle at 20% 80%, rgba(20,184,166,.1), transparent 22%);
            pointer-events: none;
        }
        .sidebar > * { position: relative; z-index: 1; }
        .sidebar-intro {
            padding: 2px 2px 10px;
            margin-bottom: 8px;
        }
        .sidebar-intro-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            margin-bottom: 0;
        }
        .sidebar-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 8px 12px;
            border-radius: 999px;
            background: rgba(37,99,235,.18);
            color: #dbeafe;
            border: 1px solid rgba(96,165,250,.16);
            font-size: 12px;
            font-weight: 800;
            letter-spacing: .04em;
            text-transform: uppercase;
        }
        .sidebar-badge::before {
            content: "";
            width: 8px;
            height: 8px;
            border-radius: 999px;
            background: #60a5fa;
            box-shadow: 0 0 0 4px rgba(96,165,250,.14);
        }
        .sidebar-title {
            margin: 0 0 6px;
            color: #f8fafc;
            font-size: 20px;
            line-height: 1.2;
        }
        .sidebar-caption {
            margin: 0;
            color: rgba(226,232,240,.72);
            font-size: 13px;
        }
        .sidebar-groups {
            display: grid;
            gap: 2px;
        }
        .sidebar-group-card {
            position: relative;
            padding: 0;
            background: transparent;
            border: 0;
            border-radius: 0;
            overflow: visible;
            transition: opacity .18s ease;
        }
        .sidebar-group-card + .sidebar-group-card {
            margin-top: 2px;
            padding-top: 10px;
        }
        .sidebar-group-card + .sidebar-group-card::before {
            content: "";
            position: absolute;
            top: 0;
            left: 6px;
            right: 6px;
            border-top: 1px solid rgba(148,163,184,.12);
        }
        .sidebar-group-trigger {
            width: 100%;
            border: 0;
            background: transparent;
            color: inherit;
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto auto;
            align-items: center;
            gap: 10px;
            padding: 10px 10px 10px 12px;
            border-radius: 14px;
            text-align: left;
            cursor: pointer;
            transition: background .18s ease, color .18s ease;
        }
        .sidebar-group-trigger:hover {
            background: rgba(255,255,255,.05);
        }
        .sidebar-group-card.is-open .sidebar-group-trigger,
        .sidebar-group-card.is-active .sidebar-group-trigger {
            background: rgba(37,99,235,.14);
        }
        .sidebar-group-name {
            color: #f8fafc;
            font-weight: 800;
            font-size: 13px;
            letter-spacing: .08em;
            text-transform: uppercase;
            min-width: 0;
        }
        .sidebar-group-state {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            color: rgba(226,232,240,.74);
            font-size: 11px;
            font-weight: 700;
            letter-spacing: .05em;
            text-transform: uppercase;
            white-space: nowrap;
        }
        .sidebar-group-state::before {
            content: "";
            width: 7px;
            height: 7px;
            border-radius: 999px;
            background: rgba(148,163,184,.72);
        }
        .sidebar-group-card.is-open .sidebar-group-state,
        .sidebar-group-card.is-active .sidebar-group-state {
            color: #bfdbfe;
        }
        .sidebar-group-card.is-open .sidebar-group-state::before,
        .sidebar-group-card.is-active .sidebar-group-state::before {
            background: #60a5fa;
        }
        .sidebar-group-chevron {
            color: rgba(147,197,253,.86);
            font-size: 12px;
            transition: transform .18s ease;
        }
        .sidebar-group-card.is-open .sidebar-group-chevron { transform: rotate(180deg); }
        .sidebar-group-panel {
            padding: 6px 0 0;
        }
        .sidebar-menu-list {
            display: grid;
            gap: 3px;
        }
        .sidebar-submenu {
            display: grid;
            gap: 3px;
            padding-top: 3px;
            padding-left: 12px;
            margin-left: 14px;
            border-left: 1px solid rgba(148,163,184,.16);
        }
        .sidebar-link,
        .sidebar-link-button {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            padding: 9px 10px 9px 12px;
            border-radius: 12px;
            color: #cbd5e1;
            text-decoration: none;
            transition: transform .18s ease, background .18s ease, color .18s ease;
            border: 0;
            background: transparent;
            box-shadow: none;
            font: inherit;
            cursor: pointer;
            text-align: left;
        }
        .sidebar-link::before,
        .sidebar-link-button::before {
            content: "";
            width: 6px;
            height: 6px;
            border-radius: 999px;
            background: rgba(148,163,184,.45);
            flex-shrink: 0;
            transition: background .18s ease, transform .18s ease;
        }
        .sidebar-link:hover,
        .sidebar-link-button:hover {
            transform: translateX(2px);
            background: rgba(255,255,255,.05);
            color: #f8fafc;
        }
        .sidebar-link:hover::before,
        .sidebar-link-button:hover::before {
            background: #93c5fd;
            transform: scale(1.12);
        }
        .sidebar-link.is-active,
        .sidebar-link-button.is-active {
            background: linear-gradient(90deg, rgba(37,99,235,.22), rgba(37,99,235,.1));
            color: #ffffff;
            box-shadow: inset 3px 0 0 #60a5fa;
        }
        .sidebar-link.is-active::before,
        .sidebar-link-button.is-active::before {
            background: #7dd3fc;
            transform: scale(1.12);
        }
        .sidebar-link.has-icon::before,
        .sidebar-link-button.has-icon::before {
            display: none;
        }
        .sidebar-link-content {
            flex: 1;
            min-width: 0;
            display: inline-flex;
            align-items: center;
            gap: 10px;
        }
        .sidebar-menu-icon {
            width: 18px;
            height: 18px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: rgba(191,219,254,.86);
            flex: 0 0 18px;
        }
        .sidebar-menu-icon svg {
            width: 18px;
            height: 18px;
            display: block;
        }
        .sidebar-link:hover .sidebar-menu-icon,
        .sidebar-link-button:hover .sidebar-menu-icon,
        .sidebar-link.is-active .sidebar-menu-icon,
        .sidebar-link-button.is-active .sidebar-menu-icon {
            color: #ffffff;
        }
        .sidebar-link-label {
            flex: 1;
            min-width: 0;
        }
        .sidebar-item-chevron {
            color: rgba(147,197,253,.8);
            font-size: 12px;
            transition: transform .18s ease;
        }
        .sidebar-menu-item.is-open > .sidebar-link-button .sidebar-item-chevron { transform: rotate(180deg); }

        .content {
            min-width: 0;
            display: grid;
            gap: 20px;
            align-content: start;
        }
        .content-guest {
            width: min(100%, 1140px);
            margin: 0 auto;
        }
        .page-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            gap: 20px;
            padding: 24px 28px;
            border-radius: 28px;
            background: linear-gradient(135deg, rgba(255,255,255,.88), rgba(255,255,255,.72));
            border: 1px solid rgba(255,255,255,.72);
            box-shadow: var(--shadow-md);
            backdrop-filter: blur(14px);
        }
        .page-header h1 {
            margin: 0;
            font-size: clamp(26px, 3vw, 34px);
            line-height: 1.15;
            letter-spacing: -.03em;
        }
        .page-header p {
            margin: 8px 0 0;
            color: var(--muted);
            max-width: 760px;
        }
        .page-header-actions {
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
            justify-content: flex-end;
        }
        .page-body {
            display: grid;
            gap: 20px;
            align-content: start;
        }
        .surface {
            background: var(--surface);
            border: 1px solid rgba(255,255,255,.7);
            border-radius: 28px;
            box-shadow: var(--shadow-md);
            backdrop-filter: blur(14px);
            padding: 28px;
            overflow: hidden;
        }
        .guest-stage {
            padding: 0;
            background: transparent;
            border: 0;
            box-shadow: none;
            overflow: visible;
        }
        .surface-soft {
            background: var(--surface-soft);
            border: 1px solid rgba(255,255,255,.56);
            border-radius: 24px;
            box-shadow: var(--shadow-sm);
            padding: 22px;
        }
        .section-head {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            gap: 14px;
            margin-bottom: 18px;
            flex-wrap: wrap;
        }
        .section-head h2, .section-head h3 {
            margin: 0;
            font-size: 20px;
            letter-spacing: -.02em;
        }
        .section-head p, .lead, .text-muted { color: var(--muted); }
        .lead { font-size: 15px; }

        .alert {
            position: relative;
            padding: 16px 18px;
            border-radius: 18px;
            margin-bottom: 16px;
            border: 1px solid transparent;
            box-shadow: 0 10px 24px rgba(15,23,42,.05);
        }
        .alert::before {
            content: "";
            position: absolute;
            left: 0;
            top: 12px;
            bottom: 12px;
            width: 4px;
            border-radius: 999px;
            background: currentColor;
            opacity: .35;
        }
        .alert-success { background: rgba(34,197,94,.10); color: #166534; border-color: rgba(34,197,94,.18); }
        .alert-danger { background: rgba(239,68,68,.10); color: #991b1b; border-color: rgba(239,68,68,.18); }
        .alert-warning { background: rgba(245,158,11,.12); color: #9a3412; border-color: rgba(245,158,11,.18); }
        .alert-info { background: rgba(59,130,246,.10); color: #1d4ed8; border-color: rgba(59,130,246,.18); }

        .row {
            display: grid;
            grid-template-columns: repeat(12, minmax(0, 1fr));
            gap: 18px;
        }
        .col-md-2, .col-lg-2 { grid-column: span 2; min-width: 0; }
        .col-md-3, .col-lg-3 { grid-column: span 3; min-width: 0; }
        .col-md-4, .col-lg-4 { grid-column: span 4; min-width: 0; }
        .col-md-5, .col-lg-5 { grid-column: span 5; min-width: 0; }
        .col-md-6, .col-lg-6 { grid-column: span 6; min-width: 0; }
        .col-md-7, .col-lg-7 { grid-column: span 7; min-width: 0; }
        .col-md-8, .col-lg-8 { grid-column: span 8; min-width: 0; }
        .col-md-9, .col-lg-9 { grid-column: span 9; min-width: 0; }
        .col-md-10, .col-lg-10 { grid-column: span 10; min-width: 0; }
        .col-md-1 { grid-column: span 1; min-width: 0; }
        .col-sm-5 { grid-column: span 5; min-width: 0; }
        .col-sm-7 { grid-column: span 7; min-width: 0; }
        .col-xl-3 { grid-column: span 3; min-width: 0; }
        .col-xl-4 { grid-column: span 4; min-width: 0; }
        .col-xl-7 { grid-column: span 7; min-width: 0; }
        .col-xl-8 { grid-column: span 8; min-width: 0; }
        .col-lg-9 { grid-column: span 9; min-width: 0; }
        .col-lg-10 { grid-column: span 10; min-width: 0; }
        .col-md-12, .col-lg-12, .col-12 { grid-column: span 12; min-width: 0; }
        .col-6 { grid-column: span 6; min-width: 0; }
        .col-sm-3 { grid-column: span 3; min-width: 0; }
        .col-sm-4 { grid-column: span 4; min-width: 0; }
        .col-sm-6 { grid-column: span 6; min-width: 0; }
        .col-sm-8 { grid-column: span 8; min-width: 0; }
        .col-sm-9 { grid-column: span 9; min-width: 0; }
        .col-xl-5 { grid-column: span 5; min-width: 0; }
        .col-lg-auto { grid-column: auto; min-width: 0; }

        .stack { display: grid; gap: 14px; }
        .chip {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 8px 12px;
            border-radius: 999px;
            background: rgba(15,23,42,.05);
            color: var(--muted-strong);
            font-size: 12px;
            font-weight: 700;
        }
        .chip-primary { background: rgba(37,99,235,.12); color: #1d4ed8; }

        table {
            width: 100%;
            border-collapse: separate;
            border-spacing: 0;
            overflow: hidden;
            background: rgba(255,255,255,.62);
            border: 1px solid rgba(148,163,184,.18);
            border-radius: 18px;
        }
        th, td {
            padding: 14px 16px;
            border-bottom: 1px solid rgba(226,232,240,.9);
            vertical-align: top;
            text-align: left;
            font-size: 14px;
        }
        th {
            color: var(--muted);
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: .08em;
            background: rgba(248,250,252,.92);
        }
        tbody tr:last-child td { border-bottom: 0; }
        tbody tr:hover td { background: rgba(59,130,246,.03); }
        .table-responsive {
            width: 100%;
            overflow-x: auto;
            border-radius: 18px;
        }
        .table-responsive table { min-width: 100%; }

        input[type=text], input[type=password], input[type=date], input[type=email], input[type=number], textarea, select, input[type=file], .form-control, .form-select {
            width: 100%;
            border: 1px solid rgba(148,163,184,.28);
            border-radius: 14px;
            padding: 12px 14px;
            margin: 8px 0 12px;
            font: inherit;
            color: var(--ink);
            background: rgba(255,255,255,.92);
            box-shadow: inset 0 1px 2px rgba(15,23,42,.03);
            transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
        }
        input:focus, textarea:focus, select:focus, .form-control:focus, .form-select:focus {
            outline: none;
            border-color: rgba(37,99,235,.48);
            box-shadow: 0 0 0 4px rgba(37,99,235,.12);
            transform: translateY(-1px);
        }
        textarea { min-height: 110px; resize: vertical; }
        label, .form-label {
            display: block;
            color: var(--muted-strong);
            font-size: 13px;
            font-weight: 700;
            letter-spacing: .01em;
        }
        .is-invalid {
            border-color: rgba(239,68,68,.5) !important;
            box-shadow: 0 0 0 4px rgba(239,68,68,.08) !important;
        }
        .invalid-feedback {
            margin-top: -6px;
            margin-bottom: 12px;
            color: #b91c1c;
            font-size: 13px;
        }
        .form-check {
            display: flex;
            align-items: center;
            gap: 10px;
        }
        .form-check-input {
            width: auto !important;
            margin: 0 !important;
        }
        .form-check-label {
            display: inline;
            font-weight: 600;
        }

        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            min-height: 44px;
            padding: 11px 16px;
            border-radius: 14px;
            border: 1px solid transparent;
            text-decoration: none;
            cursor: pointer;
            font: inherit;
            font-weight: 700;
            letter-spacing: .01em;
            transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
            box-shadow: 0 10px 20px rgba(15,23,42,.05);
        }
        .btn:hover { transform: translateY(-1px); }
        .btn-primary { background: linear-gradient(135deg, var(--primary), #3b82f6); color: #fff; box-shadow: 0 14px 26px rgba(37,99,235,.24); }
        .btn-success { background: linear-gradient(135deg, #16a34a, #22c55e); color: #fff; box-shadow: 0 14px 26px rgba(34,197,94,.22); }
        .btn-danger { background: linear-gradient(135deg, #dc2626, #ef4444); color: #fff; box-shadow: 0 14px 26px rgba(239,68,68,.22); }
        .btn-info { background: linear-gradient(135deg, #0284c7, #0ea5e9); color: #fff; box-shadow: 0 14px 26px rgba(14,165,233,.2); }
        .btn-outline-secondary,
        .btn-outline-primary,
        .btn-outline-danger {
            background: rgba(255,255,255,.86);
            border-color: rgba(148,163,184,.28);
        }
        .btn-outline-secondary { color: var(--ink); }
        .btn-outline-primary { color: var(--primary-deep); border-color: rgba(37,99,235,.22); }
        .btn-outline-danger { color: #b91c1c; border-color: rgba(239,68,68,.22); }
        .btn-outline-secondary:hover,
        .btn-outline-primary:hover,
        .btn-outline-danger:hover {
            border-color: rgba(37,99,235,.28);
            background: #fff;
        }
        .btn-sm {
            min-height: 36px;
            padding: 8px 12px;
            font-size: 13px;
            border-radius: 12px;
        }

        .hero-btn {
            min-height: 48px;
            padding: 12px 18px;
            border-radius: 16px;
            font-weight: 800;
            box-shadow: 0 16px 32px rgba(15,23,42,.16);
            border-width: 1px;
        }
        .hero-btn:hover {
            transform: translateY(-1px);
            box-shadow: 0 18px 34px rgba(15,23,42,.18);
        }
        .btn-sm.hero-btn {
            min-height: 38px;
            padding: 8px 12px;
            border-radius: 12px;
            box-shadow: 0 10px 20px rgba(15,23,42,.12);
        }
        .hero-btn span:last-child {
            white-space: nowrap;
        }
        .hero-btn-primary {
            background: #ffffff;
            color: #1d4ed8;
            border-color: rgba(255,255,255,.84);
        }
        .hero-btn-primary:hover {
            background: #ffffff;
            color: #1e40af;
            border-color: rgba(255,255,255,.96);
        }
        .hero-btn-soft {
            background: #dbeafe;
            color: #1e3a8a;
            border-color: rgba(191,219,254,.96);
        }
        .hero-btn-soft:hover {
            background: #eff6ff;
            color: #1e3a8a;
            border-color: rgba(191,219,254,1);
        }
        .hero-btn-accent {
            background: #fbbf24;
            color: #111827;
            border-color: rgba(251,191,36,.98);
            box-shadow: 0 16px 32px rgba(245,158,11,.24);
        }
        .hero-btn-accent:hover {
            background: #facc15;
            color: #111827;
            border-color: rgba(250,204,21,.98);
            box-shadow: 0 18px 34px rgba(245,158,11,.28);
        }
        .hero-btn-ghost {
            background: rgba(255,255,255,.14);
            color: #f8fafc;
            border-color: rgba(255,255,255,.28);
            backdrop-filter: blur(10px);
            box-shadow: 0 14px 28px rgba(15,23,42,.12);
        }
        .hero-btn-ghost:hover {
            background: rgba(255,255,255,.2);
            color: #ffffff;
            border-color: rgba(255,255,255,.4);
            box-shadow: 0 16px 32px rgba(15,23,42,.16);
        }
        .hero-btn-success {
            background: #dcfce7;
            color: #166534;
            border-color: rgba(134,239,172,.96);
        }
        .hero-btn-success:hover {
            background: #f0fdf4;
            color: #166534;
            border-color: rgba(134,239,172,1);
        }
        .hero-btn-dark {
            background: rgba(15,23,42,.52);
            color: #f8fafc;
            border-color: rgba(255,255,255,.18);
            backdrop-filter: blur(10px);
        }
        .hero-btn-dark:hover {
            background: rgba(15,23,42,.66);
            color: #ffffff;
            border-color: rgba(255,255,255,.28);
        }
        .hero-btn:disabled,
        .hero-btn.disabled {
            opacity: .78;
            cursor: not-allowed;
            transform: none;
        }

        .card,
        .cardish {
            background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.78));
            border: 1px solid rgba(148,163,184,.18);
            border-radius: 22px;
            box-shadow: var(--shadow-sm);
        }
        .cardish { padding: 20px; }
        .card-header,
        .card-body,
        .card-footer {
            padding: 18px 20px;
        }
        .card-header {
            border-bottom: 1px solid rgba(148,163,184,.14);
            font-weight: 700;
        }
        .card-footer {
            border-top: 1px solid rgba(148,163,184,.14);
        }

        .badge {
            display: inline-flex;
            align-items: center;
            border-radius: 999px;
            font-size: 12px;
            padding: 5px 10px;
            font-weight: 700;
            line-height: 1.2;
        }
        .bg-success, .text-bg-success { background: #dcfce7; color: #166534; }
        .bg-secondary, .text-bg-secondary { background: #e2e8f0; color: #334155; }
        .bg-danger, .text-bg-danger { background: #fee2e2; color: #991b1b; }
        .bg-warning, .text-bg-warning { background: #fef3c7; color: #92400e; }
        .bg-info, .text-bg-info { background: #dbeafe; color: #1d4ed8; }
        .bg-primary, .text-bg-primary { background: #dbeafe; color: #1e40af; }
        .bg-dark, .text-bg-dark { background: #0f172a; color: #e2e8f0; }
        .text-dark { color: #0f172a; }
        .text-danger { color: #b91c1c; }

        .stats-strip {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 14px;
            margin-top: 18px;
        }
        .stat-card {
            padding: 16px 18px;
            border-radius: 20px;
            background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.7));
            border: 1px solid rgba(148,163,184,.18);
            box-shadow: var(--shadow-sm);
        }
        .stat-label {
            color: var(--muted);
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: .1em;
            margin-bottom: 6px;
        }
        .stat-value {
            font-size: 28px;
            font-weight: 800;
            line-height: 1;
            letter-spacing: -.04em;
        }
        .stat-note { margin-top: 6px; color: var(--muted); font-size: 13px; }

        .empty-state {
            padding: 28px;
            border-radius: 24px;
            border: 1px dashed rgba(148,163,184,.34);
            background: rgba(255,255,255,.55);
            text-align: center;
            color: var(--muted);
        }

        .container { width: min(100%, 1140px); margin: 0 auto; }
        .d-flex { display: flex; }
        .d-grid { display: grid; }
        .d-inline-flex { display: inline-flex; }
        .d-inline { display: inline; }
        .justify-content-between { justify-content: space-between; }
        .align-items-center { align-items: center; }
        .align-items-start { align-items: flex-start; }
        .align-items-stretch { align-items: stretch; }
        .align-self-center { align-self: center; }
        .align-items-xl-start { align-items: flex-start; }
        .align-items-end { align-items: flex-end; }
        .flex-wrap { flex-wrap: wrap; }
        .gap-1 { gap: 4px; }
        .gap-2 { gap: 8px; }
        .gap-3 { gap: 12px; }
        .gap-4 { gap: 16px; }
        .gap-lg-3 { gap: 12px; }
        .gap-xl-4 { gap: 16px; }
        .g-3 { gap: 18px; }
        .g-4 { gap: 22px; }
        .w-100 { width: 100%; }
        .h-100 { height: 100%; }
        .rounded { border-radius: 16px; }
        .border { border: 1px solid rgba(148,163,184,.18); }
        .p-3 { padding: 18px; }
        .p-4 { padding: 24px; }
        .p-lg-4 { padding: 24px; }
        .p-lg-5 { padding: 32px; }
        .py-3 { padding-top: 18px; padding-bottom: 18px; }
        .py-4 { padding-top: 24px; padding-bottom: 24px; }
        .mb-0 { margin-bottom: 0; }
        .mb-1 { margin-bottom: 6px; }
        .mb-2 { margin-bottom: 10px; }
        .mb-3 { margin-bottom: 16px; }
        .mb-4 { margin-bottom: 22px; }
        .mt-1 { margin-top: 6px; }
        .mt-2 { margin-top: 10px; }
        .mt-3 { margin-top: 16px; }
        .mt-4 { margin-top: 24px; }
        .text-center { text-align: center; }
        .text-end { text-align: right; }
        .small { font-size: 12px; }
        .fw-semibold { font-weight: 600; }
        .display-6 { font-size: clamp(28px, 3vw, 36px); font-weight: 800; line-height: 1.1; }
        .h3 { font-size: 28px; font-weight: 700; margin: 0; }
        .h4 { font-size: 22px; font-weight: 700; margin: 0; }
        .h5 { font-size: 18px; font-weight: 700; margin: 0; }
        .h6 { font-size: 16px; font-weight: 700; margin: 0; }
        .fs-4 { font-size: 24px; }
        .fs-5 { font-size: 20px; }
        .d-block { display: block; }
        .flex-column { flex-direction: column; }
        .flex-row { flex-direction: row; }
        .justify-content-start { justify-content: flex-start; }
        .justify-content-center { justify-content: center; }
        .justify-content-end { justify-content: flex-end; }
        .mx-auto { margin-left: auto; margin-right: auto; }
        .ms-auto { margin-left: auto; }
        .me-auto { margin-right: auto; }
        .ms-1 { margin-left: 6px; }
        .me-1 { margin-right: 6px; }
        .m-0 { margin: 0; }
        .p-0 { padding: 0; }
        .px-3 { padding-left: 18px; padding-right: 18px; }
        .py-2 { padding-top: 12px; padding-bottom: 12px; }
        .py-5 { padding-top: 32px; padding-bottom: 32px; }
        .px-0 { padding-left: 0; padding-right: 0; }
        .px-4 { padding-left: 24px; padding-right: 24px; }
        .ps-4 { padding-left: 24px; }
        .pe-3 { padding-right: 18px; }
        .pe-lg-4 { padding-right: 24px; }
        .pt-0 { padding-top: 0; }
        .pt-2 { padding-top: 12px; }
        .pt-3 { padding-top: 18px; }
        .pt-4 { padding-top: 24px; }
        .pb-0 { padding-bottom: 0; }
        .pb-2 { padding-bottom: 12px; }
        .pb-3 { padding-bottom: 18px; }
        .pb-4 { padding-bottom: 24px; }
        .ps-3 { padding-left: 18px; }
        .border-0 { border: 0 !important; }
        .shadow-sm { box-shadow: var(--shadow-sm); }
        .rounded-3 { border-radius: 18px; }
        .rounded-4 { border-radius: 22px; }
        .rounded-circle { border-radius: 999px; }
        .bg-white { background: #fff; }
        .bg-transparent { background: transparent; }
        .bg-body { background: rgba(255,255,255,.9); }
        .bg-body-tertiary { background: rgba(248,250,252,.92); }
        .bg-light { background: rgba(248,250,252,.96); }
        .text-bg-light { background: rgba(248,250,252,.96); color: var(--muted-strong); }
        .rounded-pill { border-radius: 999px; }
        .border-bottom-0 { border-bottom: 0 !important; }
        .border-top { border-top: 1px solid rgba(148,163,184,.14); }
        .border-bottom { border-bottom: 1px solid rgba(148,163,184,.14); }
        .border-start { border-left: 1px solid rgba(148,163,184,.14); }
        .border-2 { border-width: 2px !important; }
        .text-break { overflow-wrap: anywhere; word-break: break-word; }
        .text-nowrap { white-space: nowrap; }
        .text-wrap { white-space: normal; }
        .text-start { text-align: left; }
        .text-secondary { color: var(--muted); }
        .text-success { color: #166534; }
        .text-warning { color: #92400e; }
        .fw-bold { font-weight: 700; }
        .fw-normal { font-weight: 400; }
        .fs-6 { font-size: 16px; }
        .form-text { color: var(--muted); font-size: 12px; margin-top: -6px; margin-bottom: 12px; }
        .alert-light { background: rgba(248,250,252,.92); color: var(--muted-strong); border-color: rgba(148,163,184,.18); }
        .table { width: 100%; }
        .table-sm th, .table-sm td { padding: 10px 12px; }
        .align-middle th, .align-middle td { vertical-align: middle; }
        .table-hover tbody tr:hover td { background: rgba(59,130,246,.05); }
        .table-striped tbody tr:nth-child(odd) td { background: rgba(248,250,252,.88); }
        .table-light th { background: rgba(241,245,249,.96); }
        .list-group { display: grid; padding: 0; margin: 0; border-radius: 18px; overflow: hidden; border: 1px solid rgba(148,163,184,.18); background: rgba(255,255,255,.68); }
        .list-group-flush { border: 0; border-radius: 0; background: transparent; }
        .list-group-item { list-style: none; padding: 14px 16px; border-bottom: 1px solid rgba(226,232,240,.9); background: transparent; }
        .list-group-item:last-child { border-bottom: 0; }
        .hero-panel {
            display: grid;
            gap: 18px;
            padding: 26px 28px;
            border-radius: 28px;
            background: linear-gradient(135deg, rgba(37,99,235,.13), rgba(255,255,255,.9));
            border: 1px solid rgba(255,255,255,.72);
            box-shadow: var(--shadow-md);
        }
        .hero-panel-grid {
            display: grid;
            grid-template-columns: minmax(0, 1.3fr) minmax(260px, .7fr);
            gap: 18px;
            align-items: start;
        }
        .hero-panel-aside {
            padding: 18px 20px;
            border-radius: 22px;
            background: rgba(255,255,255,.78);
            border: 1px solid rgba(148,163,184,.16);
            box-shadow: inset 0 1px 0 rgba(255,255,255,.75);
        }
        .hero-panel-title { margin: 12px 0 8px; font-size: clamp(28px, 3vw, 38px); line-height: 1.08; letter-spacing: -.045em; }
        .hero-panel-lead { margin: 0; max-width: 66ch; color: var(--muted); }
        .info-note {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            padding: 14px 16px;
            border-radius: 18px;
            background: rgba(255,255,255,.74);
            border: 1px solid rgba(96,165,250,.18);
            color: #1d4ed8;
        }
        .info-note::before {
            content: "i";
            display: inline-grid;
            place-items: center;
            width: 24px;
            height: 24px;
            border-radius: 999px;
            background: rgba(37,99,235,.12);
            color: #1d4ed8;
            font-weight: 800;
            flex: 0 0 auto;
        }
        .metric-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
        .metric-tile {
            padding: 16px 18px;
            border-radius: 20px;
            border: 1px solid rgba(148,163,184,.18);
            background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,255,255,.76));
            box-shadow: 0 12px 24px rgba(15,23,42,.05);
        }
        .metric-tile-title { color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 8px; }
        .metric-tile-value { font-size: 30px; font-weight: 800; letter-spacing: -.04em; line-height: 1; }
        .metric-tile-note { margin-top: 8px; font-size: 13px; color: var(--muted); }
        .card-grid { display: grid; gap: 16px; }
        .card-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .card-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
        .status-pill {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 7px 12px;
            border-radius: 999px;
            font-size: 12px;
            font-weight: 700;
            line-height: 1.2;
        }
        .status-pill::before {
            content: "";
            width: 8px;
            height: 8px;
            border-radius: 999px;
            background: currentColor;
            opacity: .7;
        }
        .detail-list { display: grid; gap: 0; }
        .detail-row { display: grid; grid-template-columns: minmax(150px, 200px) minmax(0, 1fr); gap: 16px; padding: 12px 0; border-bottom: 1px solid rgba(226,232,240,.9); }
        .detail-row:last-child { border-bottom: 0; }
        .detail-label { color: var(--muted); font-size: 13px; font-weight: 700; }
        .detail-value { color: var(--ink); }


        nav[role="navigation"] {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
            flex-wrap: wrap;
            margin-top: 18px;
            padding-top: 18px;
            border-top: 1px solid rgba(148,163,184,.16);
        }
        nav[role="navigation"] > div:first-child {
            display: none;
        }
        nav[role="navigation"] > div:last-child {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
            flex-wrap: wrap;
        }
        nav[role="navigation"] p {
            margin: 0;
            color: var(--muted);
            font-size: 13px;
        }
        nav[role="navigation"] .relative.z-0.inline-flex {
            display: inline-flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 8px;
        }
        nav[role="navigation"] .relative.inline-flex.items-center {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 40px;
            min-height: 40px;
            padding: 0 14px;
            border-radius: 12px;
            border: 1px solid rgba(148,163,184,.22);
            background: rgba(255,255,255,.92);
            color: var(--muted-strong);
            box-shadow: 0 10px 18px rgba(15,23,42,.04);
            text-decoration: none;
        }
        nav[role="navigation"] a.relative.inline-flex.items-center:hover {
            border-color: rgba(37,99,235,.25);
            background: #fff;
            color: var(--primary-deep);
        }
        nav[role="navigation"] span[aria-current="page"] .relative.inline-flex.items-center {
            background: linear-gradient(135deg, var(--primary), #3b82f6);
            border-color: transparent;
            color: #fff;
            box-shadow: 0 12px 24px rgba(37,99,235,.22);
        }
        nav[role="navigation"] span.relative.inline-flex.items-center[aria-disabled="true"] {
            opacity: .55;
            background: rgba(248,250,252,.86);
        }
        nav[role="navigation"] svg {
            width: 16px;
            height: 16px;
            flex: 0 0 auto;
        }

        @media (max-width: 720px) {
            nav[role="navigation"] > div:last-child {
                flex-direction: column;
                align-items: stretch;
            }
            nav[role="navigation"] .relative.z-0.inline-flex {
                justify-content: flex-start;
            }
        }

        @media (min-width: 768px) {
            .flex-md-row { flex-direction: row; }
            .align-items-md-center { align-items: center; }
            .align-items-md-start { align-items: flex-start; }
            .ms-md-auto { margin-left: auto; }
            .text-md-center { text-align: center; }
        }
        @media (min-width: 992px) {
            .flex-lg-row { flex-direction: row; }
            .align-items-lg-end { align-items: flex-end; }
            .align-items-lg-center { align-items: center; }
            .justify-content-lg-end { justify-content: flex-end; }
        }
        @media (min-width: 1200px) {
            .justify-content-xl-end { justify-content: flex-end; }
        }

        @media (max-width: 1180px) {
            :root { --sidebar-width: 288px; }
            .content-guest { width: 100%; }
        }
        @media (max-width: 980px) {
            .shell {
                grid-template-columns: 1fr;
                padding: 16px;
                gap: 16px;
            }
            .shell-guest {
                padding-left: 16px;
                padding-right: 16px;
            }
            .sidebar {
                position: relative;
                top: auto;
                min-height: auto;
            }
            .col-md-2,
            .col-md-3,
            .col-md-4,
            .col-md-5,
            .col-md-6,
            .col-md-7,
            .col-md-8,
            .col-md-9,
            .col-md-10,
            .col-md-12,
            .col-sm-3,
            .col-sm-4,
            .col-sm-5,
            .col-sm-6,
            .col-sm-7,
            .col-sm-8,
            .col-sm-9,
            .col-xl-3,
            .col-xl-4,
            .col-xl-5,
            .col-xl-7,
            .col-xl-8,
            .col-6,
            .col-12 {
                grid-column: span 12;
            }
            .stats-strip, .metric-grid, .card-grid-2, .card-grid-3, .hero-panel-grid { grid-template-columns: 1fr; }
        }
        @media (max-width: 720px) {
            .topbar {
                min-height: auto;
                align-items: flex-start;
                padding: 18px 16px;
                flex-direction: column;
            }
            .topbar-right { width: 100%; justify-content: space-between; }
            .surface, .page-header, .hero-panel { padding: 22px 18px; border-radius: 22px; }
            .brand-title { white-space: normal; }
            .user-name { max-width: 160px; }
            .page-header { flex-direction: column; }
            .sidebar-group-trigger { padding: 14px; }
            .detail-row { grid-template-columns: 1fr; gap: 6px; }
            .hero-panel-title { font-size: 30px; }
        }


        html, body {
            height: 100%;
        }
        body {
            display: flex;
            flex-direction: column;
            overflow: hidden;
            overscroll-behavior: none;
        }
        .topbar {
            position: relative;
            flex: 0 0 auto;
        }
        .topbar-left {
            display: flex;
            align-items: center;
            gap: 14px;
            min-width: 0;
            flex: 1 1 auto;
        }
        .topbar-right {
            min-width: 0;
            flex: 0 1 auto;
        }
        .sidebar-toggle {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 46px;
            height: 46px;
            padding: 0;
            border-radius: 16px;
            border: 1px solid rgba(255,255,255,.12);
            background: rgba(255,255,255,.08);
            color: #f8fafc;
            cursor: pointer;
            font: inherit;
            box-shadow: 0 10px 24px rgba(15,23,42,.12);
            transition: background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease, opacity .18s ease;
        }
        .sidebar-toggle:hover {
            transform: translateY(-1px);
            background: rgba(59,130,246,.18);
            border-color: rgba(147,197,253,.32);
            box-shadow: 0 14px 26px rgba(15,23,42,.16);
        }
        .sidebar-toggle-icon {
            font-size: 20px;
            line-height: 1;
        }
        .sidebar-toggle-topbar {
            display: none;
            flex: 0 0 auto;
        }
        .sidebar-toggle-inline {
            flex: 0 0 auto;
            width: 42px;
            height: 42px;
            border-radius: 14px;
            background: rgba(255,255,255,.08);
        }
        .shell {
            flex: 1 1 auto;
            min-height: 0;
            overflow: hidden;
            align-items: stretch;
            transition: grid-template-columns .28s ease, gap .28s ease, padding .28s ease;
        }
        .shell-guest {
            max-width: none;
            width: 100%;
            margin: 0;
        }
        .sidebar-shell,
        .content-shell,
        .content-viewport,
        .content,
        .page-body,
        .page-header {
            min-width: 0;
            min-height: 0;
        }
        .sidebar-shell {
            min-height: 0;
            align-self: start;
            overflow: visible;
            transition: width .28s ease, opacity .28s ease, transform .28s ease, margin .28s ease;
        }
        .sidebar {
            position: relative;
            top: auto;
            min-height: 0;
            height: auto;
            max-height: calc(100vh - var(--topbar-height) - 44px);
            display: flex;
            flex-direction: column;
            overflow: hidden;
        }
        .sidebar-head {
            display: none;
            justify-content: flex-end;
            padding-bottom: 10px;
        }
        .sidebar-mobile-close {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            border-radius: 12px;
            border: 1px solid rgba(255,255,255,.12);
            background: rgba(255,255,255,.08);
            color: #f8fafc;
            font: inherit;
            cursor: pointer;
        }
        .sidebar-scroll {
            flex: 0 1 auto;
            min-height: 0;
            max-height: calc(100vh - var(--topbar-height) - 96px);
            overflow: auto;
            overscroll-behavior: contain;
            scrollbar-gutter: stable;
            padding-right: 4px;
        }
        .content-shell {
            min-height: 0;
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }
        .content-shell-guest {
            width: 100%;
        }
        .content-viewport {
            flex: 1 1 auto;
            min-height: 0;
            overflow: auto;
            overscroll-behavior: contain;
            scrollbar-gutter: stable both-edges;
            padding-right: 2px;
        }
        .content {
            min-height: 100%;
        }
        .content-auth {
            width: 100%;
            max-width: 100%;
            min-width: 0;
        }
        .surface {
            overflow: visible;
        }
        .surface > .container,
        .page-body > .container {
            width: 100%;
            max-width: none;
            margin-left: 0;
            margin-right: 0;
        }
        .sidebar-overlay {
            position: fixed;
            inset: 0;
            background: rgba(15,23,42,.48);
            backdrop-filter: blur(3px);
            opacity: 0;
            pointer-events: none;
            transition: opacity .24s ease;
            z-index: 35;
        }
        body.sidebar-collapsed .shell {
            grid-template-columns: 0 minmax(0, 1fr);
            gap: 0;
        }
        body.sidebar-collapsed .sidebar-shell {
            width: 0;
            opacity: 0;
            transform: translateX(-18px);
            pointer-events: none;
        }
        body.sidebar-collapsed .sidebar {
            padding-left: 0;
            padding-right: 0;
            border-width: 0;
        }
        @media (max-width: 980px) {
            .topbar-left {
                width: 100%;
            }
            .sidebar-toggle-topbar {
                display: inline-flex;
            }
            .sidebar-toggle-inline {
                display: none;
            }
            .shell,
            body.sidebar-collapsed .shell {
                grid-template-columns: minmax(0, 1fr);
                gap: 0;
            }
            .sidebar-shell {
                position: fixed;
                top: 0;
                left: 0;
                bottom: 0;
                z-index: 40;
                width: min(86vw, 340px);
                padding: 16px 0 16px 16px;
                transform: translateX(calc(-100% - 24px));
                opacity: 0;
                pointer-events: none;
            }
            .sidebar {
                height: 100%;
                max-height: none;
                box-shadow: 0 24px 60px rgba(15,23,42,.3);
            }
            .sidebar-head {
                display: flex;
            }
            .content-shell {
                min-width: 0;
            }
            body.sidebar-open .sidebar-shell {
                transform: translateX(0);
                opacity: 1;
                pointer-events: auto;
            }
            body.sidebar-open .sidebar-overlay {
                opacity: 1;
                pointer-events: auto;
            }
        }
        @media (max-width: 720px) {
            .topbar-right {
                width: 100%;
            }
            .brand-mark {
                width: 52px;
                height: 52px;
                border-radius: 16px;
            }
            .content-viewport {
                scrollbar-gutter: auto;
            }
        }
        body.sidebar-collapsed .sidebar-toggle-topbar {
            display: inline-flex;
        }
        body.sidebar-collapsed .sidebar-toggle-inline {
            opacity: 0;
            pointer-events: none;
        }
        @media print {
            html, body {
                height: auto;
                overflow: visible;
            }
            body {
                display: block;
            }
            .app-backdrop,
            .topbar,
            .sidebar-shell,
            .sidebar-overlay,
            .sidebar-toggle,
            .sidebar-mobile-close {
                display: none !important;
            }
            .shell,
            .content-shell,
            .content-viewport,
            .content,
            .surface,
            .page-body {
                display: block;
                overflow: visible !important;
                width: auto !important;
                min-height: auto !important;
                min-width: 0 !important;
                padding: 0 !important;
                box-shadow: none !important;
                background: #fff !important;
                border: 0 !important;
            }
        }