.mt-app, .mt-login-wrap {
    font-family: Inter, Arial, sans-serif;
    background: radial-gradient(circle at top right, #2b2108, #050505 45%, #000);
    color: #fff;
    min-height: 100vh;
}
.mt-app { display: flex; }
.mt-sidebar {
    width: 270px;
    background: rgba(0,0,0,.86);
    border-right: 1px solid rgba(212,175,55,.35);
    padding: 32px 20px;
    position: sticky;
    top: 0;
    height: 100vh;
}
.mt-brand, .mt-logo {
    color: #d4af37;
    font-size: 24px;
    letter-spacing: 2px;
    font-weight: 800;
    margin-bottom: 32px;
}
.mt-brand span, .mt-logo span {
    display:block;
    color:#fff;
    font-size:12px;
    letter-spacing:8px;
    margin-top:5px;
}
.mt-sidebar nav a, .mt-logout {
    display:block;
    color:#f5f5f5;
    text-decoration:none;
    padding:16px 18px;
    margin:10px 0;
    border-radius:18px;
    font-weight:700;
}
.mt-sidebar nav a.active, .mt-sidebar nav a:hover {
    background: linear-gradient(90deg, rgba(212,175,55,.55), rgba(212,175,55,.12));
    box-shadow: inset 0 0 0 1px rgba(212,175,55,.45);
}
.mt-logout { margin-top:40px;color:#d4af37; }
.mt-main { flex:1; padding:32px; }
.mt-hero {
    min-height:250px;
    border-radius:26px;
    border:1px solid rgba(212,175,55,.35);
    padding:45px;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    background:
      linear-gradient(90deg, rgba(0,0,0,.9), rgba(0,0,0,.25)),
      url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1600&q=80') center/cover;
}
.mt-hero p { text-transform:uppercase; letter-spacing:3px; color:#f3d47a; }
.mt-hero h1 { font-size:56px; margin:8px 0; color:#d4af37; }
.mt-hero span { font-size:20px; }
.mt-badge {
    background:rgba(0,0,0,.7);
    border:1px solid rgba(212,175,55,.6);
    color:#f3d47a;
    padding:12px 18px;
    border-radius:999px;
    font-weight:800;
}
.mt-grid {
    display:grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap:20px;
    margin-top:22px;
}
.mt-card {
    background:linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
    border:1px solid rgba(212,175,55,.28);
    border-radius:22px;
    padding:24px;
    box-shadow:0 20px 50px rgba(0,0,0,.35);
}
.mt-card.wide { grid-column: span 2; }
.mt-card h2 { color:#d4af37; margin-top:0; }
.mt-points { font-size:48px; color:#fff; font-weight:900; }
.mt-points small { color:#d4af37; font-size:16px; text-transform:uppercase; }
.mt-bar {
    height:12px;
    border-radius:999px;
    background:rgba(255,255,255,.16);
    overflow:hidden;
}
.mt-bar span {
    display:block;
    height:100%;
    background:linear-gradient(90deg, #8b6b18, #ffd76b);
}
.mt-card ul { padding-left:20px; line-height:1.9; }
.mt-tours {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
}
.mt-tours article {
    min-height:120px;
    border-radius:18px;
    padding:18px;
    background:linear-gradient(180deg, rgba(212,175,55,.18), rgba(0,0,0,.75));
    border:1px solid rgba(212,175,55,.25);
}
.mt-tours strong { display:block; color:#ffd76b; margin-bottom:8px; }
.mt-login-wrap {
    display:flex;
    align-items:center;
    justify-content:center;
    padding:30px;
}
.mt-login-card {
    width:420px;
    background:rgba(0,0,0,.82);
    border:1px solid rgba(212,175,55,.45);
    border-radius:28px;
    padding:36px;
    box-shadow:0 30px 80px rgba(0,0,0,.55);
}
.mt-login-card h1 { color:#d4af37; }
.mt-login-card input[type=text],
.mt-login-card input[type=password] {
    width:100%;
    padding:14px;
    border-radius:14px;
    border:1px solid rgba(212,175,55,.35);
    background:#111;
    color:#fff;
}
.mt-login-card input[type=submit] {
    width:100%;
    border:0;
    border-radius:14px;
    padding:14px;
    background:linear-gradient(90deg, #a67c00, #f5d56b);
    color:#111;
    font-weight:900;
    cursor:pointer;
}
@media(max-width:900px){
    .mt-app{display:block}
    .mt-sidebar{position:relative;width:auto;height:auto}
    .mt-grid{grid-template-columns:1fr}
    .mt-card.wide{grid-column:auto}
    .mt-tours{grid-template-columns:1fr}
    .mt-hero{display:block}
    .mt-hero h1{font-size:38px}
}