Initial commit: fabric-trade-admin panel with responsive layouts and UI refinements.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-08-03 12:14:12 +02:00
commit a8501f4604
75 changed files with 14787 additions and 0 deletions
@@ -0,0 +1,144 @@
+@import './fonts.css';
+
+:root {
+  --color-primary: #17379f;
+  --color-primary-hover: #102b83;
+  --color-primary-soft: #eef3ff;
+  --color-sidebar-bg: #1a2542;
+  --color-sidebar-active: #243456;
+  --color-sidebar-hover: #243456;
+  --color-success: #159660;
+  --color-success-light: #eaf8f1;
+  --color-success-dark: #0d7a4d;
+  --color-warning: #f59e0b;
+  --color-warning-light: #fff6e5;
+  --color-warning-dark: #d97706;
+  --color-danger: #dc3545;
+  --color-danger-light: #fee2e2;
+  --color-purple: #7c3aed;
+  --color-purple-light: #ede9fe;
+  --color-info: #17379f;
+  --color-info-light: #eef3ff;
+  --color-bg: #f0f2f7;
+  --color-surface: #ffffff;
+  --color-border: #e5e8ef;
+  --color-border-light: #f1f3f7;
+  --color-text: #182033;
+  --color-text-muted: #667085;
+  --color-text-secondary: #94a3b8;
+  --radius-sm: 8px;
+  --radius-md: 12px;
+  --radius-lg: 16px;
+  --shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.04);
+  --shadow-card: 0 1px 3px rgba(16, 24, 40, 0.06), 0 4px 16px rgba(16, 24, 40, 0.04);
+  --sidebar-width: 240px;
+  --header-height: 72px;
+  --font-family: 'IRANSans', 'Tahoma', sans-serif;
+  --btn-primary-bg: #1e293b;
+  --btn-primary-hover: #0f172a;
+  --admin-desktop-min: 1280px;
+  --control-height: 40px;
+  --control-height-sm: 32px;
+  --space-1: 4px;
+  --space-2: 8px;
+  --space-3: 12px;
+  --space-4: 16px;
+  --space-5: 20px;
+  --space-6: 24px;
+  --transition-fast: 0.15s ease;
+  --transition-base: 0.18s ease;
+  --focus-ring: 0 0 0 3px rgba(23, 55, 159, 0.14);
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+html {
+  font-size: 16px;
+  -webkit-text-size-adjust: 100%;
+  height: 100%;
+}
+
+body {
+  margin: 0;
+  font-family: var(--font-family);
+  background: var(--color-bg);
+  color: var(--color-text);
+  line-height: 1.5;
+  direction: rtl;
+  height: 100%;
+}
+
+#app {
+  height: 100dvh;
+}
+
+/* Hide scrollbars across the admin panel (scroll still works) */
+html,
+body,
+#app,
+#app *,
+.admin-modal-backdrop,
+.admin-modal-backdrop * {
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+
+html::-webkit-scrollbar,
+body::-webkit-scrollbar,
+#app::-webkit-scrollbar,
+#app *::-webkit-scrollbar,
+.admin-modal-backdrop::-webkit-scrollbar,
+.admin-modal-backdrop *::-webkit-scrollbar {
+  display: none;
+  width: 0;
+  height: 0;
+  background: transparent;
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+}
+
+button {
+  font-family: inherit;
+  cursor: pointer;
+}
+
+button:focus-visible {
+  outline: 2px solid var(--color-primary);
+  outline-offset: 2px;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
+}
+
+input,
+textarea,
+select {
+  font-family: inherit;
+}
+
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}