базовые настройки

static/css/base.css

@@ -0,0 +1,13 @@
+body {
+    padding-top: 64px; /* чтобы fixed navbar не перекрывал контент */
+}
+
+.navbar-brand {
+    letter-spacing: 0.5px;
+}
+
+.navbar .nav-link.active {
+    color: #fff !important;
+    background-color: rgba(255, 255, 255, 0.15);
+    border-radius: 0.375rem;
+}

static/css/medods.css

@@ -0,0 +1,94 @@
+/* Стили для разделов */
+.url-status {
+    border-left: 4px solid #0dcaf0;
+}
+
+.api-status {
+    border-left: 4px solid #198754;
+}
+
+/* Стили для списка запросов */
+.requests-list {
+    max-height: 500px;
+    overflow-y: auto;
+}
+
+.request-item {
+    transition: all 0.2s ease;
+    cursor: pointer;
+    border-left: 3px solid transparent;
+    padding: 0.75rem 1rem;
+}
+
+.request-item:hover {
+    background-color: rgba(13, 110, 253, 0.05);
+}
+
+.request-item.active {
+    background-color: rgba(13, 110, 253, 0.1);
+    border-left-color: #0d6efd;
+}
+
+/* Метод запроса */
+.method-badge {
+    font-size: 0.75em;
+    min-width: 60px;
+    text-align: center;
+}
+
+/* Стили для JSON */
+.json-key { color: #005cc5; font-weight: 600; }
+.json-string { color: #032f62; }
+.json-number { color: #e36209; }
+.json-boolean { color: #6f42c1; }
+.json-null { color: #d73a49; }
+
+/* Параметры */
+.param-row {
+    background-color: #f8f9fa;
+    border-radius: 6px;
+    padding: 12px;
+    margin-bottom: 10px;
+    border: 1px solid #dee2e6;
+}
+
+.param-row:last-child {
+    margin-bottom: 0;
+}
+
+/* Кнопки действий */
+.btn-action {
+    padding: 0.25rem 0.5rem;
+    font-size: 0.875rem;
+}
+
+/* Респонс контейнер */
+.response-container {
+    font-family: 'SF Mono', Monaco, 'Cascadia Code', Consolas, 'Courier New', monospace;
+    font-size: 13px;
+    line-height: 1.4;
+    background-color: #f8f9fa;
+    border-radius: 8px;
+    padding: 1rem;
+}
+
+.response-pre {
+    margin: 0;
+    white-space: pre-wrap;
+    word-break: break-word;
+}
+
+/* Статус индикаторы */
+.status-indicator {
+    font-size: 0.9rem;
+}
+
+/* Анимации */
+.fade-in {
+    animation: fadeIn 0.3s ease-in;
+}
+
+@keyframes fadeIn {
+    from { opacity: 0; transform: translateY(-10px); }
+    to { opacity: 1; transform: translateY(0); }
+}

static/css/vk.css

@@ -0,0 +1,63 @@
+/* Стили статуса */
+.status-badge {
+    font-size: 0.9rem;
+}
+
+/* Карточки настроек */
+.setting-card {
+    border-left: 4px solid #007bff;
+    transition: all 0.3s ease;
+}
+
+.setting-card:hover {
+    box-shadow: 0 0.5rem 1rem rgba(0, 123, 255, 0.15);
+}
+
+.setting-card .card-header {
+    background-color: rgba(0, 123, 255, 0.05);
+}
+
+/* Иконки VK */
+.vk-icon {
+    color: #0077FF;
+    /* Официальный цвет VK */
+}
+
+/* Анимации */
+.fade-in {
+    animation: fadeIn 0.3s ease-in;
+}
+
+@keyframes fadeIn {
+    from {
+        opacity: 0;
+        transform: translateY(-10px);
+    }
+
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+/* Уведомления */
+.alert-fixed {
+    position: fixed;
+    top: 80px;
+    right: 20px;
+    z-index: 1050;
+    min-width: 300px;
+    max-width: 400px;
+}
+
+/* Chrome, Edge, Safari */
+input[type=number]::-webkit-outer-spin-button,
+input[type=number]::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+}
+
+/* Firefox */
+input[type=number] {
+    -moz-appearance: textfield;
+}