Spaces:

stat2025
/

ticket-parser

Running

App Files Files Community

stat2025 commited on Aug 22, 2025

Commit

3b1f761

verified ·

1 Parent(s): e020c6f

Update style.css

Browse files

Files changed (1) hide show

style.css +35 -34

style.css CHANGED Viewed

@@ -1,34 +1,35 @@
-<!doctype html>
-<html lang="ar" dir="rtl">
-<head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width,initial-scale=1" />
-  <title>منصة معالجة التذاكر</title>
-  <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap" rel="stylesheet">
-  <link rel="stylesheet" href="./style.css" />
-</head>
-<body>
-  <div class="container">
-    <header class="hero">
-      <h1>منصة معالجة التذاكر</h1>
-      <p class="sub">تطوير وإعداد — <b>نوف الناصر</b></p>
-    </header>
-    <section class="card center">
-      <p class="lead">حوّلي/حوّل رسائل التذاكر العربية إلى جدول مُرتّب ثم صدّري/صدّر إلى Excel فورًا.</p>
-      <div class="steps">
-        <div class="step"><span class="num">1</span> الصق/ي نص التذاكر كما هو (فواصل 🔴🔴🔴 أو سطر فارغ).</div>
-        <div class="step"><span class="num">2</span> راجع/ي الجدول وعدّل/ي إن لزم — ثم صدّر/ي.</div>
-        <div class="step"><span class="num">3</span> حمّل/ي ملف Excel وشاركه/شاركيه مع الفريق.</div>
-      </div>
-      <!-- عدّلي رابط الأداة هنا إذا كان الاسم مختلف -->
-      <a class="btn btn-primary" href="https://stat2025-ticket-parser-app.hf.space/">ابدأ الآن</a>
-      <p class="mini">تعمل بسلاسة على الكمبيوتر والجوال. للاتصال التقني يرجى التنسيق مع فريق الدعم.</p>
-    </section>
-    <footer class="footer">© جميع الحقوق محفوظة — <b>نوف الناصر</b></footer>
-  </div>
-</body>
-</html>

+:root{
+  --primary:#4137A8; --primary2:#1CADE4; --success:#00B050;
+  --success2:#42BA97; --gray1:#5C6E88; --violet:#7030A0;
+  --turq:#27CED7; --yellow:#FFC000; --danger:#F5554A;
+  --bg:#F6F8FB; --card:#FFFFFF; --text:#1B2559; --muted:#667085; --border:#E5E7EB;
+}
+*{box-sizing:border-box}
+html,body{margin:0;height:100%}
+body{font-family:'Cairo',system-ui,-apple-system,'Segoe UI',Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text)}
+.container{max-width:1100px;margin:0 auto;padding:16px;text-align:center}
+.hero{
+  border:1px solid var(--border); border-radius:16px; padding:22px;
+  background:linear-gradient(180deg,#fff,#fbfdff); box-shadow:0 8px 26px rgba(16,24,40,.06); margin:10px 0 18px
+}
+.hero h1{margin:0 0 6px;font-size:clamp(22px,3vw,32px);color:var(--primary)}
+.sub{margin:0;color:var(--gray1)} .sub b{color:var(--violet)}
+.card{
+  background:var(--card); border:1px solid var(--border); border-radius:14px;
+  padding:18px; box-shadow:0 6px 18px rgba(16,24,40,.05)
+}
+.lead{margin:0 0 10px;font-size:15px}
+.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:10px 0 14px}
+.step{
+  background:#f9fbff;border:1px dashed var(--border);border-radius:12px;padding:10px;display:flex;gap:10px;align-items:center;justify-content:center
+}
+.num{width:30px;height:30px;border-radius:50%;background:var(--primary2);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}
+.step:nth-child(2) .num{background:var(--success)}
+.step:nth-child(3) .num{background:var(--yellow);color:#111}
+.btn{
+  display:inline-block;padding:12px 18px;border:none;border-radius:12px;text-decoration:none;font-weight:700;cursor:pointer
+}
+.btn-primary{color:#fff;background:linear-gradient(90deg,var(--primary),var(--primary2));box-shadow:0 8px 18px rgba(65,55,168,.18)}
+.mini{margin-top:10px;color:var(--muted);font-size:13px}
+.footer{color:var(--muted);margin-top:24px}
+@media (max-width:768px){ .steps{grid-template-columns:1fr} }