@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Noto+Sans:wght@400;500;700&family=Roboto+Mono:wght@400;500&display=swap');

:root {
    --pm-bg: #f1f3f4;
    --pm-surface: #ffffff;
    --pm-ink: #202124;
    --pm-muted: #5f6368;
    --pm-stroke: #e0e3e7;
    --pm-brand: #1a73e8;
    --pm-shadow: 0 1px 2px rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    --pm-font-sans: "Google Sans", "Google Sans Text", "Product Sans", "Noto Sans", "Roboto", "Segoe UI", Tahoma, sans-serif;
    --pm-font-mono: "Roboto Mono", "Consolas", "Courier New", monospace;
}

body {
    background: var(--pm-bg) !important;
    color: var(--pm-ink) !important;
    font-family: var(--pm-font-sans) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.navbar-brand {
    font-family: var(--pm-font-sans) !important;
}

body::before,
body::after {
    display: none !important;
}

.navbar-inverse,
.navbar-default {
    background: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid var(--pm-stroke) !important;
    box-shadow: 0 1px 2px rgba(60, 64, 67, 0.12) !important;
}

.navbar-brand,
.navbar-default .navbar-brand,
.navbar-inverse .navbar-brand,
.navbar-default .navbar-nav > li > a,
.navbar-inverse .navbar-nav > li > a {
    color: #3c4043 !important;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a {
    color: var(--pm-brand) !important;
    background: transparent !important;
}

.panel,
.panel-modern,
.login-panel,
.profile-card,
.stat-card,
.well {
    background: var(--pm-surface) !important;
    border: 1px solid var(--pm-stroke) !important;
    border-radius: 14px !important;
    box-shadow: var(--pm-shadow) !important;
}

.panel-heading,
.panel-modern .panel-heading {
    background: #ffffff !important;
    border-bottom: 1px solid var(--pm-stroke) !important;
}

.table > thead > tr > th,
.table-modern > thead > tr > th {
    background: #f8f9fa !important;
    color: var(--pm-muted) !important;
    border-bottom: 1px solid var(--pm-stroke) !important;
}

.table > tbody > tr > td,
.table-modern > tbody > tr > td {
    border-top: 1px solid #edf0f2 !important;
}

.table-hover > tbody > tr:hover,
.table-modern > tbody > tr:hover {
    background: #f8fbff !important;
}

.form-control,
.input-group-addon,
select.form-control,
textarea.form-control {
    border-color: var(--pm-stroke) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

.form-control:focus,
select.form-control:focus,
textarea.form-control:focus {
    border-color: var(--pm-brand) !important;
    box-shadow: 0 0 0 3px rgba(26, 115, 232, 0.16) !important;
}

.btn-primary,
.btn-success {
    background: var(--pm-brand) !important;
    border-color: var(--pm-brand) !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-success:hover {
    background: #1765cc !important;
    border-color: #1765cc !important;
}

.btn-default {
    border-color: var(--pm-stroke) !important;
}

.alert {
    border-radius: 10px !important;
}

.label,
.badge {
    border-radius: 999px !important;
}

code,
pre,
kbd,
samp {
    font-family: var(--pm-font-mono) !important;
}