/* ===== ADMIN PAGE DESIGN SYSTEM ===== */
        :root {
          --navy: #102A43;
          --red: #D62828;
          --orange: #D65A00;
          --yellow: #FFD60A;
          --green: #2E7D32;
          --cream: #FFF7D6;
          --sky: #E3F2FD;
          --white: #FFFFFF;
          --gray: #667085;
        }

        .adm-wrap {
          max-width: 1240px;
          margin: 0 auto;
          padding: 0 24px;
        }

        .adm-section {
          padding: 96px 0;
        }

        .adm-badge {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          background: linear-gradient(135deg, rgba(214, 40, 40, .1), rgba(214, 90, 0, .1));
          border: 1px solid rgba(214, 40, 40, .25);
          border-radius: 50px;
          padding: 8px 20px;
          font-family: 'Montserrat', sans-serif;
          font-weight: 700;
          font-size: .78rem;
          color: #D62828;
          text-transform: uppercase;
          letter-spacing: .08em;
          margin-bottom: 20px;
        }

        .adm-eyebrow {
          font-family: 'Montserrat', sans-serif;
          font-weight: 700;
          font-size: .78rem;
          color: #D65A00;
          text-transform: uppercase;
          letter-spacing: .12em;
          margin-bottom: 12px;
        }

        .adm-h1 {
          font-family: 'Montserrat', sans-serif;
          font-weight: 900;
          font-size: clamp(2rem, 4vw, 3rem);
          line-height: 1.15;
          color: #102A43;
          margin: 0 0 20px;
        }

        .adm-h2 {
          font-family: 'Montserrat', sans-serif;
          font-weight: 800;
          font-size: clamp(1.6rem, 3vw, 2.4rem);
          line-height: 1.2;
          color: #102A43;
          margin: 0 0 16px;
        }

        .adm-h3 {
          font-family: 'Montserrat', sans-serif;
          font-weight: 700;
          font-size: 1rem;
          color: #102A43;
          margin: 0 0 8px;
        }

        .adm-lead {
          font-size: 1.05rem;
          line-height: 1.8;
          color: #4a5568;
          font-family: 'Open Sans', sans-serif;
          margin: 0 0 32px;
        }

        .adm-accent-line {
          width: 48px;
          height: 4px;
          background: linear-gradient(90deg, #D62828, #FFD60A);
          border-radius: 4px;
          margin: 0 0 28px;
        }

        .adm-grid-2 {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 48px;
          align-items: center;
        }

        .adm-grid-3 {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          gap: 24px;
        }

        .adm-grid-4 {
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          gap: 20px;
        }

        .adm-card {
          background: #fff;
          border-radius: 24px;
          padding: 28px;
          box-shadow: 0 4px 24px rgba(16, 42, 67, .08);
          border: 1px solid rgba(16, 42, 67, .06);
          transition: transform .3s ease, box-shadow .3s ease;
        }

        .adm-card:hover {
          transform: translateY(-6px);
          box-shadow: 0 12px 40px rgba(16, 42, 67, .14);
        }

        .adm-icon-box {
          width: 52px;
          height: 52px;
          border-radius: 16px;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 1.5rem;
          margin-bottom: 14px;
          flex-shrink: 0;
        }

        .adm-btn-primary {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          background: linear-gradient(135deg, #D62828, #D65A00);
          color: #fff;
          padding: 14px 32px;
          border-radius: 50px;
          font-family: 'Montserrat', sans-serif;
          font-weight: 700;
          font-size: .95rem;
          text-decoration: none;
          box-shadow: 0 4px 20px rgba(214, 40, 40, .3);
          transition: all .3s ease;
        }

        .adm-btn-primary:hover {
          transform: translateY(-2px);
          box-shadow: 0 8px 28px rgba(214, 40, 40, .4);
        }

        .adm-btn-outline {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          border: 2px solid #102A43;
          color: #102A43;
          padding: 13px 30px;
          border-radius: 50px;
          font-family: 'Montserrat', sans-serif;
          font-weight: 700;
          font-size: .95rem;
          text-decoration: none;
          transition: all .3s ease;
        }

        .adm-btn-outline:hover {
          background: #102A43;
          color: #fff;
          transform: translateY(-2px);
        }

        @keyframes adm-float {

          0%,
          100% {
            transform: translateY(0);
          }

          50% {
            transform: translateY(-10px);
          }
        }

        .adm-float {
          animation: adm-float 3s ease-in-out infinite;
        }

        .adm-float-2 {
          animation: adm-float 3.5s ease-in-out infinite;
          animation-delay: .8s;
        }

        @keyframes adm-fade-up {
          from {
            opacity: 0;
            transform: translateY(30px);
          }

          to {
            opacity: 1;
            transform: translateY(0);
          }
        }

        .adm-fade-up {
          animation: adm-fade-up .6s ease both;
        }

        .adm-chip {
          display: inline-flex;
          align-items: center;
          gap: 6px;
          background: #F0F4FF;
          border: 1px solid rgba(16, 42, 67, .12);
          border-radius: 50px;
          padding: 6px 14px;
          font-family: 'Montserrat', sans-serif;
          font-weight: 600;
          font-size: .8rem;
          color: #102A43;
        }

        /* Dashboard Mockup */
        .adm-dash-row {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          gap: 10px;
          margin-bottom: 10px;
        }

        .adm-dash-card {
          border-radius: 12px;
          padding: 14px;
          display: flex;
          flex-direction: column;
          gap: 4px;
        }

        .adm-dash-num {
          font-family: 'Montserrat', sans-serif;
          font-weight: 800;
          font-size: 1.4rem;
        }

        .adm-dash-lbl {
          font-size: .7rem;
          font-weight: 600;
          opacity: .8;
        }

        /* Orbit */
        .adm-hub {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          background: linear-gradient(135deg, #102A43, #1a3f63);
          border-radius: 32px;
          padding: 32px 40px;
          box-shadow: 0 16px 48px rgba(16, 42, 67, .3), 0 0 0 8px rgba(16, 42, 67, .08);
          text-align: center;
        }

        /* Responsive */
        @media (max-width:768px) {
          .adm-grid-2 {
            grid-template-columns: 1fr;
            gap: 32px;
          }

          .adm-grid-3 {
            grid-template-columns: 1fr;
          }

          .adm-grid-4 {
            grid-template-columns: 1fr 1fr;
          }

          .adm-section {
            padding: 64px 0;
          }
        }

        @media (max-width:480px) {
          .adm-grid-4 {
            grid-template-columns: 1fr;
          }
        }