@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/tajawal-arabic-400-normal-DIMBuZnN.woff2) format("woff2"),url(/assets/tajawal-arabic-400-normal-DCQxawbB.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/tajawal-latin-400-normal-BVNSOH3d.woff2) format("woff2"),url(/assets/tajawal-latin-400-normal-BdYcZznU.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/tajawal-arabic-500-normal-DoitJjou.woff2) format("woff2"),url(/assets/tajawal-arabic-500-normal-CbVEaYEW.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/tajawal-latin-500-normal-CoYeBiSI.woff2) format("woff2"),url(/assets/tajawal-latin-500-normal-DU9v6xgj.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/tajawal-arabic-700-normal-c-WwFYr-.woff2) format("woff2"),url(/assets/tajawal-arabic-700-normal-9L7Zusdl.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/tajawal-latin-700-normal-BypgxfGb.woff2) format("woff2"),url(/assets/tajawal-latin-700-normal-CV3bxpHe.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@media (max-width: 768px){*{touch-action:manipulation}.news-form-container *{touch-action:auto}input,textarea,select{font-size:16px!important;-webkit-appearance:none;-webkit-border-radius:0}.navbar{padding-top:constant(safe-area-inset-top);padding-left:constant(safe-area-inset-left);padding-right:constant(safe-area-inset-right);padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:0;background:var(--bg-primary);box-sizing:border-box;height:calc(56px + env(safe-area-inset-top));display:flex;flex-direction:column;justify-content:flex-end}.nav-content{padding-top:0;padding-bottom:8px;height:auto;align-items:center}body{padding-top:0}.main-content{margin-top:0}}:root{--primary: #00aeac;--secondary: #a7ac9f;--black: #000000;--white: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f1f3f4;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--border-color: #e5e7eb;--border-light: #f3f4f6;--card-bg: #ffffff;--navbar-bg: #ffffff;--footer-bg: #f8f9fa;--hover-color: #f3f4f6;--shadow-color: rgba(0, 0, 0, .1);--input-bg: #ffffff;--button-bg: #f8f9fa;--button-hover: #e9ecef}[data-dark=true]{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #374151;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-tertiary: #6b7280;--border-color: #404040;--border-light: #4b5563;--card-bg: #2d2d2d;--navbar-bg: #1a1a1a;--footer-bg: #2d2d2d;--hover-color: #374151;--shadow-color: rgba(0, 0, 0, .3);--input-bg: #374151;--button-bg: #4b5563;--button-hover: #6b7280}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;margin:0;padding:0}#root{min-height:100vh;width:100%;display:flex;flex-direction:column}body{margin:0;font-family:Tajawal,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.navbar{background:var(--bg-primary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000001a}.nav-content{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;max-width:1200px;margin:0 auto}.logo-wrap{cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px;padding:4px;border-radius:8px}.logo-wrap:hover{opacity:.8;transform:scale(1.02)}.logo-image{height:40px;width:auto;border-radius:6px}.brand-name{font-size:1.3rem;font-weight:700;color:var(--text-primary);font-family:Tajawal,sans-serif;letter-spacing:-.5px}.nav-list{display:flex;align-items:center;gap:16px}.back-btn{background:linear-gradient(135deg,var(--primary),#009a9a);color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:500;font-family:Tajawal,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:6px;min-width:auto;box-shadow:0 2px 8px #00aeac33;position:relative;overflow:hidden}[data-dark=true] .back-btn{background:#000;color:#fff;border:1px solid #333;box-shadow:0 2px 8px #0000004d}.back-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.back-btn:hover:before{left:100%}.back-btn:hover{background:linear-gradient(135deg,#009a9a,var(--primary));transform:translateY(-2px);box-shadow:0 4px 15px #00aeac66}[data-dark=true] .back-btn:hover{background:#333;transform:translateY(-2px);box-shadow:0 4px 15px #00000080}.back-btn:active{transform:translateY(0);box-shadow:0 2px 8px #00aeac4d}[data-dark=true] .back-btn:active{transform:translateY(0);box-shadow:0 2px 8px #0006}.back-btn:after{content:"←";font-size:1rem;font-weight:400}.refresh-btn{background:linear-gradient(135deg,var(--primary),#009a9a);color:#fff;border:none;padding:10px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00aeac33;position:relative;overflow:hidden;font-size:1rem;flex-shrink:0}[data-dark=true] .refresh-btn{background:#000;color:#fff;border:1px solid #333;box-shadow:0 2px 8px #0000004d}.refresh-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.refresh-btn:hover:before{left:100%}.refresh-btn:hover{background:linear-gradient(135deg,#009a9a,var(--primary));transform:translateY(-2px) rotate(180deg);box-shadow:0 4px 15px #00aeac66}[data-dark=true] .refresh-btn:hover{background:#333;transform:translateY(-2px) rotate(180deg);box-shadow:0 4px 15px #00000080}.refresh-btn:active{transform:translateY(0) rotate(360deg);box-shadow:0 2px 8px #00aeac4d}[data-dark=true] .refresh-btn:active{transform:translateY(0) rotate(360deg);box-shadow:0 2px 8px #0006}.settings-btn{background:linear-gradient(135deg,var(--secondary-color),#6c757d);color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:500;font-family:Tajawal,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:6px;min-width:auto;box-shadow:0 2px 8px #6c757d33;position:relative;overflow:hidden}.settings-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.settings-btn:hover:before{left:100%}.settings-btn:hover{background:linear-gradient(135deg,#6c757d,var(--secondary-color));transform:translateY(-2px);box-shadow:0 4px 15px #6c757d66}.settings-btn:active{transform:translateY(0);box-shadow:0 2px 8px #6c757d4d}.nav-list .logout-btn{background:linear-gradient(135deg,var(--danger-color),#dc3545);color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:500;font-family:Tajawal,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:6px;min-width:auto;box-shadow:0 2px 8px #dc354533;position:relative;overflow:hidden}.nav-list .logout-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.nav-list .logout-btn:hover:before{left:100%}.nav-list .logout-btn:hover{background:linear-gradient(135deg,#dc3545,var(--danger-color));transform:translateY(-2px);box-shadow:0 4px 15px #dc354566}.nav-list .logout-btn:active{transform:translateY(0);box-shadow:0 2px 8px #dc35454d}@media (max-width: 768px){.navbar{padding:0}.nav-content{flex-direction:row;justify-content:space-between;align-items:center;padding:8px 16px;gap:0}.logo-wrap{gap:8px;padding:2px}.logo-image{height:32px}.brand-name{font-size:1.1rem;font-weight:600}.nav-list{gap:0}.back-btn{padding:6px 12px;font-size:.75rem;border-radius:16px}.refresh-btn{width:36px;height:36px;padding:8px;font-size:.9rem}.settings-btn,.nav-list .logout-btn{padding:6px 12px;font-size:.75rem;border-radius:16px}.back-btn:after{font-size:.85rem}}@media (max-width: 480px){.nav-content{padding:6px 12px}.logo-wrap{gap:6px}.logo-image{height:28px}.brand-name{font-size:1rem;font-weight:600}.back-btn{padding:5px 10px;font-size:.7rem;border-radius:14px}.refresh-btn{width:32px;height:32px;padding:6px;font-size:.8rem}.back-btn:after{font-size:.8rem}}@media (max-width: 360px){.nav-content{padding:5px 10px}.logo-wrap{gap:5px}.logo-image{height:24px}.brand-name{font-size:.9rem}.back-btn{padding:4px 8px;font-size:.65rem;border-radius:12px}.refresh-btn{width:28px;height:28px;padding:5px;font-size:.7rem}.back-btn:after{font-size:.75rem}}.btn{font-family:Tajawal,sans-serif;font-weight:600;padding:12px 24px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{background:#009a9a;transform:translateY(-1px)}.btn-outline{background:var(--button-bg);color:var(--text-primary);border:2px solid var(--border-color)}.btn-outline:hover{background:var(--button-hover);color:var(--text-primary);border-color:var(--primary)}.btn-danger{background:#dc3545;color:#fff;border:2px solid #dc3545}.btn-danger:hover{background:#c82333;border-color:#c82333;transform:translateY(-2px);box-shadow:0 8px 25px #dc35454d}.logo-image{width:48px;height:48px;object-fit:contain;border-radius:8px;box-shadow:none;transition:transform .2s ease}.logo-image:hover{transform:scale(1.05)}.brand-name{font-size:22px;font-weight:700;color:var(--primary);font-family:Tajawal,sans-serif;transition:color .3s ease}.nav-list{display:inline-flex;gap:16px}.nav-list a{color:var(--text-secondary);text-decoration:none;font-weight:600;transition:color .3s ease}.nav-list a:hover{color:var(--primary)}.footer{background:var(--bg-primary);border-top:1px solid var(--border-color);padding:20px 0;margin-top:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -2px 10px #0000000d;width:100%}.footer-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;text-align:center;gap:15px}.footer-main{display:flex;flex-direction:column;align-items:center;gap:15px}.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:10px}.footer-logo img{height:40px;width:auto;border-radius:8px}.footer-brand{font-size:1.5rem;font-weight:700;color:var(--text-primary);font-family:Tajawal,sans-serif}.footer-description{max-width:600px;margin:0 auto;color:var(--text-secondary);font-size:1rem;line-height:1.6;font-family:Tajawal,sans-serif}.footer-info{display:flex;flex-direction:column;gap:8px;align-items:center}.footer-copyright{font-weight:600;color:var(--text-primary);font-size:.95rem;font-family:Tajawal,sans-serif;margin:0}.footer-dev{font-size:.85rem;opacity:.8;color:var(--text-secondary);font-family:Tajawal,sans-serif;margin:0}.footer-dev a{color:var(--primary);text-decoration:none;font-weight:600;transition:all .3s ease;border-bottom:1px solid transparent}.footer-dev a:hover{color:#009a9a;border-bottom-color:var(--primary)}.footer-version{font-size:.85rem;color:var(--text-secondary);opacity:.7;font-family:Tajawal,sans-serif}.footer-settings{display:flex;align-items:center}.footer-settings-btn{width:40px;height:40px;border:none;border-radius:50%;background:var(--primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .3s ease;box-shadow:0 2px 8px #00aeac4d}.footer-settings-btn:hover{background:#009a9a;transform:translateY(-2px);box-shadow:0 4px 12px #00aeac66}.footer-settings-btn:active{transform:translateY(0)}.footer-features{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:15px}.footer-feature{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.9rem;font-family:Tajawal,sans-serif}.footer-feature-icon{color:var(--primary);font-size:1rem}@media (max-width: 768px){.footer{padding:15px 0}.footer-content{gap:12px;padding:0 15px}.footer-settings-btn{width:36px;height:36px;font-size:14px}.footer-info{gap:6px}.footer-copyright{font-size:.9rem}.footer-dev{font-size:.8rem}}@media (max-width: 480px){.footer{padding:12px 0}.footer-content{padding:0 12px;gap:10px}.footer-settings-btn{width:32px;height:32px;font-size:12px}.footer-copyright{font-size:.85rem}.footer-dev{font-size:.75rem}}@media (max-width: 360px){.footer{padding:10px 0}.footer-content{padding:0 10px;gap:8px}.footer-copyright{font-size:.8rem}.footer-dev{font-size:.7rem}}.settings-btn{width:38px;height:38px;border:none;border-radius:8px;background:var(--primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .3s ease;box-shadow:0 2px 8px #00aeac4d}.settings-btn:hover{background:#009a9a;transform:translateY(-2px);box-shadow:0 4px 12px #00aeac66}.settings-btn:active{transform:translateY(0)}.settings-backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.settings-menu{background:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px var(--shadow-color);width:100%;max-width:420px;max-height:80vh;overflow:auto;animation:slideInUp .25s ease;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid var(--border-color)}.settings-header h3{margin:0;color:var(--text-primary);font-size:1.1rem;font-weight:600;font-family:Tajawal,sans-serif}.settings-close-btn{width:32px;height:32px;border:none;border-radius:8px;background:var(--button-bg);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.settings-close-btn:hover{background:var(--button-hover);color:var(--text-primary)}.settings-content{padding:16px 20px 20px}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-color)}.setting-item:last-child{border-bottom:none}.version-info{flex-direction:column;align-items:flex-start;gap:4px;padding-top:16px;border-top:1px solid var(--border-color)}.version-info .setting-label{font-size:.9rem;color:var(--primary);font-weight:600}.version-date{font-size:.75rem;color:var(--text-secondary);font-family:Tajawal,sans-serif}.setting-label{color:var(--text-primary);font-size:.95rem;font-weight:500;font-family:Tajawal,sans-serif}.logout-btn{padding:8px 16px;border:2px solid var(--danger);border-radius:8px;background:var(--button-bg);color:var(--danger);cursor:pointer;font-size:.9rem;font-weight:600;font-family:Tajawal,sans-serif;display:flex;align-items:center;gap:6px;transition:all .2s ease}.logout-btn:hover{background:#dc3545;color:#fff}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 769px){.footer{position:fixed;bottom:0;left:0;right:0;z-index:100;box-shadow:0 -2px 10px #0000001a;margin-top:0}}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-actions{display:flex;align-items:center;gap:20px;flex-direction:row}.theme-toggle-btn{background:var(--primary);color:#fff;border:none;padding:0;border-radius:8px;font-size:1.2rem;font-weight:600;font-family:Tajawal,sans-serif;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;width:38px;height:38px;align-self:flex-start;position:relative;overflow:hidden}.theme-toggle-btn:hover{background:#009a9a;transform:translateY(-2px);box-shadow:0 4px 15px #00aeac4d}.sun-icon,.moon-icon{font-size:1.2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute}.sun-icon{opacity:1;transform:rotate(0) scale(1)}.moon-icon{opacity:0;transform:rotate(-90deg) scale(.8)}.theme-toggle-btn[data-dark=true] .sun-icon{opacity:0;transform:rotate(90deg) scale(.8)}.theme-toggle-btn[data-dark=true] .moon-icon{opacity:1;transform:rotate(0) scale(1)}.theme-toggle-btn:hover .sun-icon,.theme-toggle-btn:hover .moon-icon{transform:scale(1.1)}.theme-toggle-btn{background:linear-gradient(45deg,var(--primary),#009a9a);background-size:200% 200%;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.theme-toggle-btn:hover{background:linear-gradient(45deg,#009a9a,var(--primary));transform:translateY(-2px) rotate(5deg);box-shadow:0 8px 25px #00aeac66}.logout-confirm-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.logout-confirm-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:30px;max-width:400px;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.logout-confirm-header{margin-bottom:25px}.logout-confirm-icon{width:60px;height:60px;background:#fee2e2;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#dc2626;font-size:1.5rem}.logout-confirm-title{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-bottom:12px}.logout-confirm-message{color:var(--text-secondary);line-height:1.5;font-size:1rem}.logout-confirm-actions{display:flex;gap:12px;justify-content:center;margin-top:25px}.logout-confirm-cancel,.logout-confirm-confirm{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;font-family:Tajawal,sans-serif;cursor:pointer;transition:all .3s ease;min-width:100px}.logout-confirm-cancel{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.logout-confirm-cancel:hover{background:var(--border-color);transform:translateY(-2px)}.logout-confirm-confirm{background:#dc2626;color:#fff}.logout-confirm-confirm:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 8px 20px #dc26264d}[data-dark=true] .logout-confirm-icon{background:#dc262633;color:#f87171}[data-dark=true] .logout-confirm-cancel{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}[data-dark=true] .logout-confirm-cancel:hover{background:var(--border-color)}@media (max-width: 480px){.logout-confirm-content{padding:25px 20px;margin:20px}.logout-confirm-title{font-size:1.3rem}.logout-confirm-message{font-size:.95rem}.logout-confirm-actions{flex-direction:column;gap:10px}.logout-confirm-cancel,.logout-confirm-confirm{width:100%;padding:14px 20px}}.footer-info p{color:var(--text-secondary);margin:0;font-size:.9rem;transition:color .3s ease}.footer-logout-btn{background:#dc3545;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:600;font-family:Tajawal,sans-serif;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;align-self:flex-start}.footer-logout-btn:hover{background:#c82333;transform:translateY(-2px);box-shadow:0 4px 15px #dc35454d}.logout-icon{font-size:1rem}.section-title{margin:20px 0;font-size:22px;color:var(--text-primary);transition:color .3s ease}.container{width:100%;max-width:none;padding:0 20px;margin:0;flex:1}main{flex:1;width:100%;padding:20px 0;min-height:calc(100vh - 120px);background:var(--bg-primary);transition:background-color .3s ease}@media (min-width: 769px){main{margin-bottom:120px}}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;width:100%;max-width:none}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d;width:100%;height:fit-content;min-height:300px;transition:background-color .3s ease,border-color .3s ease}.card+.card{margin-top:8px}.brand{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.brand h1{margin:0;font-size:28px;color:var(--primary);transition:color .3s ease}.muted{color:var(--text-secondary);transition:color .3s ease}@media (max-width: 768px){.footer{position:static;padding:16px 0 calc(16px + env(safe-area-inset-bottom));box-shadow:none}.container{padding:0 15px}.grid{grid-template-columns:1fr;gap:20px}main{padding:15px 0;min-height:calc(100vh - 100px)}}@media (min-width: 1200px){.container{padding:0 40px}.grid{grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:40px}main{padding:30px 0}}@media (min-width: 1600px){.container{padding:0 60px}.grid{grid-template-columns:repeat(auto-fit,minmax(600px,1fr));gap:50px}main{padding:40px 0}}label{display:block;font-weight:600;margin-bottom:8px;color:var(--text-primary);transition:color .3s ease}input[type=text],input[type=tel],textarea,select{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:10px;background:var(--card-bg);font-size:16px;color:var(--text-primary);transition:border-color .3s ease,background-color .3s ease,color .3s ease}input[type=file]{width:100%;padding:10px;border:1px dashed var(--border-color);border-radius:10px;background:var(--card-bg);transition:border-color .3s ease,background-color .3s ease}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.actions{display:flex;gap:10px}.ads-list{display:grid;grid-template-columns:1fr;gap:10px}.ad-item{border:1px solid var(--border-color);border-radius:10px;padding:10px;display:flex;gap:12px;align-items:center;background:var(--card-bg);transition:border-color .3s ease,background-color .3s ease}.ad-item img{width:72px;height:48px;object-fit:cover;border-radius:8px}.ad-title{margin:0;font-size:16px}.ad-type{margin:0;font-size:12px;color:var(--text-secondary);transition:color .3s ease}.footer{text-align:center;color:#9ca3af;font-size:12px;margin-top:20px}.media-options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:12px}.media-option{display:flex;align-items:center;gap:6px;padding:8px 10px;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s;background:var(--card-bg);font-size:.9rem}.media-option:hover{border-color:var(--primary);background:var(--bg-secondary)}.media-option input[type=radio]{width:auto;margin:0}.media-option input[type=radio]:checked+span{color:var(--primary);font-weight:700}@media (max-width: 768px){.media-options{grid-template-columns:1fr 1fr 1fr;gap:6px}.media-option{padding:6px 8px;font-size:.85rem;gap:4px}}@media (max-width: 480px){.media-options{grid-template-columns:1fr 1fr 1fr;gap:4px}.media-option{padding:5px 6px;font-size:.8rem;gap:3px}}.preview{display:grid;gap:12px;max-width:100%;overflow:hidden}.preview-img{width:100%;height:auto;max-height:400px;border-radius:10px;border:1px solid var(--border-color);object-fit:contain;background:var(--card-bg);transition:border-color .3s ease,background-color .3s ease}.preview-video{width:100%;max-height:400px;border-radius:10px;border:1px solid var(--border-color);object-fit:contain;background:var(--card-bg);transition:border-color .3s ease,background-color .3s ease}.preview-placeholder{padding:24px;border:2px dashed var(--border-color);border-radius:10px;text-align:center;color:var(--text-secondary);min-height:120px;display:flex;align-items:center;justify-content:center;transition:border-color .3s ease,color .3s ease}.preview-ad{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--border-color);border-radius:10px;background:var(--card-bg);transition:border-color .3s ease,background-color .3s ease}.preview-ad img{width:72px;height:48px;object-fit:cover;border-radius:8px}.ad-preview-section{margin-top:16px;padding:16px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease}.ad-preview-title{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--primary)}.ad-preview-container{display:flex;align-items:center;gap:16px;padding:0 20px;margin:0 -20px}.ad-preview-thumb{width:120px;height:200px;object-fit:cover;border-radius:8px;border:1px solid #dee2e6}.ad-preview-thumb[src*=".mp4"],.ad-preview-thumb[src*=".avi"],.ad-preview-thumb[src*=".mov"],.ad-preview-thumb[src*=".mkv"],.ad-preview-thumb[src*=".wmv"],.ad-preview-thumb[src*=".flv"],.ad-preview-thumb[src*=".webm"]{object-fit:cover;background:#000}.video-thumb{background:#000;position:relative}.ad-preview-info{flex:1}.ad-preview-info .ad-title{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--text-primary);transition:color .3s ease}.ad-preview-info .ad-type{margin:0 0 4px;font-size:12px;color:var(--text-secondary);transition:color .3s ease}.ad-preview-info .ad-dimensions{font-size:11px;color:var(--text-secondary);background:var(--bg-secondary);padding:2px 6px;border-radius:3px;display:inline-block;transition:color .3s ease,background-color .3s ease}.stats-preview{margin-top:20px;padding:16px;background:var(--bg-secondary);border-radius:10px;border:1px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease}.stats-preview h4{margin:0 0 12px;color:var(--primary);font-size:16px}.stats-grid{display:grid;gap:8px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.stat-item:last-child{border-bottom:none}.stat-label{font-weight:600;color:var(--text-primary);font-size:14px;transition:color .3s ease}.stat-value{font-weight:500;color:#059669;font-size:13px;text-align:left;max-width:60%}@media (max-width: 768px){.stat-item{flex-direction:column;align-items:flex-start;gap:4px}.stat-value{max-width:100%;text-align:right}}.processing-card{margin-top:20px;padding:24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;text-align:center;box-shadow:0 10px 30px #0003}.ai-processing h3{margin:0 0 8px;font-size:24px;font-weight:700}.ai-subtitle{margin:0 0 24px;opacity:.9;font-size:16px}.ai-icon{font-size:48px;margin-bottom:16px;animation:pulse 2s infinite}.processing-steps{display:grid;gap:12px;margin:24px 0;text-align:right}.processing-step{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff1a;border-radius:10px;transition:all .3s ease}.processing-step.active{background:#fff3;transform:scale(1.02)}.step-indicator{font-size:20px;min-width:24px}.processing-step span{font-weight:600}.waiting-message{margin-top:24px;padding:16px;background:#ffffff1a;border-radius:10px}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.result-success{margin-top:20px;padding:24px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #10b981;border-radius:16px;color:#065f46;animation:fadeInUp .6s ease-out}.success-header{text-align:center;margin-bottom:24px}.success-icon{font-size:48px;margin-bottom:16px;animation:bounce .6s ease-out}.result-success h3{margin:0 0 8px;color:#059669;font-size:24px;font-weight:700}.success-message{margin:0;color:#047857;font-size:16px;opacity:.9}.result-content{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000000d}.file-info{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-secondary);border-radius:10px;margin-bottom:20px;transition:background-color .3s ease}.file-icon{font-size:32px;min-width:40px}.file-details h4{margin:0 0 8px;color:var(--text-primary);font-size:18px;font-weight:600;transition:color .3s ease}.file-size,.file-quality{margin:4px 0;color:var(--text-secondary);font-size:14px;transition:color .3s ease}.download-section{text-align:center;margin:24px 0}.download-button{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:linear-gradient(135deg,var(--primary) 0%,#009688 100%);color:#fff;text-decoration:none;border-radius:12px;font-weight:700;font-size:16px;transition:all .3s ease;box-shadow:0 4px 12px #00aeac4d}.download-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00aeac66}.download-icon{font-size:20px}.action-buttons{text-align:center;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-color);transition:border-color .3s ease}.response-card,.response-content,.response-json,.result-link,.link-button{display:none}.result-only{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:20px}.result-only .result-success{max-width:600px;width:100%;margin:0 auto}.processing-fullscreen{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:20px}.processing-fullscreen .processing-card{background:var(--bg-color);border:none;box-shadow:none;max-width:600px;width:100%;margin:0 auto}.processing-fullscreen{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:20px;background:linear-gradient(135deg,var(--bg-color) 0%,#f8f9fa 100%)}.waiting-container{text-align:center;max-width:500px;width:100%;padding:40px 20px;background:var(--card-bg);border-radius:20px;box-shadow:0 10px 40px #00aeac1a;border:1px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease}.waiting-icon{position:relative;width:80px;height:80px;margin:0 auto 30px}.pulse-ring{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid var(--primary);border-radius:50%;animation:pulse 2s infinite}.center-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:var(--primary);border-radius:50%;animation:bounce 1.5s infinite}.waiting-title{color:var(--primary);font-size:28px;font-weight:700;margin:0 0 10px;font-family:Tajawal,sans-serif}.waiting-subtitle{color:var(--text-secondary);font-size:16px;margin:0 0 30px;font-family:Tajawal,sans-serif;transition:color .3s ease}.progress-bar{width:100%;height:6px;background:var(--border-color);border-radius:3px;margin:0 0 30px;overflow:hidden;transition:background-color .3s ease}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:3px;animation:progress 3s ease-in-out infinite}.waiting-message{display:flex;align-items:center;justify-content:center;gap:15px;flex-direction:row-reverse}.message-text{color:var(--text-secondary);font-size:14px;font-family:Tajawal,sans-serif;transition:color .3s ease}.typing-dots{display:flex;gap:4px}.typing-dots span{width:6px;height:6px;background:var(--primary);border-radius:50%;animation:typing 1.4s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%,-50%) scale(1)}40%{transform:translate(-50%,-50%) scale(1.1)}60%{transform:translate(-50%,-50%) scale(.9)}}@keyframes progress{0%{width:0%}50%{width:70%}to{width:100%}}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-10px);opacity:1}}@keyframes aiStars{0%,to{transform:scale(1) rotate(0);opacity:1}25%{transform:scale(1.2) rotate(5deg);opacity:.8}50%{transform:scale(.9) rotate(-5deg);opacity:1}75%{transform:scale(1.1) rotate(3deg);opacity:.9}}.processing-card,.response-card{animation:fadeInUp .5s ease-out}.processing-step{animation:fadeInUp .3s ease-out}.video-thumbnail{position:relative;display:inline-block;border-radius:8px;overflow:hidden;background:#000}.video-thumbnail .ad-preview-thumb{width:120px;height:200px;object-fit:cover;border-radius:8px;display:block;background:#000}.video-thumbnail video.ad-preview-thumb{cursor:pointer;transition:transform .2s ease;opacity:0;position:absolute}.video-thumbnail video.ad-preview-thumb:hover{transform:scale(1.05)}.video-thumbnail img.ad-preview-thumb{cursor:pointer;transition:transform .2s ease}.video-thumbnail img.ad-preview-thumb:hover{transform:scale(1.05)}.video-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.2rem;font-weight:600;pointer-events:none;z-index:2;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.result-preview{margin:20px 0;text-align:center}.preview-title{color:var(--primary);font-size:18px;font-weight:600;margin:0 0 15px;font-family:Tajawal,sans-serif}.result-image{max-width:100%;max-height:400px;width:320px;height:400px;object-fit:cover;border-radius:12px;border:2px solid var(--primary);box-shadow:0 4px 20px #00aeac33;aspect-ratio:4/5}.result-video{max-width:100%;max-height:400px;width:320px;height:400px;border-radius:12px;border:2px solid var(--primary);box-shadow:0 4px 20px #00aeac33;aspect-ratio:4/5}.title-input-group{display:flex;gap:10px;align-items:stretch}.title-input-group input,.title-textarea{flex:1;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;font-family:Tajawal,sans-serif;transition:border-color .2s ease}.title-textarea{resize:none;height:60px;line-height:1.5;overflow:hidden;max-height:60px}.title-stats{margin-top:8px;text-align:right}.stats-text{font-size:.8rem;color:#6b7280;font-family:Tajawal,sans-serif}.stats-warning{display:inline;font-size:.75rem;color:#dc2626;font-family:Tajawal,sans-serif;margin-right:8px;font-weight:500}.title-input-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #00aeac1a}.title-input-group input:disabled{background:#f8f9fa;color:var(--primary);cursor:not-allowed;border-color:var(--primary);opacity:.8}.title-input-group input:disabled::placeholder{color:var(--primary);opacity:.8}.ai-rephrase-btn-new{--sz-btn: 48px;--space: calc(var(--sz-btn) / 5.5);--gen-sz: calc(var(--space) * 2);--sz-text: calc(var(--sz-btn) - var(--gen-sz));position:relative;outline:0;background:linear-gradient(45deg,#efad21,#ffd60f);height:var(--sz-btn);width:var(--sz-btn);border:1px solid transparent;border-radius:8px;display:flex;align-items:center;justify-content:center;aspect-ratio:1;cursor:pointer;transition:transform .2s ease;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px,#0000004d 0 30px 60px -30px,#34343459 0 -2px 6px inset}.ai-suggestion-box{background:var(--card-bg);border:2px solid var(--primary);border-radius:12px;padding:20px;margin-top:16px;box-shadow:0 4px 20px #00aeac1a;transition:background-color .3s ease}.suggestion-header{text-align:center;margin-bottom:16px;display:flex;flex-direction:column;align-items:center;gap:4px}.ai-label{color:var(--primary);font-weight:600;font-size:1rem;font-family:Tajawal,sans-serif}.ai-hint{color:var(--text-secondary);font-weight:400;font-size:.8rem;font-family:Tajawal,sans-serif;margin-right:8px;opacity:.8}.suggested-title{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-bottom:20px;text-align:center;font-size:1.1rem;font-weight:500;color:var(--text-primary);line-height:1.4;font-family:Tajawal,sans-serif;white-space:pre-line;transition:background-color .3s ease,border-color .3s ease,color .3s ease}.suggestion-actions{display:flex;gap:12px;justify-content:center}.suggestion-actions .btn{min-width:120px;padding:12px 20px;font-size:14px;font-weight:600;font-family:Tajawal,sans-serif;display:flex;align-items:center;gap:8px}.ai-rephrase-btn-new:hover{transform:scale(1.05)}.ai-rephrase-btn-new:active{transform:scale(.95)}.ai-rephrase-btn-new:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.ai-sparkle-icon{position:absolute;z-index:10;overflow:visible;transition:all .3s ease;color:#ffea50;top:calc(var(--sz-text) / 7);left:calc(var(--sz-text) / 7);height:var(--gen-sz);width:var(--gen-sz)}.ai-rephrase-btn-new:hover .ai-sparkle-icon{color:#fff;height:var(--sz-text);width:var(--sz-text);left:calc(var(--sz-text) / 4);top:calc(var(--gen-sz) / 2)}.ai-text{font-size:var(--sz-text);font-weight:800;line-height:1;color:#fff;transition:opacity .2s ease;z-index:5;position:relative}.ai-rephrase-btn-new:hover .ai-text{opacity:0}.ai-loading-spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.ai-loading-spinner-small{width:16px;height:16px;border:2px solid rgba(0,0,0,.3);border-top:2px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.ai-simple-waiting{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease}.waiting-dot{color:var(--primary);font-size:12px;animation:pulse 1.5s infinite}.waiting-text{color:var(--text-secondary);font-size:13px;font-family:Tajawal,sans-serif;transition:color .3s ease}.ai-header-icon{width:24px;height:24px;object-fit:contain;filter:brightness(0) saturate(100%) invert(83%) sepia(31%) saturate(638%) hue-rotate(359deg) brightness(103%) contrast(107%)}.result-preview{margin:24px 0;text-align:center}.preview-title{font-size:1.5rem;color:var(--primary-color);margin-bottom:20px;font-weight:600}.result-image{max-width:100%;height:auto;border-radius:16px;box-shadow:0 8px 32px #00000026;transition:transform .3s ease}.result-image:hover{transform:scale(1.02)}.result-video{display:block;max-width:100%;height:auto;border-radius:16px;box-shadow:0 8px 32px #00000026;transition:transform .3s ease;background:#000}.video-preview-wrapper:hover .result-video{transform:scale(1.02)}.video-controls-external{width:100%;max-width:200px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:16px;box-shadow:0 2px 10px #0000000d;transition:background-color .3s ease,border-color .3s ease}.control-row{display:flex;justify-content:center;align-items:center}.control-btn{background:var(--primary);color:var(--white);border:none;border-radius:10px;padding:12px 20px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:50px;height:44px;position:relative}.control-btn:hover{background:#009a9a;transform:translateY(-1px)}.control-btn.playing{background:#dc3545}.control-btn.playing:hover{background:#c82333}.control-btn .play-icon,.control-btn .pause-icon{font-size:1.2rem;transition:opacity .2s ease}.control-btn .pause-icon{opacity:0;position:absolute}.control-btn.playing .play-icon{opacity:0}.control-btn.playing .pause-icon{opacity:1}.result-actions{padding:30px;display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:center;background:var(--card-bg);border-top:1px solid var(--border-color);flex-wrap:wrap;transition:background-color .3s ease,border-color .3s ease}.download-btn{display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:var(--white);padding:14px 28px;border-radius:10px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .2s ease;border:none;cursor:pointer;font-family:Tajawal,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.download-btn:hover{background:#009a9a;transform:translateY(-1px)}.download-icon{font-size:1.1rem;background:#fff3;padding:4px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center}.new-news-btn{display:inline-flex;align-items:center;gap:8px;background:var(--secondary);color:var(--white);padding:14px 28px;border-radius:10px;border:none;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;font-family:Tajawal,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.new-news-btn:hover{background:#9ca3af;transform:translateY(-1px)}.edit-news-btn{display:inline-flex;align-items:center;gap:8px;background:#17a2b8;color:var(--white);padding:14px 28px;border-radius:10px;border:none;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;font-family:Tajawal,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.edit-news-btn:hover{background:#138496;transform:translateY(-1px)}.edit-icon,.new-icon{font-size:1.1rem;background:#fff3;padding:4px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.result-container{margin:10px;border-radius:10px}.result-header{padding:24px 20px}.result-header h2{font-size:1.5rem}.result-preview-section{padding:24px 20px}.result-actions{padding:24px 20px;flex-direction:column;gap:12px}.download-btn,.new-news-btn,.edit-news-btn{padding:12px 24px;font-size:.95rem;width:100%;justify-content:center}}.ai-sparkle{font-size:.9rem;font-weight:600;color:var(--primary);background:#00aeac1a;padding:4px 8px;border-radius:6px;border:1px solid rgba(0,174,172,.2)}.video-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:600;pointer-events:none;z-index:2}.ai-stars{display:flex;gap:12px;margin-bottom:8px}.ai-stars span{background:var(--primary);color:#fff;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;box-shadow:0 2px 8px #00aeac4d}.waiting-message{text-align:center;margin-top:20px}.message-text{font-size:1rem;color:var(--primary);font-weight:500;background:#00aeac1a;padding:12px 20px;border-radius:20px;border:1px solid rgba(0,174,172,.2);display:inline-block}.success-icon{background:#fff3;color:var(--white);padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;border:1px solid rgba(255,255,255,.3)}.download-icon,.new-icon{font-size:.9rem;font-weight:600;background:#fff3;padding:4px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.3)}.result-page{min-height:100vh;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:20px;transition:background-color .3s ease}.result-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 10px #0000000d;overflow:hidden;max-width:800px;width:100%;animation:fadeIn .4s ease-out;transition:background-color .3s ease,border-color .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-header{background:var(--primary);color:var(--white);padding:30px;text-align:center}.success-badge{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:12px}.success-icon{background:#fff3;color:var(--white);padding:8px 16px;border-radius:20px;font-size:1.2rem;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center}.result-header h2{font-size:1.8rem;margin:0;font-weight:700;color:var(--white)}.success-subtitle{font-size:1rem;margin:0;opacity:.9;font-weight:400}.result-preview-section{padding:30px;text-align:center;background:var(--card-bg);transition:background-color .3s ease}.preview-title{font-size:1.4rem;color:var(--primary);margin:0 0 24px;font-weight:600;transition:color .3s ease}.result-image{max-width:100%;transform:scale(1.1);height:auto;border-radius:12px;box-shadow:0 2px 10px #0000000d;transition:transform .2s ease;display:block;margin-left:auto;margin-right:auto}.result-image:hover{transform:scale(1.01)}.video-preview-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px;margin:20px 0}.result-video{display:block;max-width:100%;height:auto;border-radius:12px;box-shadow:0 2px 10px #0000000d;transition:transform .2s ease;background:#000}.video-preview-wrapper:hover .result-video{transform:scale(1.01)}.error-message{background:#fff5f5;border:1px solid #fecaca;color:#991b1b;padding:8px 12px;border-radius:6px;font-size:.9rem;margin-top:12px;text-align:center;font-weight:500}.file-upload-container{margin-top:8px}.file-upload-label{display:block;cursor:pointer;transition:all .2s ease}.file-upload-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;border:2px dashed var(--border-color);border-radius:12px;background:var(--bg-secondary);transition:all .2s ease;min-height:120px}.file-upload-content:hover{border-color:var(--primary);background:var(--card-bg);transform:translateY(-1px)}.file-upload-icon{width:32px;height:32px;color:var(--text-secondary);margin-bottom:12px;transition:color .2s ease}.file-upload-content:hover .file-upload-icon{color:var(--primary)}.file-upload-text{font-size:.9rem;color:var(--text-secondary);font-weight:500;text-align:center;transition:color .2s ease}.file-upload-content:hover .file-upload-text{color:var(--primary)}.file-info{margin-top:12px;padding:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:.85rem;transition:background-color .3s ease,border-color .3s ease}.file-info-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.file-type-icon{width:16px;height:16px;color:var(--primary);flex-shrink:0}.file-name{font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;transition:color .3s ease}.file-details{display:flex;align-items:center;gap:12px}.file-size{color:var(--text-secondary);font-size:.8rem;transition:color .3s ease}.file-type-badge{background:var(--primary);color:#fff;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.file-preview-container{margin-top:8px}.file-preview-content{position:relative;border-radius:12px;overflow:hidden;background:var(--bg-secondary);border:1px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease}.file-preview-media{width:100%;height:200px;object-fit:cover;display:block}.file-preview-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#0006);padding:16px;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.file-preview-info{flex:1;color:#fff}.file-preview-info .file-info-header{margin-bottom:4px}.file-preview-info .file-name{color:var(--text-primary);font-size:.9rem;font-weight:600;text-shadow:0 1px 2px rgba(255,255,255,.8);transition:color .3s ease}.file-preview-info .file-details{gap:8px}.file-preview-info .file-size{color:var(--text-secondary);font-size:.75rem;text-shadow:0 1px 2px rgba(255,255,255,.8);transition:color .3s ease}.file-preview-info .file-type-badge{background:var(--primary);color:#fff;border:none;box-shadow:0 1px 3px #0003}.change-file-btn{padding:6px 12px;font-size:.8rem;background:var(--primary);color:#fff;border:none;white-space:nowrap;flex-shrink:0;box-shadow:0 2px 4px #0003}.change-file-btn:hover{background:#009a9a;transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.clickable-image,.clickable-video{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.clickable-image:hover,.clickable-video:hover{transform:scale(1.02);box-shadow:0 8px 25px #00000026}.fullscreen-modal{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;padding:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.fullscreen-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:transparent}.close-modal-btn{position:fixed;top:20px;right:20px;background:#ffffffe6;color:#333;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;transition:all .3s ease;z-index:1001;box-shadow:0 4px 12px #0000004d}.close-modal-btn:hover{background:#fff;transform:scale(1.1);box-shadow:0 6px 20px #0006}.fullscreen-image,.fullscreen-video{max-width:95vw;max-height:95vh;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px #000000b3;transition:transform .3s ease}.fullscreen-image:hover,.fullscreen-video:hover{transform:scale(1.02)}.fullscreen-image{max-width:min(95vw,1400px);max-height:min(95vh,900px)}.fullscreen-video{max-width:min(95vw,1200px);max-height:min(95vh,700px);background:#000;border-radius:8px}@media (max-width: 768px){.container{padding:0 15px;margin:0 auto}.nav-content{flex-direction:row;justify-content:space-between;align-items:center;padding:0 10px}.logo-wrap{gap:8px}.logo-image{height:28px}.brand-name{font-size:1rem}.back-btn{padding:3px 6px;font-size:.65rem}.back-btn:after{font-size:.7rem}}@media (max-width: 480px){.container{padding:0 10px}.card{padding:15px}.section-title{font-size:1.3rem;margin:15px 0}.btn{padding:12px 16px;font-size:.9rem}.ad-preview-thumb,.video-thumbnail .ad-preview-thumb{max-width:250px;max-height:60px}.fullscreen-modal{padding:5px}.fullscreen-content{width:100%;height:100%}.close-modal-btn{top:10px;right:10px;width:45px;height:45px;font-size:18px}.fullscreen-image,.fullscreen-video{max-width:98vw;max-height:98vh;border-radius:8px}.fullscreen-image,.fullscreen-video{max-width:min(98vw,100%);max-height:min(98vh,100%)}}.password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--primary);padding:20px;transition:background-color .3s ease}.password-container{background:var(--card-bg);border-radius:20px;padding:40px;box-shadow:0 20px 60px #0000001a;text-align:center;max-width:400px;width:100%;transition:background-color .3s ease}.password-header{margin-bottom:30px}.password-title{font-size:2rem;color:var(--primary);margin:0 0 10px;font-weight:700;transition:color .3s ease}.password-subtitle{color:var(--text-secondary);font-size:1rem;margin:0;transition:color .3s ease}.password-form{display:flex;flex-direction:column;gap:20px}.password-input-group{text-align:right}.password-label{display:block;margin-bottom:8px;color:var(--text-primary);font-weight:600;font-size:.9rem;transition:color .3s ease}.password-input{width:100%;padding:15px 20px;border:2px solid var(--border-color);border-radius:12px;font-size:1rem;font-family:Tajawal,sans-serif;transition:all .3s ease;text-align:center;background:var(--card-bg);color:var(--text-primary)}.password-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #00aeac1a}.password-error{background:#fee2e2;color:#dc2626;padding:12px;border-radius:8px;font-size:.9rem;border:1px solid #fecaca}.password-success{background:#d1fae5;color:#065f46;padding:12px;border-radius:8px;font-size:.9rem;border:1px solid #a7f3d0;text-align:center;font-weight:600}.password-submit-btn{background:var(--primary);color:#fff;border:none;padding:15px 30px;border-radius:12px;font-size:1.1rem;font-weight:600;font-family:Tajawal,sans-serif;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.password-submit-btn:hover{background:#009a9a;transform:translateY(-2px);box-shadow:0 10px 25px #00aeac4d}.btn-icon{font-size:1.2rem}@media (max-width: 768px){.password-container{padding:30px 20px;margin:20px}.password-title{font-size:1.8rem}}@media (max-width: 480px){.password-container{padding:25px 15px;margin:15px}.password-title{font-size:1.6rem}.password-input{padding:12px 16px;font-size:.95rem}.password-submit-btn{padding:12px 25px;font-size:1rem}}.home-page{padding:20px 0;min-height:calc(100vh - 120px);display:flex;flex-direction:column;align-items:center;justify-content:center}.user-profile-section{display:flex;justify-content:center;margin-bottom:40px}.user-profile-card{display:flex;flex-direction:row-reverse;align-items:center;gap:20px;background:var(--bg-secondary);padding:24px 32px;border-radius:20px;box-shadow:0 8px 25px #0000001a;border:2px solid var(--border-color);transition:all .3s ease;position:relative}.role-label{position:absolute;top:-12px;left:20px;background:var(--bg-primary);padding:4px 16px;border-radius:12px;font-size:.8rem;font-weight:600;font-family:Tajawal,sans-serif;z-index:10}.admin-card{border-color:#ffc107;box-shadow:0 8px 25px #ffc10733}.admin-card .role-label{color:#ffc107;border:2px solid #ffc107}.user-card{border-color:var(--border-color)}.user-card .role-label{color:var(--text-secondary);border:2px solid var(--border-color)}.user-profile-card:hover{transform:translateY(-2px)}.admin-card:hover{box-shadow:0 12px 35px #ffc1074d}.user-card:hover{box-shadow:0 12px 35px #00000026}.user-avatar-large{width:80px;height:80px;border-radius:50%;overflow:hidden;border:4px solid #00aeac;box-shadow:0 4px 15px #00aeac4d}.user-avatar-large img{width:100%;height:100%;object-fit:cover}.avatar-fallback-large{width:100%;height:100%;background:linear-gradient(135deg,var(--primary),#009a9a);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;font-family:Tajawal,sans-serif}.user-info-large{display:flex;flex-direction:column;gap:8px}.user-name{margin:0;font-size:1.8rem;font-weight:700;color:var(--text-primary);font-family:Tajawal,sans-serif}.user-role-badge-large{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:20px;font-size:.9rem;font-weight:600;font-family:Tajawal,sans-serif;transition:all .3s ease;border:2px solid transparent}.user-role-badge-large.admin{background:var(--bg-secondary);color:#ffc107;border-color:#ffc107;box-shadow:0 4px 15px #ffc10733}.user-role-badge-large.user{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-color);box-shadow:0 4px 15px #0000001a}.user-role-badge-large:hover{transform:translateY(-1px)}.user-role-badge-large.admin:hover{box-shadow:0 6px 20px #ffc1074d;border-color:#ffd54f}.user-role-badge-large.user:hover{box-shadow:0 6px 20px #00000026;border-color:var(--primary)}.home-header{background:linear-gradient(135deg,var(--primary),#009a9a);color:#fff;text-align:center;padding:50px 30px;margin-bottom:50px;border-radius:25px;width:100%;max-width:900px;box-shadow:0 10px 30px #00aeac33}.welcome-title{font-size:2.8rem;font-weight:700;margin-bottom:20px;font-family:Tajawal,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff}.welcome-subtitle{font-size:1.3rem;line-height:1.6;opacity:.95;font-family:Tajawal,sans-serif;max-width:700px;margin:0 auto;color:#fff}.applications-grid{margin-bottom:60px;width:100%;max-width:1000px;text-align:center;padding:0 20px;display:flex;justify-content:center}.apps-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0 auto;justify-items:center;align-items:center;max-width:1000px;width:100%;padding:20px}@media (min-width: 1400px){.apps-container{grid-template-columns:repeat(4,1fr);max-width:1200px;gap:25px}}.app-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:25px 20px;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;max-width:240px;height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.app-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.05),transparent);opacity:0;transition:opacity .3s ease}.app-card:hover:before{opacity:1}.app-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #00000026;border-color:var(--primary)}.app-icon{background:var(--primary);color:#fff;width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:3rem;margin-bottom:15px;transition:all .3s ease;position:relative;z-index:1}.app-card:hover .app-icon{transform:scale(1.1);box-shadow:0 8px 20px #00aeac66}.app-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);font-family:Tajawal,sans-serif;position:relative;z-index:1;line-height:1.3}@media (min-width: 1400px){.apps-container{max-width:1200px;gap:25px;padding:25px}.app-card{max-width:260px;height:240px;padding:30px 25px}.app-icon{width:90px;height:90px;font-size:3.5rem;margin-bottom:18px}.app-title{font-size:1.2rem}}@media (max-width: 1200px) and (min-width: 769px){.apps-container{max-width:900px;gap:28px;padding:18px}.app-card{max-width:220px;height:200px;padding:20px 15px}.app-icon{width:70px;height:70px;font-size:2.5rem;margin-bottom:12px}.app-title{font-size:1rem}}@media (max-width: 768px){.home-page{padding:15px 0;justify-content:flex-start}.user-profile-section{margin-bottom:20px;padding:0 15px}.user-profile-card{padding:20px 24px;gap:16px;flex-direction:row-reverse}.user-avatar-large{width:70px;height:70px}.user-name{font-size:1.5rem}.user-role-badge-large{padding:5px 14px;font-size:.85rem}.applications-grid{margin-bottom:30px;padding:0 15px;max-width:100%}.apps-container{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px;max-width:100%}.app-card{height:180px;padding:25px 15px;border-radius:16px;max-width:100%;box-shadow:0 4px 15px #0000001a}.app-icon{width:80px;height:80px;font-size:3.5rem;margin-bottom:18px;border-radius:20px;box-shadow:0 4px 12px #00aeac4d}.app-title{font-size:1.1rem;font-weight:600}}@media (max-width: 480px){.home-page{padding:10px 0}.user-profile-section{margin-bottom:15px;padding:0 12px}.user-profile-card{padding:18px 20px;gap:14px;flex-direction:row-reverse}.user-avatar-large{width:60px;height:60px}.user-name{font-size:1.3rem}.user-role-badge-large{padding:4px 12px;font-size:.8rem}.applications-grid{margin-bottom:25px;padding:0 12px}.apps-container{gap:16px;margin-top:15px}.app-card{height:160px;padding:20px 12px;border-radius:14px;box-shadow:0 3px 12px #0000001a}.app-icon{width:70px;height:70px;font-size:3rem;margin-bottom:15px;border-radius:18px;box-shadow:0 3px 10px #00aeac4d}.app-title{font-size:1rem;font-weight:600}}@media (max-width: 360px){.applications-grid{padding:0 10px}.apps-container{gap:14px}.app-card{height:140px;padding:18px 10px;border-radius:12px;box-shadow:0 2px 10px #0000001a}.app-icon{width:60px;height:60px;font-size:2.5rem;margin-bottom:12px;border-radius:16px;box-shadow:0 2px 8px #00aeac4d}.app-title{font-size:.9rem;font-weight:600}}.app-card-primary .app-icon{background:var(--primary);box-shadow:0 4px 15px #00aeac4d}.app-card-success .app-icon{background:#10b981;box-shadow:0 4px 15px #10b9814d}.app-card-warning .app-icon{background:#f59e0b;box-shadow:0 4px 15px #f59e0b4d}.app-card-info .app-icon{background:#3b82f6;box-shadow:0 4px 15px #3b82f64d}.app-card-secondary .app-icon{background:var(--secondary);box-shadow:0 4px 15px #a7ac9f4d}.app-card-dark .app-icon{background:#374151;box-shadow:0 4px 15px #3741514d}.app-card-admin .app-icon{background:#fbbf24;box-shadow:0 4px 15px #fbbf244d}.app-card-admin{border:2px solid #fbbf24}.app-card-admin:hover{border-color:#f59e0b;box-shadow:0 8px 25px #fbbf244d}.welcome-message{text-align:center;margin-bottom:30px;padding:20px}.user-welcome{font-size:1.8rem;font-weight:600;color:var(--text-primary);margin:0;direction:rtl}.news-history-page{position:fixed;inset:0;background:var(--bg-primary);z-index:1000;overflow-y:auto}.news-history-container{width:100%;max-width:1400px;margin:0 auto;padding:0;min-height:100vh}.news-history-header{background:var(--bg-secondary);border-bottom:2px solid var(--border-color);padding:0;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-content{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;max-width:1400px;margin:0 auto}.back-btn{display:flex;align-items:center;gap:8px;background:var(--primary-color);border:none;color:#000;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:600;min-width:100px;justify-content:center}.back-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.news-history-title{margin:0;color:var(--text-primary);font-size:2rem;font-weight:700;text-align:center;flex:1}.news-history-stats{display:flex;gap:16px;min-width:100px;justify-content:flex-end}.filters-section{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:0}.filters-header{padding:16px 24px;border-bottom:1px solid var(--border-color)}.filters-toggle-btn{display:flex;align-items:center;gap:8px;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:10px 16px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500}.filters-toggle-btn:hover{background:var(--hover-color);transform:translateY(-1px)}.filters-count{background:var(--primary-color);color:#fff;padding:2px 6px;border-radius:10px;font-size:.75rem;font-weight:600;min-width:18px;text-align:center}.filters-content{padding:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;background:var(--bg-primary)}.search-box{position:relative;grid-column:1 / -1}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:1rem}.search-input{width:100%;padding:12px 16px 12px 40px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.9rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.filter-label{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:.85rem;font-weight:500}.filter-label-text{display:inline}.filter-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.85rem;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--primary-color)}.custom-date-input{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.85rem}.filters-actions{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border-color)}.reset-filters-btn{background:var(--warning-color);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .3s ease}.reset-filters-btn:hover{background:var(--warning-dark);transform:translateY(-1px)}.results-count{color:var(--text-secondary);font-size:.85rem;font-weight:500}.user-filter-info{color:var(--primary);font-weight:600;margin-right:8px}.stat-item{display:flex;align-items:center;gap:8px;background:var(--success-color);color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;box-shadow:0 2px 8px #10b9814d}.news-history-list{padding:24px}.news-history-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;padding:24px;width:100%;max-width:none;margin:0}.news-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:0;transition:all .3s ease;box-shadow:0 2px 8px var(--shadow-color);display:flex;flex-direction:column;height:fit-content;overflow:hidden;width:100%;margin:0}.news-item:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00000026}.news-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--bg-primary);border-bottom:1px solid var(--border-light)}.user-info{display:flex;align-items:center;gap:12px;flex:1}.user-avatar{width:32px;height:32px;background:var(--primary);border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;flex-shrink:0;overflow:hidden}.user-details{display:flex;flex-direction:column;gap:2px;flex:1}.username{margin:0;color:var(--text-primary);font-size:.9rem;font-weight:600;text-transform:capitalize}.news-date{color:var(--text-secondary);font-size:.75rem;font-weight:400}.news-type-badge{display:flex;align-items:center;gap:4px;background:var(--bg-secondary);padding:4px 8px;border-radius:12px;color:var(--text-secondary);font-size:.7rem;font-weight:500;width:fit-content;border:1px solid var(--border-light)}.news-title-section{padding:12px 16px;border-bottom:1px solid var(--border-light)}.news-title{margin:0;color:var(--text-primary);font-size:.9rem;font-weight:500;line-height:1.4;text-align:right}.ad-details{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);font-size:.8rem}.ad-info{display:flex;align-items:center;gap:6px}.ad-label{color:var(--text-secondary);font-weight:500}.ad-value{color:var(--text-primary);font-weight:600}.media-icon,.ad-icon{color:var(--primary-color);font-size:1rem}.result-section{flex:1;display:flex;flex-direction:column}.result-preview{margin-bottom:0;border-radius:0;overflow:hidden;display:flex;justify-content:center;background:var(--bg-secondary)}.result-image{width:100%;max-width:250px;height:auto;display:block;border-radius:12px;object-fit:cover;aspect-ratio:1080/1350}.video-preview{position:relative;width:100%;max-width:250px;height:auto;border-radius:12px;background:var(--bg-tertiary);aspect-ratio:1080/1350}.result-video{width:100%;height:auto;display:block;border-radius:12px;object-fit:cover;aspect-ratio:1080/1350}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#000c;border:none;border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.play-button:hover{background:#000000e6;transform:translate(-50%,-50%) scale(1.1)}.result-actions{display:flex;gap:8px;padding:12px 16px;background:var(--bg-primary);border-top:1px solid var(--border-light)}@media (min-width: 1200px){.news-history-container{max-width:1600px}.news-history-list{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:32px;padding:40px 32px}.filters-content{grid-template-columns:repeat(4,1fr);gap:24px;padding:32px}}@media (max-width: 1199px) and (min-width: 992px){.news-history-list{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:28px;padding:32px 28px}.filters-content{grid-template-columns:repeat(3,1fr);gap:24px;padding:28px}}@media (max-width: 991px) and (min-width: 769px){.news-history-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;padding:28px 24px}.filters-content{grid-template-columns:repeat(2,1fr);gap:20px;padding:24px}.header-content{padding:20px 24px}.news-history-title{font-size:1.8rem}}@media (max-width: 768px){.header-content{flex-direction:column;gap:16px;text-align:center;padding:20px}.news-history-title{font-size:1.6rem;order:-1}.back-btn{min-width:80px;padding:8px 16px;font-size:.9rem}.news-history-stats{min-width:80px}.filters-content{grid-template-columns:1fr;gap:16px;padding:20px}.search-box{grid-column:1}.filters-actions{grid-column:1;flex-direction:column;gap:12px;text-align:center}.news-history-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:24px 20px}.news-item{padding:18px}.user-avatar{width:36px;height:36px;font-size:1rem}.username{font-size:1.1rem}.news-title{font-size:1rem}.result-image,.video-preview{max-width:220px}.filters-toggle-btn{width:100%;justify-content:center;padding:12px 20px;font-size:1rem}}@media (max-width: 767px) and (min-width: 481px){.news-history-grid{grid-template-columns:repeat(2,1fr);gap:16px;padding:20px 16px}.filters-content{padding:20px 16px}.header-content{padding:18px 16px}.news-history-title{font-size:1.4rem}}@media (max-width: 480px){.news-history-container{padding:0}.header-content{padding:16px 12px;gap:12px}.news-history-title{font-size:1.3rem;line-height:1.3}.back-btn{min-width:70px;padding:8px 12px;font-size:.85rem}.news-history-stats{min-width:70px}.stat-item{padding:6px 12px;font-size:.8rem}.filters-header{padding:12px 16px}.filters-toggle-btn{padding:10px 16px;font-size:.9rem}.filters-content{padding:16px 12px;gap:16px}.search-input{padding:10px 14px 10px 36px;font-size:.85rem}.search-icon{left:10px;font-size:.9rem}.filter-select,.custom-date-input{padding:8px 10px;font-size:.8rem}.news-history-grid{grid-template-columns:1fr;gap:12px;padding:16px 12px}.news-item{padding:16px;margin-bottom:0}.news-header{gap:10px;margin-bottom:12px}.user-avatar{width:32px;height:32px;font-size:.9rem}.username{font-size:1rem}.news-date{font-size:.75rem}.news-title{font-size:.9rem;text-align:center}.ad-details{padding:6px 10px;font-size:.8rem}.result-image,.video-preview{max-width:180px}.play-button{width:50px;height:50px;font-size:1.2rem}.result-actions{gap:8px}.action-btn{padding:6px 12px;font-size:.8rem;border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);transition:all .3s ease}.action-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.filter-label-text{display:none}.filter-label{justify-content:center}}@media (max-width: 360px){.header-content{padding:12px 8px}.news-history-title{font-size:1.2rem}.back-btn,.settings-btn,.nav-list .logout-btn{min-width:60px;padding:6px 10px;font-size:.8rem}.news-history-stats{min-width:60px}.stat-item{padding:4px 8px;font-size:.75rem}.filters-content,.news-history-list{padding:12px 8px}.news-item{padding:12px}.result-image,.video-preview{max-width:160px}}@media (max-height: 600px) and (orientation: portrait){.news-history-header{padding:12px 0}.header-content{padding:12px 20px}.filters-content,.news-history-list{padding:16px 20px}}@media (max-height: 500px) and (orientation: landscape){.news-history-header{position:relative}.filters-content{grid-template-columns:repeat(4,1fr);gap:16px;padding:16px 20px}.news-history-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;padding:16px 20px}}.action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:8px;text-decoration:none;font-size:.9rem;font-weight:600;transition:all .3s ease;border:1px solid transparent;width:100%}.view-btn{background:var(--primary-color);color:#fff}.view-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.download-btn{background:var(--success-color);color:#fff}.download-btn:hover{background:var(--success-dark);transform:translateY(-1px)}.empty-state{text-align:center;padding:60px 24px;color:var(--text-secondary)}.empty-icon{font-size:4rem;margin-bottom:16px}.empty-state h3{margin:0 0 8px;color:var(--text-primary)}.empty-state p{margin:0;font-size:.95rem}.error-message{background:var(--error-color);color:#fff;padding:16px 24px;margin:0 24px 24px;border-radius:8px;text-align:center}.info-message{background:var(--warning-color);color:#fff;padding:16px 24px;margin:0 24px 24px;border-radius:8px;text-align:center;font-weight:500}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.user-role-badge{font-size:.85rem;font-weight:600;padding:6px 16px;border-radius:20px;margin-right:12px;border:2px solid transparent;transition:all .3s ease;display:inline-flex;align-items:center;box-shadow:0 2px 8px #0000001a}.user-role-badge.admin{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#92400e;border-color:#fbbf24;box-shadow:0 4px 15px #fbbf244d}.user-role-badge.user{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-color);box-shadow:0 2px 8px #0000000d}[data-dark=true] .user-role-badge.admin{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1f2937;border-color:#fbbf24;box-shadow:0 4px 15px #fbbf2466}[data-dark=true] .user-role-badge.user{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border-color)}.loading-container{text-align:center;color:var(--text-primary)}.loading-spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}[data-dark=true] .welcome-message{background:#00aeac0d;border-radius:12px;border:1px solid rgba(0,174,172,.1)}[data-dark=true] .user-welcome{color:#f3f4f6}[data-dark=true] .user-role{color:var(--primary-light)}@media (max-width: 768px){.welcome-message{margin-bottom:20px;padding:15px}.user-welcome{font-size:1.5rem}.user-role{font-size:1rem;display:block;margin-left:0;margin-top:5px}}.user-management-modal{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.user-management-content{background:var(--bg-primary);border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:1000px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border-color)}.user-management-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.header-info{display:flex;align-items:center;gap:20px}.header-info h2{margin:0;color:var(--text-primary);font-size:1.6rem;font-weight:700}.header-subtitle{margin:0;color:var(--text-secondary);font-size:.9rem;opacity:.8}.header-icon{color:var(--primary);font-size:1.5rem}.close-btn{background:none;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s}.user-management-body{flex:1;overflow-y:auto;padding:25px}.error-message{background:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;border:1px solid #fca5a5}[data-dark=true] .error-message{background:#dc26261a;color:#fca5a5;border-color:#dc26264d}.actions-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding:20px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.actions-info h3{margin:0 0 5px;color:var(--text-primary);font-size:1.2rem;font-weight:600}.users-count{color:var(--primary);font-size:.9rem;font-weight:500;background:#00aeac1a;padding:4px 12px;border-radius:20px;border:1px solid rgba(0,174,172,.2)}.add-user-btn{background:var(--primary);color:#fff;border:none;padding:14px 24px;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 15px #00aeac4d}.add-user-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #00aeac66}.add-user-btn.active{background:var(--secondary);color:var(--text-primary)}.add-user-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.add-user-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:24px;margin:20px 0;box-shadow:0 4px 15px #0000000d}.add-user-form-content{display:flex;flex-direction:column;gap:24px}.form-header h3{margin:0 0 8px;color:var(--text-primary);font-size:1.3rem;font-weight:600}.form-header p{margin:0;color:var(--text-secondary);font-size:.9rem;opacity:.8}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.username-group{grid-column:1}.avatar-group{grid-column:2}.password-group{grid-column:1}.role-group{grid-column:2}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:16px}.username-group,.avatar-group,.password-group,.role-group{grid-column:1}.add-user-form{padding:20px}.add-user-form-content{gap:20px}}.form-group label{color:var(--text-secondary);font-size:.9rem;margin-bottom:6px;font-weight:500}.form-label{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary);font-size:.95rem}.label-icon{color:var(--primary);font-size:1rem}.form-group input,.form-group select{padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.9rem;transition:border-color .2s}.form-input,.form-select{padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:.95rem;background:var(--input-bg);color:var(--text-primary);transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary)}.input-hint{color:var(--text-secondary);font-size:.8rem;margin-top:4px;display:flex;align-items:center;gap:6px;font-style:italic}.avatar-upload{position:relative;width:100%}.avatar-input{position:absolute;opacity:0;width:0;height:0}.avatar-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:80px;border:2px dashed var(--border-color);border-radius:50%;cursor:pointer;transition:all .3s ease;background:var(--bg-secondary);overflow:hidden}.avatar-upload-label:hover{border-color:var(--primary);background:var(--bg-tertiary)}.avatar-placeholder{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-secondary);font-size:.8rem}.avatar-placeholder svg{font-size:1.5rem}.avatar-preview{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--primary);color:#fff;font-weight:600;font-size:1.2rem;border-radius:50%}.password-input-wrapper{position:relative}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:4px}.form-actions{display:flex;gap:10px;justify-content:flex-end}.save-btn,.cancel-btn{padding:10px 16px;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background-color .2s}.save-btn:hover{background:var(--primary-dark)}.cancel-btn{background:var(--bg-tertiary);color:var(--text-secondary)}.cancel-btn:hover{background:var(--hover-color)}.users-list{min-height:300px}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary)}.empty-icon{font-size:3rem;margin-bottom:15px;opacity:.5}.users-table{background:var(--bg-secondary);border-radius:12px;overflow:hidden;border:1px solid var(--border-color);box-shadow:0 4px 15px #0000000d}.table-header{display:grid;grid-template-columns:2fr 1fr 1.5fr 1fr;background:var(--bg-tertiary);padding:0}.th{padding:18px 20px;font-weight:600;color:var(--text-primary);font-size:.9rem;border-right:1px solid var(--border-color);display:flex;align-items:center;gap:8px}.th-icon{color:var(--primary);font-size:.8rem;opacity:.8}.th:last-child{border-right:none}.table-row{display:grid;grid-template-columns:2fr 1fr 1.5fr 1fr;border-bottom:1px solid var(--border-color);align-items:center}.td{padding:15px 20px;color:var(--text-primary);font-size:.9rem;border-right:1px solid var(--border-color)}.td:last-child{border-right:none}.user-avatar{width:40px;height:40px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;box-shadow:0 2px 8px #00aeac4d;overflow:hidden;position:relative}.user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.current-user-badge{background:var(--primary);color:#fff;font-size:.7rem;padding:3px 8px;border-radius:12px;font-weight:500;align-self:flex-start}.role-badge{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:500;display:flex;align-items:center;gap:6px;width:fit-content}.role-icon{font-size:.7rem;opacity:.8}.role-admin{background:#fee2e2;color:#dc2626}.role-user{background:#dbeafe;color:#2563eb}.date-cell{display:flex;align-items:center;gap:8px}.date-icon{color:var(--primary);font-size:.8rem;opacity:.8}[data-dark=true] .role-admin{background:#dc26261a;color:#fca5a5}[data-dark=true] .role-user{background:#2563eb1a;color:#93c5fd}.actions{display:flex;gap:8px}.edit-btn,.delete-btn,.save-btn-small,.cancel-btn-small{background:none;border:1px solid var(--border-color);padding:8px 10px;border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .3s ease;min-width:36px;display:flex;align-items:center;justify-content:center}.edit-btn{color:var(--primary)}.edit-btn:hover{background:var(--primary);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #00aeac4d}.delete-btn{color:#dc2626}.delete-btn:hover{background:#dc2626;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.delete-btn:disabled{opacity:.4;cursor:not-allowed}.save-btn-small{color:var(--primary)}.save-btn-small:hover{background:var(--primary);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #00aeac4d}.cancel-btn-small{color:var(--text-secondary)}.cancel-btn-small:hover{background:var(--hover-color);transform:translateY(-1px)}.edit-form{display:contents}.edit-field{padding:10px 20px;border-right:1px solid var(--border-color)}.edit-field:last-child{border-right:none}.edit-field input,.edit-field select{width:100%;padding:6px 8px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:.8rem}.edit-actions{display:flex;gap:6px;padding:10px 20px}.edit-avatar-label{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-secondary);margin-bottom:4px}.edit-avatar-upload{position:relative;width:100%}.edit-avatar-input{position:absolute;opacity:0;width:0;height:0}.edit-avatar-upload-label{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border:2px dashed var(--border-color);border-radius:50%;cursor:pointer;transition:all .3s ease;overflow:hidden}.edit-avatar-upload-label:hover{border-color:var(--primary);background:var(--hover-color)}.edit-avatar-preview,.edit-avatar-current{width:100%;height:100%;object-fit:cover;border-radius:50%}.edit-avatar-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.7rem;gap:4px}.edit-avatar-placeholder svg{font-size:1.2rem;opacity:.6}@media (max-width: 768px){.user-management-content{max-width:95vw;margin:10px}.actions-bar{flex-direction:column;gap:15px;align-items:stretch}.form-row{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1fr;gap:0}.th,.td{border-right:none;border-bottom:1px solid var(--border-color);text-align:right;padding:12px 15px}.th:last-child,.td:last-child{border-bottom:none}.edit-field{border-right:none;border-bottom:1px solid var(--border-color)}.edit-field:last-child{border-bottom:none}.user-info{flex-direction:column;align-items:flex-start;gap:8px}.user-avatar{width:35px;height:35px;font-size:1rem}}.user-settings-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.user-settings-content{background:var(--bg-primary);border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d;border:1px solid var(--border-color)}.user-settings-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border-color)}.close-btn{background:none;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease}.close-btn:hover{background:var(--hover-color);color:var(--text-primary)}.user-settings-body{padding:24px}.current-user-info{display:flex;align-items:center;gap:20px;padding:20px;background:var(--bg-secondary);border-radius:12px;margin-bottom:24px}.current-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;border:4px solid var(--primary)}.current-avatar img{width:100%;height:100%;object-fit:cover}.avatar-fallback{width:100%;height:100%;background:linear-gradient(135deg,var(--primary),#009a9a);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700}.user-details{display:flex;flex-direction:column;gap:8px}.user-details .username{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.user-role{background:var(--primary);color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;align-self:flex-start}.avatar-change-section{margin-bottom:24px}.section-title{display:flex;align-items:center;gap:12px;margin:0 0 20px;color:var(--text-primary);font-size:1.2rem;font-weight:600}.section-title svg{color:var(--primary)}.avatar-upload-area{margin-bottom:20px}.avatar-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:120px;border:3px dashed var(--border-color);border-radius:16px;cursor:pointer;transition:all .3s ease;background:var(--bg-secondary)}.avatar-upload-label:hover{border-color:var(--primary);background:var(--hover-color)}.avatar-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);gap:8px;text-align:center}.avatar-upload-placeholder svg{font-size:2rem;opacity:.6}.avatar-upload-placeholder span{font-size:.9rem;font-weight:600}.avatar-upload-placeholder small{font-size:.7rem;opacity:.7}.avatar-preview{width:100%;height:100%;object-fit:cover;border-radius:12px}.avatar-info{background:var(--bg-secondary);border-radius:12px;padding:16px}.file-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.file-name{font-weight:600;color:var(--text-primary)}.file-size{color:var(--text-secondary);font-size:.9rem}.upload-actions{display:flex;gap:12px}.save-avatar-btn,.cancel-avatar-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.save-avatar-btn{background:var(--primary);color:#fff}.save-avatar-btn:hover:not(:disabled){background:#009a9a;transform:translateY(-1px)}.save-avatar-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-avatar-btn{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color)}.cancel-avatar-btn:hover:not(:disabled){background:var(--hover-color);color:var(--text-primary)}.settings-info{background:var(--bg-secondary);border-radius:12px;padding:20px}.info-item{display:flex;gap:16px}.info-icon{color:var(--primary);font-size:1.2rem;margin-top:4px}.info-text h4{margin:0 0 12px;color:var(--text-primary);font-size:1rem;font-weight:600}.info-text ul{margin:0;padding-right:20px;color:var(--text-secondary);font-size:.9rem;line-height:1.6}.info-text li{margin-bottom:6px}.user-settings-footer{padding:20px 24px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.success-message{background:#d4edda;color:#155724;padding:12px 16px;border-radius:8px;margin:16px 24px;border:1px solid #c3e6cb;display:flex;align-items:center;gap:8px}@media (max-width: 768px){.user-settings-content{max-width:95vw;margin:10px}.current-user-info{flex-direction:column;text-align:center;gap:16px}.current-avatar,.avatar-upload-label{width:100px;height:100px}.upload-actions{flex-direction:column}.file-info{flex-direction:column;gap:8px;text-align:center}}.user-settings-btn{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color);padding:8px 16px;border-radius:20px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:12px;align-self:flex-start}.user-settings-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 15px #00aeac4d}.user-settings-btn svg{font-size:.9rem}.change-avatar-btn{display:flex;align-items:center;gap:8px;background:var(--primary);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.change-avatar-btn:hover{background:#009a9a;transform:translateY(-1px);box-shadow:0 4px 15px #00aeac4d}.change-avatar-btn svg{font-size:.9rem}.admin-stats-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.admin-stats-content{background:var(--bg-primary);border-radius:16px;max-width:1000px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px var(--shadow-color);border:1px solid var(--border-color)}.admin-stats-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border-color)}.admin-stats-body{padding:24px}.time-range-selector{margin-bottom:32px}.time-range-selector h3{margin:0 0 16px;color:var(--text-primary);font-size:1.1rem;font-weight:600}.time-buttons{display:flex;gap:12px;flex-wrap:wrap}.time-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500}.time-btn:hover{border-color:var(--primary);background:var(--hover-color)}.time-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.stats-overview{margin-bottom:32px}.stats-overview h3{margin:0 0 20px;color:var(--text-primary);font-size:1.2rem;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card{display:flex;align-items:center;gap:16px;background:var(--bg-secondary);padding:20px;border-radius:12px;border:1px solid var(--border-light);transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px var(--shadow-color);border-color:var(--primary)}.stat-card .stat-icon{width:48px;height:48px;background:var(--primary);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.stat-card .stat-content{display:flex;flex-direction:column;gap:4px}.stat-card .stat-value{font-size:1.8rem;font-weight:700;color:var(--text-primary);line-height:1}.stat-card .stat-label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.stats-comparison{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px}.top-companies-section{margin-bottom:0}.top-companies-section h3{display:flex;align-items:center;gap:12px;margin:0 0 20px;color:var(--text-primary);font-size:1.2rem;font-weight:600}.top-companies-table{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-light);overflow:hidden}.top-company-item{display:grid;grid-template-columns:50px 1fr 80px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-light);transition:all .3s ease}.top-company-item:last-child{border-bottom:none}.top-company-item:hover{background:var(--hover-color)}.company-rank{font-size:1.1rem;font-weight:600;color:var(--text-secondary);text-align:center}.company-name{font-size:.95rem;font-weight:600;color:var(--text-primary);padding-right:8px}.usage-count{font-size:.85rem;color:var(--text-secondary);text-align:center;font-weight:500}.top-users-section{margin-bottom:0}.top-users-section h3{display:flex;align-items:center;gap:12px;margin:0 0 20px;color:var(--text-primary);font-size:1.2rem;font-weight:600}.top-users-table{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-light);overflow:hidden}.top-user-item{display:grid;grid-template-columns:80px 1fr 50px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-light);transition:all .3s ease}.top-user-item:last-child{border-bottom:none}.top-user-item:hover{background:var(--hover-color)}.user-rank{font-size:1.1rem;font-weight:600;color:var(--text-secondary);text-align:center}.user-info{display:flex;flex-direction:column;gap:2px;padding-right:8px}.user-info .username{font-size:.95rem;font-weight:600;color:var(--text-primary)}.user-info .news-count{font-size:.8rem;color:var(--text-secondary)}.user-info .user-role{font-size:.7rem;padding:2px 6px;border-radius:8px;font-weight:500;text-align:center;width:fit-content}.user-info .admin-role{background:#fbbf24;color:#92400e}.user-info .user-role{background:var(--bg-tertiary);color:var(--text-secondary)}@media (max-width: 768px){.stats-comparison{grid-template-columns:1fr;gap:24px}.top-companies-section,.top-users-section{margin-bottom:0}.top-company-item{grid-template-columns:40px 1fr 70px;padding:10px 12px}.top-user-item{grid-template-columns:70px 1fr 40px;padding:10px 12px}.company-rank,.user-rank{font-size:1rem}.company-name,.user-info .username{font-size:.9rem}.usage-count,.user-info .news-count{font-size:.75rem}.user-avatar{width:32px;height:32px}}@media (max-width: 480px){.stats-comparison{gap:20px}.top-companies-section h3,.top-users-section h3{font-size:1.1rem;margin-bottom:16px}.top-company-item{grid-template-columns:35px 1fr 60px;padding:8px 10px}.top-user-item{grid-template-columns:60px 1fr 35px;padding:8px 10px}.company-rank,.user-rank{font-size:.9rem}.company-name,.user-info .username{font-size:.85rem}.usage-count,.user-info .news-count{font-size:.7rem}.user-avatar{width:28px;height:28px}}.recent-news-section h3{margin:0 0 20px;color:var(--text-primary);font-size:1.2rem;font-weight:600}.recent-news-list{display:flex;flex-direction:column;gap:12px}.recent-news-item{display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary);padding:16px;border-radius:12px;border:1px solid var(--border-light);transition:all .3s ease}.recent-news-item:hover{border-color:var(--primary);background:var(--hover-color)}.news-info{display:flex;flex-direction:column;gap:4px;flex:1}.news-info .news-title{font-size:.95rem;font-weight:600;color:var(--text-primary)}.news-info .news-user{font-size:.85rem;color:var(--primary);font-weight:500}.news-info .news-date{font-size:.8rem;color:var(--text-secondary)}.news-actions{display:flex;gap:8px}.download-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--primary);color:#fff;border-radius:8px;transition:all .3s ease;text-decoration:none}.download-link:hover{background:#009a9a;transform:scale(1.1)}@media (max-width: 768px){.admin-stats-content{max-width:95vw;margin:10px}.time-buttons{flex-direction:column}.stats-grid{grid-template-columns:1fr}.stat-card{padding:16px}.stat-card .stat-icon{width:40px;height:40px;font-size:1.2rem}.stat-card .stat-value{font-size:1.5rem}}.result-preview{margin-bottom:16px;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px var(--shadow-color);background:var(--bg-secondary)}.result-image{width:100%;height:auto;max-height:400px;object-fit:cover;display:block}.video-preview{position:relative;width:100%;background:var(--bg-tertiary)}.result-video{width:100%;height:auto;max-height:400px;display:block}.result-actions{display:flex;gap:12px;padding:16px;background:var(--bg-primary);border-top:1px solid var(--border-light)}.action-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease;border:1px solid var(--border-color)}.view-btn{background:var(--bg-secondary);color:var(--text-primary)}.download-btn{background:var(--primary);color:#fff}.action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-color)}@media (max-width: 1400px){.news-history-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;padding:20px}}@media (max-width: 768px){.news-history-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;padding:16px}}@media (max-width: 480px){.news-history-grid{grid-template-columns:1fr;gap:12px;padding:12px}}.companies-management-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.companies-management-content{background:var(--bg-primary);border-radius:16px;max-width:1200px;width:100%;margin:20px auto;padding:20px;box-shadow:0 20px 40px var(--shadow-color);border:1px solid var(--border-color)}.companies-management-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border-color)}.header-info{display:flex;align-items:center;gap:16px}.header-icon{font-size:2rem;color:var(--primary)}.header-text h2{margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:700}.header-subtitle{margin:4px 0 0;color:var(--text-secondary);font-size:.9rem}.companies-management-body{padding:24px}.actions-section{margin-bottom:24px;display:flex;gap:12px;flex-wrap:wrap}@media (max-width: 768px){.actions-section{flex-direction:column!important;gap:8px!important}.add-company-btn,.add-multiple-ads-btn,.filters-toggle-btn{width:100%!important;justify-content:center!important;padding:14px 20px!important;font-size:.95rem!important}.action-btn{width:100%!important;justify-content:center!important;padding:12px 16px!important;font-size:.9rem!important}}@media (max-width: 480px){.actions-section{gap:6px!important}.add-company-btn,.add-multiple-ads-btn,.filters-toggle-btn{padding:12px 16px!important;font-size:.9rem!important}.action-btn{padding:10px 14px!important;font-size:.85rem!important}}.add-company-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.add-company-btn:hover{background:#009a9a;transform:translateY(-1px);box-shadow:0 4px 15px #00aeac4d}.company-form-section{background:var(--bg-secondary);border-radius:12px;padding:24px;margin-bottom:32px;border:1px solid var(--border-light)}.form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.form-header h3{margin:0;color:var(--text-primary);font-size:1.2rem;font-weight:600}.cancel-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .3s ease}.cancel-btn:hover{background:var(--hover-color);border-color:var(--primary)}.company-form{display:flex;flex-direction:column;gap:24px}.form-group label{display:block;margin-bottom:8px;color:var(--text-primary);font-weight:600;font-size:.9rem}.form-input,.form-select,.form-textarea{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.9rem;transition:all .3s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #00aeac1a}.form-textarea{resize:vertical;min-height:80px}.form-actions{display:flex;justify-content:flex-end}.save-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.save-btn:hover{background:#009a9a;transform:translateY(-1px);box-shadow:0 4px 15px #00aeac4d}.companies-list-section h3{margin:0 0 20px;color:var(--text-primary);font-size:1.2rem;font-weight:600}.companies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.company-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;padding:16px;transition:all .3s ease;min-height:120px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.company-card.active{border:2px solid #10b981;box-shadow:0 0 20px #10b9814d,0 0 40px #10b9811a}.company-card.active:hover{border-color:#059669;box-shadow:0 0 25px #10b98166,0 0 50px #10b98126}.company-card.inactive{border:2px solid #ef4444;box-shadow:0 0 20px #ef44444d,0 0 40px #ef44441a}.company-card.inactive:hover{border-color:#dc2626;box-shadow:0 0 25px #ef444466,0 0 50px #ef444426}.company-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow-color);border-color:var(--primary)}.company-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.company-logo{width:50px;height:50px;border-radius:10px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:1.2rem;overflow:hidden}.company-logo img{width:100%;height:100%;object-fit:cover}.company-info{flex:1}.company-name{margin:0 0 6px;color:var(--text-primary);font-size:1rem;font-weight:600}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600}.company-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:16px}.company-details{margin-bottom:20px}.detail-item{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem}.detail-item svg{color:var(--text-secondary);width:14px;flex-shrink:0}.detail-item a{color:var(--primary);text-decoration:none}.detail-item a:hover{text-decoration:underline}.company-actions{display:flex;gap:8px;justify-content:flex-end}.company-actions button{width:36px;height:36px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:.9rem}.edit-btn{background:var(--primary);color:#fff}.edit-btn:hover{background:#009a9a;transform:scale(1.1)}.status-btn.activate{background:#10b981;color:#fff}.status-btn.deactivate{background:#f59e0b;color:#fff}.status-btn:hover{transform:scale(1.1)}.delete-btn{background:#ef4444;color:#fff}.delete-btn:hover{background:#dc2626;transform:scale(1.1)}.error-message{background:#fef2f2;color:#dc2626;padding:12px 16px;border-radius:8px;border:1px solid #fecaca;margin-bottom:20px;font-size:.9rem}.loading{text-align:center;padding:40px;color:var(--text-secondary);font-size:1.1rem}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-icon{font-size:3rem;margin-bottom:16px}@media (max-width: 768px){.companies-management-content{max-width:95vw;margin:10px}.form-grid,.companies-grid{grid-template-columns:1fr}.company-card{padding:16px}.company-header{flex-direction:column;text-align:center}.company-actions{justify-content:center}}.refresh-user-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px}.refresh-user-btn:hover:not(:disabled){background:#009a9a;transform:translateY(-1px);box-shadow:0 2px 8px #00aeac4d}.refresh-user-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.refresh-user-btn:disabled:hover{transform:none;box-shadow:none}.ads-management-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);padding:0;margin:0}.ads-management-content{background:var(--bg-primary);border-radius:16px;max-width:100%;width:100%;margin:0;padding:20px;box-shadow:0 20px 40px var(--shadow-color);border:1px solid var(--border-color);overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}@media (max-width: 768px){.ads-management-content{margin:0!important;padding:16px!important;border-radius:0!important;overflow-x:hidden!important;min-height:100vh!important}.ads-management-header{padding:16px!important;flex-direction:column!important;gap:16px!important;text-align:center!important}.ads-management-body{padding:16px!important;flex:1!important}.form-grid{grid-template-columns:1fr!important;gap:16px!important}.ads-management-header h1{font-size:1.5rem!important;margin-bottom:8px!important}.ads-management-header p{font-size:.9rem!important}*{box-sizing:border-box!important}html,body{overflow-x:hidden!important;max-width:100vw!important}}@media (max-width: 480px){.ads-management-content{margin:0!important;padding:12px!important;overflow-x:hidden!important;min-height:100vh!important}.ads-management-header{padding:12px!important}.ads-management-body{padding:12px!important;flex:1!important}.form-grid{gap:12px!important}.ads-management-header h1{font-size:1.3rem!important;margin-bottom:6px!important}.ads-management-header p{font-size:.8rem!important}*{box-sizing:border-box!important}html,body{overflow-x:hidden!important;max-width:100vw!important}}.ads-management-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border-color)}.ads-management-body{padding:24px;flex:1;display:flex;flex-direction:column}.add-ad-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.add-ad-btn:hover{background:#009a9a;transform:translateY(-1px);box-shadow:0 4px 15px #00aeac4d}.ad-form-section{background:var(--bg-secondary);border-radius:12px;padding:24px;margin-bottom:32px;border:1px solid var(--border-light)}.ad-form{display:flex;flex-direction:column;gap:24px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-help{display:block;margin-top:4px;color:var(--text-secondary);font-size:.8rem}.media-preview{background:var(--bg-tertiary);border-radius:8px;padding:16px;border:1px solid var(--border-light)}.media-preview h4{margin:0 0 12px;color:var(--text-primary);font-size:1rem}.preview-image,.preview-video{max-width:300px;max-height:200px;border-radius:8px;border:1px solid var(--border-color)}.ads-list-section{flex:1;display:flex;flex-direction:column}.ads-list-section h3{margin:0 0 20px;color:var(--text-primary);font-size:1.2rem;font-weight:600}.ads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}@media (max-width: 768px){body{font-size:14px!important}.ads-grid{grid-template-columns:1fr!important;gap:16px!important;padding:8px 0!important;flex:1!important}.ad-card{padding:12px!important;margin-bottom:16px!important}.ad-header{flex-direction:column!important;gap:12px!important}.ad-media{width:100%!important;height:120px!important}.ad-title{font-size:1.1rem!important}.ad-media-container{height:180px!important}.ad-actions{flex-direction:column!important;gap:8px!important}.action-btn{width:100%!important;justify-content:center!important;padding:10px 16px!important}.ad-status-bar{top:8px!important;right:8px!important}.status-indicator,.company-status-indicator,.media-type-indicator,.orientation-indicator{font-size:.75rem!important;padding:4px 8px!important}.ad-content{padding:12px 0!important}.ad-header-info{margin-bottom:12px!important}.ad-title{margin-bottom:8px!important}.ad-company-badge{font-size:.9rem!important}}@media (max-width: 480px){body{font-size:13px!important}.ads-grid{gap:12px!important;padding:6px 0!important;flex:1!important}.ad-card{padding:10px!important;margin-bottom:12px!important}.ad-media{height:100px!important}.ad-media-container{height:150px!important}.action-btn{padding:8px 12px!important;font-size:.85rem!important}.ad-title{font-size:1rem!important}.ad-company-badge{font-size:.85rem!important}.ad-status-bar{top:6px!important;right:6px!important}.status-indicator,.company-status-indicator,.media-type-indicator,.orientation-indicator{font-size:.7rem!important;padding:3px 6px!important}.ad-content{padding:10px 0!important}.ad-header-info{margin-bottom:10px!important}.ad-title{margin-bottom:6px!important}.ad-company-badge{font-size:.8rem!important}}.ad-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;padding:16px;transition:all .3s ease}.ad-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow-color);border-color:var(--primary)}.ad-header{display:flex;gap:16px;margin-bottom:16px}.ad-media{width:80px;height:80px;border-radius:8px;overflow:hidden;flex-shrink:0}.ad-image{width:100%;height:100%;object-fit:cover}.ad-video-placeholder{width:100%;height:100%;background:var(--bg-tertiary);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.8rem}.ad-video-placeholder svg{font-size:1.5rem;margin-bottom:4px}.ad-info{flex:1}.ad-title{margin:0 0 6px;color:var(--text-primary);font-size:1rem;font-weight:600}.ad-company{margin:0 0 8px;color:var(--text-secondary);font-size:.9rem}.ad-meta{display:flex;gap:8px;flex-wrap:wrap}.priority-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600}.ad-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:16px;padding:12px;background:var(--bg-tertiary);border-radius:6px}.ad-actions{display:flex;gap:8px;justify-content:flex-end}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}@media (max-width: 768px){.ads-management-content{max-width:95vw;margin:10px}.form-grid,.ads-grid{grid-template-columns:1fr}.ad-card{padding:16px}.ad-header{flex-direction:column;text-align:center}.ad-actions{justify-content:center}}.ads-list-section h3{margin:0 0 24px;color:var(--text-primary);font-size:1.4rem;font-weight:700;text-align:center;padding:16px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-light)}.ads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding:16px 0;width:100%;flex:1;align-content:start}.ad-card{background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:16px;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 12px var(--shadow-color)}.ad-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px var(--shadow-color);border-color:var(--primary)}.ad-media-container{position:relative;height:220px;overflow:hidden;background:var(--bg-tertiary)}.ad-media-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.ad-card:hover .ad-media-image{transform:scale(1.05)}.ad-media-video{position:relative;width:100%;height:100%}.ad-video-player{width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .3s ease}.video-overlay:hover{opacity:1}.play-icon{font-size:1.5rem}.ad-status-bar{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:8px;z-index:2}.status-row,.media-type-row{display:flex;gap:8px;align-items:center;justify-content:flex-end}.status-indicator,.priority-indicator{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:6px;font-size:.8rem;font-weight:600;white-space:nowrap}.status-indicator.active{background:#22c55ee6;color:#fff}.status-indicator.inactive{background:#9ca3afe6;color:#fff}.priority-indicator{background:#3b82f6e6;color:#fff}.priority-indicator.priority-1{background:#ef4444e6}.priority-indicator.priority-2{background:#f59e0be6}.priority-indicator.priority-3{background:#3b82f6e6}.priority-indicator.priority-0{background:#9ca3afe6}.media-type-indicator,.orientation-indicator{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#000000b3;color:#fff;border-radius:4px;font-size:.75rem;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ad-card.active-ad{border:3px solid #10b981;box-shadow:0 0 20px #10b9814d,0 0 40px #10b9811a;transition:all .3s ease}.ad-card.active-ad:hover{border-color:#059669;box-shadow:0 0 25px #10b98166,0 0 50px #10b98126;transform:translateY(-2px)}.ad-card.inactive-ad{border:3px solid #ef4444;box-shadow:0 0 20px #ef44444d,0 0 40px #ef44441a;opacity:.8;filter:grayscale(.2);transition:all .3s ease}.ad-card.inactive-ad:hover{border-color:#dc2626;box-shadow:0 0 25px #ef444466,0 0 50px #ef444426;transform:translateY(-2px);opacity:.9}.multiple-ads-form-section{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 20px #0000001a}.files-selection{text-align:center;padding:32px;border:2px dashed var(--border-color);border-radius:12px;margin-bottom:24px;transition:all .3s ease}.files-selection:hover{border-color:var(--primary);background:var(--bg-tertiary)}.file-input-label{display:flex;flex-direction:column;align-items:center;gap:16px;cursor:pointer;color:var(--text-secondary);font-size:1.1rem;font-weight:600;transition:all .3s ease}.file-input-label:hover{color:var(--primary)}.file-input-label svg{font-size:2rem;color:var(--primary)}.file-input{display:none}.multiple-ads-list{margin-top:24px}.multiple-ads-list h4{margin-bottom:20px;color:var(--text-primary);font-size:1.2rem;font-weight:700}.multiple-ads-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:24px}@media (max-width: 768px){.multiple-ads-grid{grid-template-columns:1fr!important;gap:16px!important}.multiple-ad-item{padding:12px!important}.ad-preview{margin-bottom:12px!important}.preview-thumb,.video-preview video{max-height:320px!important}.orientation-badge{top:4px!important;right:4px!important}.orientation-text{padding:3px 6px!important;font-size:.7rem!important}.ad-form-fields{gap:10px!important}.form-input,.form-select{padding:10px 12px!important;font-size:.9rem!important}}@media (max-width: 480px){.multiple-ads-grid{gap:12px!important}.multiple-ad-item{padding:10px!important}.preview-thumb,.video-preview video{max-height:80px!important}.orientation-badge{top:3px!important;right:3px!important}.orientation-text{padding:2px 5px!important;font-size:.65rem!important}.ad-form-fields{gap:8px!important}.form-input,.form-select{padding:8px 10px!important;font-size:.85rem!important}}.multiple-ad-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:16px;position:relative;transition:all .3s ease}.multiple-ad-item:hover{border-color:var(--primary);box-shadow:0 4px 15px #0000001a}.ad-preview{margin-bottom:16px;text-align:center;position:relative}.orientation-badge{position:absolute;top:8px;right:8px;z-index:10}.orientation-text{display:inline-block;padding:4px 8px;border-radius:8px;font-size:.75rem;font-weight:600;font-family:Tajawal,sans-serif}.orientation-text.portrait{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.orientation-text.landscape{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.preview-thumb{max-width:100%;max-height:120px;border-radius:8px;object-fit:cover}.video-preview{position:relative;display:inline-block}.video-preview video{max-width:100%;max-height:320px;border-radius:8px}.video-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.ad-form-fields{display:grid;gap:12px}.remove-ad-btn{position:absolute;top:8px;right:8px;background:#ef4444;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.remove-ad-btn:hover{background:#dc2626;transform:scale(1.1)}.upload-progress{margin:24px 0;text-align:center}.progress-bar{width:100%;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),#00d4d4);transition:width .3s ease}.progress-text{color:var(--text-secondary);font-size:.9rem;font-weight:600}.upload-all-btn{background:linear-gradient(135deg,var(--primary),#00d4d4);color:#fff;border:none;border-radius:12px;padding:16px 32px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Tajawal,sans-serif;box-shadow:0 4px 15px #00aeac4d}.upload-all-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00aeac66}.upload-all-btn:disabled{opacity:.6;cursor:not-allowed}.add-multiple-ads-btn{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Tajawal,sans-serif;box-shadow:0 4px 15px #8b5cf64d;margin:0 8px}.add-multiple-ads-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.company-status-indicator{display:inline-block;padding:4px 8px;border-radius:8px;font-size:.75rem;font-weight:600;font-family:Tajawal,sans-serif}.company-status-indicator.company-active{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.company-status-indicator.company-inactive{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.filters-section{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-light);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 20px #0000001a}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--primary)}.filters-header h4{margin:0;color:var(--text-primary);font-size:1.2rem;font-weight:700;font-family:Tajawal,sans-serif}.reset-filters-btn{padding:10px 20px;background:linear-gradient(135deg,var(--primary) 0%,#009a9a 100%);color:#fff;border:none;border-radius:25px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Tajawal,sans-serif;box-shadow:0 2px 10px #00aeac4d}.reset-filters-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00aeac66}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:24px}@media (max-width: 768px){.filters-grid{grid-template-columns:1fr!important;gap:16px!important}.filter-group{margin-bottom:8px!important}.filter-input,.filter-select{padding:10px 14px!important;font-size:.85rem!important}.filters-toggle-btn{width:100%!important;margin-bottom:16px!important}}@media (max-width: 480px){.filters-grid{gap:12px!important}.filter-input,.filter-select{padding:8px 12px!important;font-size:.8rem!important}.filters-toggle-btn{padding:10px 14px!important;font-size:.85rem!important}}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-size:.9rem;font-weight:600;color:var(--text-primary);font-family:Tajawal,sans-serif;margin-bottom:4px}.filter-input,.filter-select{padding:12px 16px;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-primary);color:var(--text-primary);font-size:.9rem;transition:all .3s ease;font-family:Tajawal,sans-serif}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #00aeac1a;transform:translateY(-1px)}.filters-summary{text-align:center;padding:16px;background:linear-gradient(135deg,var(--primary) 0%,#009a9a 100%);border-radius:12px;color:#fff;font-size:1rem;font-weight:600;font-family:Tajawal,sans-serif;box-shadow:0 2px 10px #00aeac4d}.auto-orientation-info{margin-top:8px}.orientation-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--primary);color:#fff;border-radius:6px;font-size:.85rem;font-weight:500}.orientation-badge:before{content:"🎯";font-size:1rem}.ads-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:12px}.ad-option-card{position:relative;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:16px;cursor:pointer;transition:all .3s ease;overflow:hidden}.ad-option-card input[type=radio]:checked+.ad-content{border-color:var(--primary);background:#00aeac0d}.ad-content{display:flex;flex-direction:column;gap:12px;border:2px solid transparent;border-radius:8px;padding:8px;transition:all .3s ease}.ad-media{position:relative;width:100%;height:120px;border-radius:8px;overflow:hidden;background:var(--bg-tertiary)}.ad-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.ad-option-card:hover .ad-thumbnail{transform:scale(1.05)}.ad-video-thumbnail video{width:100%;height:100%;object-fit:cover}.ad-info{display:flex;flex-direction:column;gap:8px}.ad-title{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary);font-family:Tajawal,sans-serif;line-height:1.3}.ad-meta{display:flex;flex-wrap:wrap;gap:8px}.ad-type,.ad-orientation,.ad-priority{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:6px;font-size:.75rem;font-weight:500;font-family:Tajawal,sans-serif}.loading-ads,.no-ads{grid-column:1 / -1;text-align:center;padding:40px 20px;color:var(--text-secondary);font-family:Tajawal,sans-serif}.loading-ads p{margin:0;font-size:1rem}.no-ads p{margin:0;font-size:1rem;opacity:.7}@media (max-width: 768px){.ads-grid{grid-template-columns:1fr;gap:12px}.ad-option-card{padding:12px}.ad-media{height:100px}.ad-title{font-size:.9rem}.ad-meta{gap:6px}.ad-type,.ad-orientation,.ad-priority{font-size:.7rem;padding:3px 6px}.result-image,.result-video{width:280px;height:350px;max-width:90%;max-height:350px}}@media (max-width: 480px){.result-image,.result-video{width:240px;height:300px;max-width:95%;max-height:300px}}.user-management-page{min-height:100vh;background:var(--bg-secondary);padding:20px}.page-content{max-width:1200px;margin:0 auto}.page-header{background:var(--card-bg);border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px var(--shadow-color)}.page-header-content{display:flex;align-items:center;gap:20px}.back-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--button-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500}.back-btn:hover{background:var(--button-hover);border-color:var(--primary)}.page-title-section{flex:1}.page-title{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.title-icon{color:var(--primary);font-size:24px}.page-subtitle{color:var(--text-secondary);font-size:16px;margin:0}.error-message,.success-message{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:8px;margin-bottom:20px;position:relative}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.error-icon,.success-icon{font-size:18px}.error-close,.success-close{position:absolute;right:16px;background:none;border:none;color:inherit;cursor:pointer;padding:4px;border-radius:4px}.error-close:hover,.success-close:hover{background:#0000001a}.add-user-section{margin-bottom:24px;text-align:center}.add-user-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.add-user-btn:hover{background:#009a98;transform:translateY(-2px)}.add-user-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.add-user-form{background:var(--card-bg);border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px var(--shadow-color)}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.form-header h3{margin:0;font-size:20px;color:var(--text-primary)}.close-form-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:4px;transition:all .3s ease}.close-form-btn:hover{background:var(--hover-color);color:var(--text-primary)}.add-form-content{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--text-primary)}.label-icon{color:var(--primary)}.form-input,.form-select{padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;background:var(--input-bg);color:var(--text-primary);font-size:14px;transition:all .3s ease}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #00aeac1a}.form-input:disabled{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}.password-input-group{position:relative;display:flex;align-items:center}.password-toggle-btn{position:absolute;right:12px;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .3s ease}.password-toggle-btn:hover{color:var(--text-primary)}.form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid var(--border-color)}.save-btn,.cancel-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.save-btn{background:var(--primary);color:#fff}.save-btn:hover{background:#009a98}.save-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{background:var(--button-bg);color:var(--text-primary);border:1px solid var(--border-color)}.cancel-btn:hover{background:var(--button-hover)}.users-content{background:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px var(--shadow-color)}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.empty-icon{font-size:48px;color:var(--text-tertiary);margin-bottom:16px}.users-table{width:100%}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;background:var(--bg-tertiary);padding:16px 20px;border-bottom:1px solid var(--border-color)}.th{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary)}.th-icon{color:var(--primary)}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:16px 20px;border-bottom:1px solid var(--border-light);transition:background-color .3s ease}.table-row:hover{background:var(--hover-color)}.table-row:last-child{border-bottom:none}.td{display:flex;align-items:center}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{position:relative;width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:18px}.user-avatar-image{width:100%;height:100%;object-fit:cover}.avatar-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.user-details{display:flex;flex-direction:column;gap:4px}.username{font-weight:600;color:var(--text-primary)}.user-username{color:var(--text-secondary);font-size:14px}.current-user-badge{background:var(--primary);color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.role-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;text-align:center}.role-admin{background:#fef3c7;color:#92400e}.role-user{background:#dbeafe;color:#1e40af}.registration-date{color:var(--text-secondary);font-size:14px}.user-actions{display:flex;gap:8px}.action-btn{padding:8px;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;color:var(--text-secondary)}.edit-btn:hover{background:#dbeafe;color:#1e40af}.delete-btn:hover{background:#fee2e2;color:#dc2626}.edit-mode-indicator{display:flex;align-items:center;justify-content:center;color:var(--primary);font-weight:500}.editing-badge{background:var(--primary);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.cancel-edit-btn{background:#fee2e2;color:#dc2626;border:none;padding:8px;border-radius:6px;cursor:pointer;transition:all .3s ease}.cancel-edit-btn:hover{background:#fecaca}.edit-user-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.edit-user-modal{background:var(--card-bg);border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d}.edit-modal-header{padding:24px;border-bottom:1px solid var(--border-color)}.modal-header-content{display:flex;justify-content:space-between;align-items:flex-start}.user-edit-info{display:flex;align-items:center;gap:16px}.user-edit-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:24px}.edit-user-avatar-image{width:100%;height:100%;object-fit:cover}.avatar-fallback-large{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.user-edit-details h3{margin:0 0 8px;font-size:20px;color:var(--text-primary)}.user-edit-subtitle{margin:0;color:var(--text-secondary);font-size:14px}.close-modal-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:4px;transition:all .3s ease}.close-modal-btn:hover{background:var(--hover-color);color:var(--text-primary)}.edit-user-form{padding:24px}.form-section{margin-bottom:32px}.form-section h4{margin:0 0 20px;font-size:18px;color:var(--text-primary);padding-bottom:12px;border-bottom:1px solid var(--border-light)}.password-hint{color:var(--text-secondary);font-size:12px;margin-top:8px;display:block}@media (max-width: 768px){.page-header-content{flex-direction:column;align-items:flex-start;gap:16px}.form-row{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1fr;gap:12px}.th{display:none}.td{flex-direction:column;align-items:flex-start;gap:8px}.edit-user-modal{margin:20px;max-width:calc(100% - 40px)}}@font-face{font-family:Alkhabar-Bold;src:url(/assets/Alkhabar-Bold-9GQ1Mr1u.ttf) format("truetype");font-weight:400;font-style:normal}.title-textarea{font-family:Alkhabar-Bold,sans-serif;text-align:center;font-size:1.4rem;padding:12px;line-height:1.4;font-weight:700;min-height:70px;max-height:180px;resize:none;overflow:hidden;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word;border-radius:8px;border:2px solid #e0e0e0;transition:all .3s ease;box-sizing:border-box;width:100%}.title-textarea:focus{outline:none;border-color:#00aeac;box-shadow:0 0 0 3px #00aeac1a}[data-dark=true] .title-textarea{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}@media (max-width: 768px){input,textarea,select{font-size:16px!important;-webkit-appearance:none;-webkit-border-radius:0}body{-webkit-overflow-scrolling:touch;overscroll-behavior:none}.mini-checklist{-webkit-transform:translateY(-50%);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}.news-form-container,.ads-grid{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.modal-overlay{-webkit-overflow-scrolling:touch;overscroll-behavior:none;position:fixed;inset:0;overflow:hidden}}@media (max-width: 768px){.title-textarea{font-size:1.4rem!important;padding:12px!important;min-height:70px}}.gender-selection{display:flex;gap:12px;margin-top:8px}.gender-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border:2px solid #e0e0e0;border-radius:12px;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;flex:1}.gender-btn:hover{border-color:#007bff;color:#007bff}.gender-btn.selected{background:#007bff;border-color:#007bff;color:#fff}.gender-btn svg{font-size:18px}.name-input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:12px;font-size:16px;font-family:Tajawal,sans-serif;transition:border-color .3s ease;margin-top:8px;resize:vertical;min-height:60px}.name-input:focus{outline:none;border-color:#007bff}.submitting-message{display:flex;align-items:center;gap:12px;padding:16px;background:#e3f2fd;border:1px solid #2196f3;border-radius:12px;margin:16px 0;color:#1976d2;font-weight:500}.loading-spinner{width:20px;height:20px;border:2px solid #e3f2fd;border-top:2px solid #2196f3;border-radius:50%;animation:spin 1s linear infinite}.urgent-section{margin:16px 0;display:flex;flex-direction:column;gap:8px}.urgent-button{display:flex;align-items:center;gap:6px;padding:8px 12px;border:2px solid #95a5a6;border-radius:6px;background:transparent;color:#7f8c8d;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Tajawal,sans-serif}.urgent-button:hover{background:#95a5a6;color:#fff;transform:translateY(-1px)}.urgent-button.urgent-active{background:#e74c3c;color:#fff;border-color:#c0392b;box-shadow:0 4px 12px #e74c3c66;font-weight:700}.urgent-icon{font-size:1rem}.urgent-text{font-size:.9rem}.urgent-notice{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;font-size:.9rem;color:#856404}.urgent-notice-icon{font-size:1rem}.urgent-notice-text{font-weight:500}.ad-option-card.disabled{opacity:.5;cursor:not-allowed;position:relative}.ad-option-card.disabled:hover{transform:none;box-shadow:none}.ad-disabled-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;border-radius:8px;z-index:10}.disabled-text{color:#fff;font-size:.9rem;font-weight:600;text-align:center;padding:8px}.news-form-container{max-width:800px;margin:0 auto;padding:20px}.news-form{background:var(--bg-primary);border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000001a;border:1px solid var(--border-color)}.form-section{margin-bottom:24px}.form-section label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary);font-family:Tajawal,sans-serif;font-size:1rem}.ad-selection-section{display:flex;flex-direction:column;gap:16px;padding:0;margin:0}.ad-selection-group{display:flex;flex-direction:column}.ad-selection-group label{margin-bottom:12px;font-size:1.1rem;font-weight:700;color:var(--primary)}.filters-row{display:flex;gap:8px;margin-bottom:16px;flex-wrap:nowrap;align-items:center;justify-content:flex-start}.filters-section{display:flex;gap:16px;margin-bottom:16px;padding:12px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.filter-group{display:flex;flex-direction:column;gap:4px;flex:1}.filter-group label{font-size:12px;font-weight:600;color:var(--text-secondary);margin:0}.filter-select{padding:6px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-family:Tajawal,sans-serif;font-size:.85rem;min-width:100px;max-width:120px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;position:relative}.filter-select:hover{border-color:var(--primary)}.filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #00aeac33}.filter-select.filter-selected{border-color:var(--primary);background:#00aeac1a;color:var(--primary);font-weight:600;box-shadow:0 2px 8px #00aeac33;position:relative;transform:scale(1.02)}.filter-select.filter-selected:hover{border-color:var(--primary);background:#00aeac26;box-shadow:0 4px 12px #00aeac4d;transform:scale(1.05)}.filter-select.filter-selected:before{content:"✓";position:absolute;top:-8px;right:-8px;background:var(--primary);color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;box-shadow:0 2px 4px #0003}.company-select{min-width:110px;max-width:130px}.media-type-select,.orientation-select{min-width:90px;max-width:110px}.ads-container{width:100%;margin:0;padding:0;overflow:hidden}.ads-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:0 8px 0 0;width:100%;justify-items:stretch;align-items:stretch;box-sizing:border-box;max-height:720px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--primary) var(--bg-tertiary)}.ads-grid::-webkit-scrollbar{width:6px;height:6px}.ads-grid::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.ads-grid::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px;transition:background .3s ease}.ads-grid::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.ads-grid{scrollbar-width:thin;scrollbar-color:var(--primary) var(--bg-tertiary)}.ads-grid::-webkit-scrollbar{-webkit-appearance:none;appearance:none}.ads-grid::-webkit-scrollbar:vertical{width:6px}.ads-grid::-webkit-scrollbar:horizontal{height:6px}.ads-scroll-info{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:16px;padding:12px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-light)}.scroll-text{font-size:.9rem;font-weight:600;color:var(--primary)}.scroll-hint{font-size:.8rem;color:var(--text-secondary);text-align:center}.ad-option-card{position:relative;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;padding:0;cursor:pointer;transition:all .3s ease;overflow:hidden;display:flex;flex-direction:column;height:100%;margin:0}.ad-option-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 15px #00aeac33}.ad-option-card.selected{border-color:var(--primary);background:#00aeac0d;box-shadow:0 0 0 3px #00aeac4d;transform:scale(1.02)}.ad-option-card.selected:hover{border-color:var(--primary);background:#00aeac14;box-shadow:0 0 0 3px #00aeac66;transform:scale(1.03)}.ad-option-card.selected:before{content:"✓";position:absolute;top:8px;right:8px;background:var(--primary);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;box-shadow:0 2px 4px #0000004d;z-index:10}.ad-option-card input[type=radio]{position:absolute;opacity:0;pointer-events:none}.ad-option-card input[type=radio]:checked~.ad-content{border-color:var(--primary);background:#00aeac0d}.ad-content{display:flex;flex-direction:column;gap:8px;border:none;border-radius:0 0 8px 8px;padding:8px 8px 12px;flex:1;min-height:0}.ad-media{position:relative;width:100%;aspect-ratio:1/1;border-radius:8px 8px 0 0;overflow:hidden;background:var(--bg-tertiary);flex-shrink:0}.ad-thumbnail,.ad-video-thumbnail video{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1;display:block}.ad-video-thumbnail{position:relative;width:100%;height:100%}.video-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem}.ad-info{display:flex;flex-direction:column;gap:4px}.ad-title{font-weight:600;font-size:14px;color:var(--text-primary);line-height:1.3;margin:0}.ad-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--text-secondary)}.ad-type,.ad-orientation,.ad-priority,.ad-company{background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;white-space:nowrap}.ad-type{color:var(--primary);background:#00aeac1a}.ad-orientation{color:var(--secondary);background:#9ca3af1a}.ad-priority{color:#f59e0b;background:#f59e0b1a}.ad-company{margin:0;font-size:.8rem;color:var(--text-secondary);font-family:Tajawal,sans-serif;font-style:italic}.company-selection-group{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.company-select,.media-type-select,.orientation-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;min-width:120px;font-family:Tajawal,sans-serif}.filter-label{font-family:Tajawal,sans-serif;font-size:14px;color:var(--text-primary);font-weight:500;white-space:nowrap}.company-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #00aeac1a;transform:translateY(-1px)}.company-select:hover{border-color:var(--primary)}.company-select-inline{display:inline-block;width:auto!important;min-width:120px;max-width:180px;font-size:.95rem;padding:6px 12px;height:36px;margin-right:8px;margin-left:8px;vertical-align:middle}.ad-selection-header label{font-size:1.05rem;font-weight:700;color:var(--primary);margin:0;font-family:Tajawal,sans-serif}.loading-ads,.no-ads{text-align:center;padding:40px 20px;color:var(--text-secondary);font-size:16px}.loading-ads p,.no-ads p{margin:0;font-size:1rem}.no-ads p{opacity:.7}.ad-filler{visibility:hidden;pointer-events:none;background:transparent;border-color:transparent;box-shadow:none}@media (max-width: 768px){.ad-selection-section{grid-template-columns:1fr;gap:16px}.filters-row{flex-direction:row;gap:6px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.filter-select{min-width:90px;max-width:100px;font-size:.8rem;padding:5px 8px}.images-row{grid-template-columns:1fr!important;gap:12px!important}.file-upload-label{height:140px!important;padding:12px!important}.file-upload-content{flex-direction:column!important;gap:8px!important}.file-upload-icon{width:32px!important;height:32px!important}.file-upload-text{font-size:.85rem!important;text-align:center!important}.file-preview{flex-direction:column!important;gap:8px!important}.file-preview img{max-height:100px!important;width:100%!important;object-fit:cover!important}.ai-rephrase-btn-new{width:40px!important;height:40px!important;padding:8px!important}.ai-sparkle-icon{width:16px!important;height:16px!important}.ai-text{font-size:.7rem!important}.ai-suggestion-box{margin-top:12px!important;padding:12px!important}.suggestion-header{flex-direction:column!important;gap:4px!important;text-align:center!important}.ai-label{font-size:.9rem!important}.ai-hint{font-size:.75rem!important}.suggested-title{font-size:.95rem!important;line-height:1.4!important;margin:8px 0!important}.suggestion-actions{flex-direction:column!important;gap:8px!important}.suggestion-actions .btn{width:100%!important;justify-content:center!important;padding:10px 16px!important;font-size:.9rem!important}.title-stats{margin-top:8px!important;padding:8px!important}.stats-text{font-size:.85rem!important;line-height:1.3!important}.stats-warning{display:block!important;margin-top:4px!important;font-size:.75rem!important}.filters-section{flex-direction:column;gap:12px}.filter-group{flex:none}.ads-grid{grid-template-columns:repeat(2,1fr);gap:8px}.ad-option-card{padding:12px}.ad-media{height:100px}.ad-title{font-size:.9rem}.ad-meta{gap:6px}.ad-type,.ad-orientation,.ad-priority{font-size:.7rem;padding:3px 6px}.news-form-container{padding:15px}.news-form{padding:20px}}@media (max-width: 480px){.news-form-container{padding:10px}.news-form{padding:16px}.ad-selection-section{gap:12px}.filters-row{flex-direction:column;gap:6px;align-items:stretch}.filter-select{min-width:100%;max-width:none}.images-row{gap:8px!important}.file-upload-label{height:120px!important;padding:8px!important}.file-upload-icon{width:28px!important;height:28px!important}.file-upload-text{font-size:.8rem!important}.file-preview img{max-height:80px!important}.ai-rephrase-btn-new{width:36px!important;height:36px!important;padding:6px!important}.ai-sparkle-icon{width:14px!important;height:14px!important}.ai-text{font-size:.65rem!important}.ai-suggestion-box{padding:10px!important;margin-top:10px!important}.suggested-title{font-size:.9rem!important;line-height:1.3!important}.suggestion-actions .btn{padding:8px 12px!important;font-size:.85rem!important}.title-textarea{font-family:Alkhabar-Bold,sans-serif;text-align:center;font-size:1.8rem!important;padding:15px!important;line-height:1.3;font-weight:700;min-height:80px;resize:none;overflow:hidden}.title-stats{padding:6px!important}.stats-text{font-size:.8rem!important}.stats-warning{font-size:.7rem!important}.media-options{flex-direction:column!important;gap:8px!important}.media-option{padding:12px!important;font-size:.9rem!important}.ads-grid{grid-template-columns:1fr!important;gap:8px!important;max-height:400px!important}.ad-option-card{padding:8px!important}.ad-media{height:80px!important}.ad-title{font-size:.8rem!important}.ad-meta{gap:4px!important}.ad-type,.ad-orientation,.ad-priority{font-size:.65rem!important;padding:2px 4px!important}}.template-info{margin:16px 0;padding:12px 16px;background:linear-gradient(135deg,#00aeac1a,#00aeac0d);border:2px solid rgba(0,174,172,.2);border-radius:12px;animation:fadeInUp .3s ease-out}.template-message{display:flex;align-items:center;gap:12px;color:var(--text-primary);font-family:Tajawal,sans-serif}.template-icon{font-size:1.2rem;opacity:.8}.template-text{font-size:.95rem;font-weight:500}.template-text strong{color:var(--primary);font-weight:700}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.template-info{margin:12px 0;padding:10px 14px}.template-text{font-size:.9rem}.template-icon{font-size:1.1rem}}@media (max-width: 480px){.template-info{margin:10px 0;padding:8px 12px}.template-text{font-size:.85rem}.template-icon{font-size:1rem}}.lines-stats{margin-top:12px;padding:12px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.line-stat{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;margin-bottom:4px;border-radius:6px;font-family:Tajawal,sans-serif;transition:all .3s ease}.line-stat.valid{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#22c55e}.line-stat.invalid{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444}.line-label{font-size:.9rem;font-weight:600}.line-count{font-size:.9rem;font-weight:700}.validation-message{margin-top:8px;padding:8px 12px;border-radius:6px;font-size:.85rem;font-weight:500;text-align:center;font-family:Tajawal,sans-serif}.validation-message.valid{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#22c55e}.validation-message.invalid{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.btn.btn-primary:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6;transform:none}.btn.btn-primary:disabled:hover{background:#9ca3af;transform:none;box-shadow:none}@media (max-width: 768px){.lines-stats{padding:10px;margin-top:10px}.line-stat{padding:5px 6px;font-size:.85rem}.line-label,.line-count{font-size:.8rem}.validation-message{padding:6px 10px;font-size:.8rem}}.fields-status-indicator{display:flex;gap:16px;margin-bottom:20px;padding:16px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);flex-wrap:wrap}.status-item{display:flex;align-items:center;gap:8px;font-family:Tajawal,sans-serif}.status-icon{font-size:1.2rem;transition:all .3s ease}.status-icon.completed{animation:bounceIn .5s ease-out}.status-icon.pending{opacity:.6}.status-text{font-size:.9rem;font-weight:500;color:var(--text-primary)}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.fields-status-indicator{gap:12px;padding:12px;margin-bottom:16px}.status-item{gap:6px}.status-text{font-size:.85rem}}@media (max-width: 480px){.fields-status-indicator{flex-direction:column;gap:8px;padding:10px;margin-bottom:12px}.status-item{gap:8px}.status-text{font-size:.8rem}}.lines-stats-compact{font-size:.75rem;color:var(--text-secondary);margin-left:8px;opacity:.8}.mini-checklist{margin:16px 0;padding:12px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.mini-checklist-items{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.mini-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 8px;border-radius:6px;transition:all .3s ease;font-family:Tajawal,sans-serif;min-width:50px;cursor:default}.mini-item.completed{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#22c55e}.mini-item.pending{background:#9ca3af1a;border:1px solid rgba(156,163,175,.2);color:var(--text-secondary)}.mini-icon{font-size:.9rem;transition:all .3s ease}.mini-item.completed .mini-icon{animation:bounceIn .5s ease-out}.mini-text{font-size:.7rem;font-weight:500;text-align:center;line-height:1}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.1)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.mini-checklist{position:fixed;top:50%;left:10px;transform:translateY(-50%);margin:0;padding:12px;background:transparent;z-index:1000;width:auto;max-width:85px}.mini-checklist-items{display:flex;flex-direction:column;gap:4px;align-items:center}.mini-item{padding:8px 10px;min-width:65px;border-radius:14px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mini-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease-out}.mini-item:hover{transform:scale(1.05) translateY(-3px);box-shadow:0 12px 28px #00000026,0 4px 12px #0000001a}.mini-item:hover:before{left:100%}.mini-item.completed{background:linear-gradient(135deg,#22c55e33,#22c55e4d);border:1px solid rgba(34,197,94,.4);box-shadow:0 4px 12px #22c55e40,inset 0 1px #ffffff4d;color:#fff}.mini-item.pending{background:linear-gradient(135deg,#9ca3af26,#9ca3af40);border:1px solid rgba(156,163,175,.4);box-shadow:inset 0 1px #fff3;color:#fff}.mini-icon{font-size:.7rem;margin-bottom:2px;color:#fff}.mini-text{font-size:.55rem;text-align:center;line-height:1.2;color:#fff}.lines-stats-compact{font-size:.7rem;margin-left:6px}.ads-grid{grid-template-columns:repeat(2,1fr);gap:10px;max-height:none;overflow-y:visible;scrollbar-width:thin;scrollbar-color:var(--primary) var(--bg-tertiary)}.ads-scroll-info{margin-top:12px;padding:10px}.scroll-text{font-size:.85rem}.scroll-hint{font-size:.75rem}}@media (max-width: 480px){.mini-checklist{left:8px;padding:10px;max-width:75px}.mini-checklist-items{gap:4px}.mini-item{padding:6px 8px;min-width:60px;border-radius:12px}.mini-item:hover{transform:scale(1.04) translateY(-2px)}.mini-icon{font-size:.7rem;color:#fff}.mini-text{font-size:.55rem;color:#fff}.ads-grid{grid-template-columns:1fr;gap:8px;max-height:none;overflow-y:visible;scrollbar-width:thin;scrollbar-color:var(--primary) var(--bg-tertiary)}.ads-scroll-info{margin-top:10px;padding:8px}.scroll-text{font-size:.8rem}.scroll-hint{font-size:.7rem}.filters-row{flex-direction:column;gap:6px;align-items:stretch}.filter-select{min-width:auto;max-width:none;width:100%}.mini-item{padding:3px 4px;min-width:40px}.mini-icon{font-size:.75rem}.mini-text{font-size:.6rem}.lines-stats-compact{font-size:.65rem;margin-left:4px}}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;margin-top:20px;padding:0 8px;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.image-card{background:var(--bg-primary);border-radius:16px;overflow:hidden;border:2px solid var(--border-color);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;box-shadow:0 4px 12px #00000014}.image-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 25px #00aeac33;border-color:var(--primary)}.image-preview{position:relative;height:140px;overflow:hidden;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}.image-preview img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.image-card:hover .image-preview img{transform:scale(1.05)}.file-preview img{max-width:100%;max-height:120px;width:auto;height:120px;object-fit:cover;border-radius:6px}.file-preview video{max-width:100%;max-height:120px;width:auto;height:120px;object-fit:cover;border-radius:6px}.file-preview-container{max-width:100%;overflow:hidden}.file-preview{display:flex;align-items:center;gap:12px;max-width:100%}.file-info{flex:1;min-width:0}.file-name{font-weight:600;color:var(--text-primary);font-size:.9rem;margin-bottom:4px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-description{font-size:.8rem;color:var(--text-secondary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.image-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#00aeaccc,#00aeac99);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.image-card:hover .image-overlay{opacity:1}.btn-icon{background:#fffffff2;border:2px solid rgba(255,255,255,.3);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--primary);font-size:1.1rem;font-weight:700;box-shadow:0 4px 12px #0003}.btn-icon:hover{background:#fff;transform:scale(1.15);box-shadow:0 6px 20px #0000004d;border-color:#ffffff80}.btn-icon:active{transform:scale(1.05)}.image-info{padding:16px;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.image-info h4{margin:0 0 8px;font-size:1rem;color:var(--text-primary);font-weight:700;font-family:Tajawal,sans-serif;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.image-description{font-size:.85rem;color:var(--text-secondary);margin:0;line-height:1.4;font-family:Tajawal,sans-serif;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-container{margin-bottom:16px}.search-box{position:relative;max-width:400px}.search-box input{width:100%;padding:10px 40px 10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;background:var(--bg-secondary);color:var(--text-primary);transition:border-color .3s}.search-box input:focus{outline:none;border-color:var(--primary)}.search-box svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:.9rem}.empty-state{grid-column:1 / -1;text-align:center;padding:40px 20px;color:var(--text-secondary)}.empty-state svg{font-size:3rem;margin-bottom:16px;opacity:.5}.news-image-preview{margin-top:12px}.preview-container{display:flex;align-items:center;gap:16px;padding:16px;background:var(--card-bg);border:2px solid var(--primary-color);border-radius:12px;box-shadow:0 4px 12px #00aeac1a}.preview-image{width:80px;height:80px;object-fit:cover;border-radius:8px;border:2px solid var(--border-color)}.preview-info{display:flex;flex-direction:column;gap:4px}.preview-label{font-weight:600;color:var(--primary-color);font-size:1rem}.preview-note{font-size:.9rem;color:var(--text-secondary);font-style:italic}.no-preview{padding:20px;text-align:center;background:var(--card-bg);border:2px dashed var(--border-color);border-radius:12px;color:var(--text-secondary)}.news-image-option{background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border-color:#4caf50;position:relative}.news-image-option:before{content:"📰";position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:1.2rem}.news-image-option input[type=radio]{margin-left:20px}.news-image-option:hover{background:linear-gradient(135deg,#d4edda,#e8f5e8);border-color:#28a745}.news-image-option:has(input[type=radio]:checked){background:linear-gradient(135deg,#d4edda,#e8f5e8);border-color:#28a745;color:#155724}.empty-state h3{margin:0 0 8px;color:var(--text-primary);font-size:1.2rem}.empty-state p{margin:0;font-size:.9rem}@media (max-width: 768px){.images-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px;padding:0 4px}.image-card{border-radius:12px;border-width:1px}.image-preview{height:120px}.image-info{padding:12px}.image-info h4{font-size:.9rem;margin-bottom:6px}.image-description{font-size:.8rem}.btn-icon{width:36px;height:36px;font-size:1rem}}@media (max-width: 480px){.images-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px;padding:0 2px}.image-card{border-radius:10px}.image-preview{height:100px}.image-info{padding:10px}.image-info h4{font-size:.85rem;margin-bottom:4px}.image-description{font-size:.75rem}.btn-icon{width:32px;height:32px;font-size:.9rem}}@media (max-width: 360px){.images-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px;padding:0 1px}.image-card{border-radius:8px}.image-preview{height:80px}.image-info{padding:8px}.image-info h4{font-size:.8rem;margin-bottom:2px}.image-description{font-size:.7rem}.btn-icon{width:28px;height:28px;font-size:.8rem}.images-row{gap:6px!important}.file-upload-label{height:100px!important;padding:6px!important}.file-upload-icon{width:24px!important;height:24px!important}.file-upload-text{font-size:.75rem!important}.file-preview img{max-height:60px!important}.ai-rephrase-btn-new{width:32px!important;height:32px!important;padding:4px!important}.ai-sparkle-icon{width:12px!important;height:12px!important}.ai-text{font-size:.6rem!important}.ai-suggestion-box{padding:8px!important;margin-top:8px!important}.ai-label{font-size:.8rem!important}.ai-hint{font-size:.7rem!important}.suggested-title{font-size:.85rem!important;line-height:1.2!important}.suggestion-actions .btn{padding:6px 10px!important;font-size:.8rem!important}.title-textarea{font-family:Alkhabar-Bold,sans-serif;text-align:center;font-size:1.1rem!important;padding:10px!important;line-height:1.3;font-weight:700;min-height:60px;resize:none;overflow:hidden}.title-stats{padding:4px!important}.stats-text{font-size:.75rem!important}.stats-warning{font-size:.65rem!important}.media-option{padding:10px!important;font-size:.85rem!important}.ads-grid{gap:6px!important;max-height:350px!important}.ad-option-card{padding:6px!important}.ad-media{height:60px!important}.ad-title{font-size:.75rem!important}.ad-meta{gap:2px!important}.ad-type,.ad-orientation,.ad-priority{font-size:.6rem!important;padding:1px 3px!important}}.maintenance-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.maintenance-modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.maintenance-header{text-align:center;padding:30px 30px 20px;border-bottom:1px solid #e9ecef}.maintenance-icon{font-size:3rem;color:#ff6b6b;margin-bottom:15px;animation:pulse 2s infinite}.maintenance-header h2{margin:0;color:#2c3e50;font-size:1.5rem;font-weight:700}.maintenance-body{padding:20px 30px}.maintenance-footer{padding:20px 30px 30px;border-top:1px solid #e9ecef;text-align:center}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.maintenance-message{color:#7f8c8d;font-size:1rem;line-height:1.6;margin-bottom:20px;text-align:center}.maintenance-features{background:#f8f9fa;padding:20px;border-radius:12px;margin-bottom:20px;border:1px solid #e9ecef}.maintenance-features h4{color:#2c3e50;margin:0 0 15px;font-size:1.1rem;text-align:center}.maintenance-features ul{list-style:none;padding:0;margin:0}.maintenance-features li{padding:8px 20px 8px 0;color:#495057;font-size:.9rem;border-bottom:1px solid #dee2e6;position:relative}.maintenance-features li:last-child{border-bottom:none}.maintenance-features li:before{content:"🔧";position:absolute;right:0;top:8px;font-size:.9rem}.maintenance-status{display:flex;align-items:center;justify-content:center;gap:8px;background:#e3f2fd;color:#1976d2;padding:12px 20px;border-radius:20px;margin-bottom:20px;font-weight:500;font-size:.9rem}.maintenance-status svg{font-size:1rem}.maintenance-note{background:#fff3cd;border:1px solid #ffeaa7;padding:12px;border-radius:8px;color:#856404;margin-bottom:15px;font-size:.9rem}.maintenance-back-btn{background:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;margin:0 auto;transition:all .3s ease}.maintenance-back-btn:hover{background:#0056b3;transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}@media (max-width: 768px){.maintenance-modal-overlay{padding:15px}.maintenance-modal{max-width:100%}.maintenance-header{padding:25px 20px 15px}.maintenance-icon{font-size:2.5rem}.maintenance-header h2{font-size:1.3rem}.maintenance-body{padding:15px 20px}.maintenance-footer{padding:15px 20px 25px}.maintenance-features{padding:15px}.maintenance-features h4{font-size:1rem}.maintenance-features li{font-size:.85rem}}@media (max-width: 480px){.maintenance-modal-overlay{padding:10px}.maintenance-header{padding:20px 15px 10px}.maintenance-icon{font-size:2rem}.maintenance-header h2{font-size:1.2rem}.maintenance-body{padding:10px 15px}.maintenance-footer{padding:10px 15px 20px}.maintenance-features{padding:12px}.maintenance-features h4{font-size:.95rem}.maintenance-features li{font-size:.8rem}.maintenance-status{padding:10px 15px;font-size:.85rem}.maintenance-note{padding:10px;font-size:.85rem}.maintenance-back-btn{padding:10px 20px;font-size:.85rem}}.loading-spinner-inline{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .6s linear infinite;margin-right:8px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.restored-message{display:flex;align-items:center;gap:10px;padding:14px 18px;background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745;border-radius:10px;margin-bottom:16px;animation:slideDown .4s ease-out;box-shadow:0 4px 12px #28a74533}.restored-icon{font-size:1.3rem}.restored-text{font-size:.95rem;font-weight:600;color:#155724}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}[data-dark=true] .restored-message{background:linear-gradient(135deg,#1e4620,#0f2910);border-color:#28a745}[data-dark=true] .restored-text{color:#6f9}.orientation-notice{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #2196f3;border-radius:8px;font-size:.9rem;font-weight:600;color:#1565c0;flex:1;min-width:150px}.orientation-notice .notice-icon{font-size:1.1rem}.orientation-notice .notice-text{white-space:nowrap}[data-dark=true] .orientation-notice{background:linear-gradient(135deg,#1a3a5f,#0d2540);border-color:#2196f3;color:#64b5f6}.image-count-options{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap}.image-count-option{flex:1;min-width:120px;padding:16px 12px;border:2px solid #e9ecef;border-radius:12px;background:#f8f9fa;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}.image-count-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.image-count-option .option-text{font-size:.95rem;font-weight:500;color:#495057}.image-count-option .option-icon{font-size:1.5rem}.image-count-option:hover{border-color:#007bff;background:#e7f3ff;transform:translateY(-2px);box-shadow:0 4px 12px #007bff26}.image-count-option.selected{border-color:#007bff;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;box-shadow:0 4px 16px #007bff4d}.image-count-option.selected .option-text{color:#fff}[data-dark=true] .image-count-option{background:#2a2a2a;border-color:#404040}[data-dark=true] .image-count-option .option-text{color:#e0e0e0}[data-dark=true] .image-count-option:hover{border-color:#007bff;background:#1a3a5a}[data-dark=true] .image-count-option.selected{background:linear-gradient(135deg,#007bff,#0056b3);border-color:#007bff}.multi-images-grid{display:grid;gap:20px;margin-top:12px;max-width:950px;margin-left:auto;margin-right:auto}.multi-images-grid.cols-1{grid-template-columns:1fr}.multi-images-grid.cols-2{grid-template-columns:repeat(2,1fr)}.multi-images-grid.cols-3{grid-template-columns:repeat(3,1fr)}.image-upload-slot{position:relative;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:#f8f9fa;border:2px dashed #dee2e6;width:100%;height:auto}.empty-image-slot{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:22px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);transition:all .3s ease}.empty-image-slot:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);border-color:#adb5bd}.upload-options{display:flex;flex-direction:column;gap:12px;width:100%}.upload-btn,.library-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;border-radius:10px;font-size:.96rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;outline:none;width:100%;box-shadow:0 2px 8px #0000001a;min-height:46px}.upload-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.upload-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #007bff66}.upload-btn:active{transform:translateY(0)}.library-btn{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff}.library-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #28a74566}.library-btn:active{transform:translateY(0)}.slot-number{font-size:.95rem;color:#495057;font-weight:600;background:#fff;padding:7px 18px;border-radius:20px;box-shadow:0 2px 8px #0000001a;border:2px solid #e9ecef}.uploaded-image-preview{width:100%;height:100%;position:relative}.uploaded-image-preview img{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background:#dc3545e6;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.remove-image-btn:hover{background:#dc3545;transform:scale(1.1)}.image-number{position:absolute;bottom:8px;left:8px;width:32px;height:32px;border-radius:50%;background:#007bffe6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}[data-dark=true] .image-upload-slot{background:#2a2a2a;border-color:#404040}[data-dark=true] .empty-image-slot{background:linear-gradient(135deg,#2a2a2a,#1a1a1a)}[data-dark=true] .empty-image-slot:hover{background:linear-gradient(135deg,#333,#2a2a2a);border-color:#555}[data-dark=true] .slot-number{color:#e0e0e0;background:#1a1a1a;border-color:#404040}@media (min-width: 1200px){.multi-images-grid{max-width:1100px;gap:24px}.empty-image-slot{padding:28px 20px}.upload-options{gap:14px}.upload-btn,.library-btn{padding:15px 24px;font-size:1.05rem}.slot-number{font-size:1.05rem;padding:9px 20px}}@media (min-width: 769px) and (max-width: 1199px){.multi-images-grid{max-width:100%;gap:16px}.empty-image-slot{padding:22px 18px}.upload-options{gap:12px}.upload-btn,.library-btn{padding:13px 20px;font-size:.98rem}.slot-number{font-size:.95rem;padding:7px 16px}}@media (max-width: 768px){.image-count-options{gap:8px}.image-count-option{min-width:100px;padding:12px 8px}.image-count-option .option-text{font-size:.85rem}.image-count-option .option-icon{font-size:1.2rem}.multi-images-grid{gap:14px;max-width:100%}.multi-images-grid.cols-2,.multi-images-grid.cols-3{grid-template-columns:repeat(2,1fr)}.empty-image-slot{padding:18px 14px}.upload-options{gap:10px}.upload-btn,.library-btn{padding:12px 18px;font-size:.92rem}.slot-number{font-size:.88rem;padding:6px 14px}.orientation-notice{padding:8px 12px;font-size:.85rem}.orientation-notice .notice-icon{font-size:1rem}}@media (max-width: 480px){.image-count-options{flex-direction:row;gap:8px}.image-count-option{flex:1;min-width:unset;padding:14px 8px}.image-count-option .option-text{font-size:.8rem}.image-count-option .option-icon{font-size:1.1rem}.multi-images-grid{gap:12px;max-width:100%;padding:0 4px}.multi-images-grid.cols-1{grid-template-columns:1fr}.multi-images-grid.cols-2,.multi-images-grid.cols-3{grid-template-columns:repeat(2,1fr)}.image-upload-slot{aspect-ratio:auto;height:auto;min-height:180px}.empty-image-slot{padding:18px 12px;gap:12px;height:auto}.upload-options{flex-direction:row;gap:8px;width:100%;margin-top:6px}.upload-btn,.library-btn{padding:16px 12px;font-size:.9rem;gap:0;flex:1;min-height:56px;width:auto}.upload-btn span,.library-btn span{display:none}.upload-btn svg,.library-btn svg{font-size:1.2rem}.slot-number{font-size:.85rem;padding:6px 14px}.orientation-notice{padding:6px 10px;font-size:.75rem;min-width:unset;flex:1}.orientation-notice .notice-text{font-size:.75rem}.orientation-notice .notice-icon{font-size:.9rem}}@media (max-width: 380px){.multi-images-grid{gap:10px;padding:0 2px}.multi-images-grid.cols-2,.multi-images-grid.cols-3{grid-template-columns:repeat(2,1fr)}.image-upload-slot{aspect-ratio:auto;height:auto;min-height:150px}.empty-image-slot{padding:14px 10px;gap:10px;height:auto}.upload-options{flex-direction:row;gap:6px;width:100%}.upload-btn,.library-btn{padding:14px 10px;font-size:.75rem;gap:0;min-height:50px;flex:1}.upload-btn span,.library-btn span{display:none}.upload-btn svg,.library-btn svg{font-size:1.1rem}.slot-number{font-size:.75rem;padding:5px 12px}.orientation-notice{padding:5px 8px;font-size:.7rem}.orientation-notice .notice-text{font-size:.7rem}.orientation-notice .notice-icon{font-size:.85rem}}.ai-management-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Tajawal,sans-serif}.ai-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:16px;color:#fff;box-shadow:0 8px 25px #00aeac4d}.ai-icon{font-size:3rem;opacity:.9;animation:pulse 2s infinite}.ai-title h2{margin:0 0 8px;font-size:1.8rem;font-weight:700}.ai-title p{margin:0;font-size:1rem;opacity:.9}@keyframes pulse{0%,to{opacity:.9}50%{opacity:.7}}.ai-content{display:grid;gap:30px}.prompt-section{background:var(--bg-primary);border-radius:16px;padding:24px;border:1px solid var(--border-color);box-shadow:0 4px 15px #0000000d}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid var(--border-light)}.section-header h3{margin:0;font-size:1.4rem;font-weight:600;color:var(--text-primary)}.section-actions,.edit-actions{display:flex;gap:12px}.prompt-editor{display:flex;flex-direction:column;gap:16px}.prompt-editor label{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.prompt-editor textarea{width:100%;min-height:300px;padding:16px;border:2px solid var(--border-color);border-radius:12px;font-size:1rem;font-family:Tajawal,sans-serif;line-height:1.6;resize:vertical;transition:all .3s ease;background:var(--bg-secondary);color:var(--text-primary)}.prompt-editor textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #00aeac1a}.prompt-editor textarea.editing{border-color:var(--primary);background:var(--bg-primary);box-shadow:0 0 0 4px #00aeac1a}.prompt-editor textarea:disabled{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed;opacity:.8}.prompt-info{display:flex;gap:20px;padding:12px 16px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-light)}.info-item{display:flex;align-items:center;gap:8px}.info-item .label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.info-item .value{font-size:.9rem;color:var(--primary);font-weight:600;background:#00aeac1a;padding:2px 8px;border-radius:4px}.ai-tips{background:linear-gradient(135deg,#00aeac0d,#00aeac05);border:1px solid rgba(0,174,172,.2);border-radius:16px;padding:24px}.ai-tips h4{margin:0 0 16px;font-size:1.2rem;font-weight:600;color:var(--primary);display:flex;align-items:center;gap:8px}.ai-tips p{margin:0;font-size:.95rem;color:var(--text-primary);line-height:1.6;text-align:center;padding:8px 0}.alert{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:.95rem;font-weight:500}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#dc2626}.alert-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#059669}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{font-size:2rem;color:var(--primary);animation:spin 1s linear infinite;margin-bottom:16px}.loading-container p{margin:0;font-size:1.1rem;color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;font-family:Tajawal,sans-serif}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #00aeac4d}.btn-success{background:#059669;color:#fff}.btn-success:hover:not(:disabled){background:#047857;transform:translateY(-1px);box-shadow:0 4px 12px #0596694d}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-outline:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--primary)}@media (max-width: 768px){.ai-management-container{padding:16px}.ai-header{flex-direction:column;text-align:center;gap:16px;padding:16px}.ai-icon{font-size:2.5rem}.ai-title h2{font-size:1.5rem}.ai-title p{font-size:.9rem}.prompt-section{padding:20px}.section-header{flex-direction:column;gap:16px;align-items:stretch}.section-actions{justify-content:center}.edit-actions{flex-direction:column;width:100%}.edit-actions .btn{justify-content:center}.prompt-editor textarea{min-height:250px;padding:12px;font-size:.95rem}.prompt-info{flex-direction:column;gap:8px}.ai-tips{padding:20px}.ai-tips h4{font-size:1.1rem}.ai-tips p{font-size:.9rem}}@media (max-width: 480px){.ai-management-container{padding:12px}.ai-header{padding:12px;margin-bottom:20px}.ai-icon{font-size:2rem}.ai-title h2{font-size:1.3rem}.ai-title p{font-size:.85rem}.prompt-section{padding:16px}.section-header h3{font-size:1.2rem}.prompt-editor textarea{min-height:200px;padding:10px;font-size:.9rem}.prompt-info{padding:10px 12px}.info-item .label,.info-item .value{font-size:.8rem}.ai-tips{padding:16px}.ai-tips h4{font-size:1rem}.ai-tips li{font-size:.85rem;padding:6px 0}.btn{padding:8px 12px;font-size:.9rem}}@media (max-width: 360px){.ai-management-container{padding:8px}.ai-header{padding:10px}.ai-icon{font-size:1.8rem}.ai-title h2{font-size:1.2rem}.ai-title p{font-size:.8rem}.prompt-section{padding:12px}.section-header h3{font-size:1.1rem}.prompt-editor textarea{min-height:180px;padding:8px;font-size:.85rem}.ai-tips{padding:12px}.ai-tips h4{font-size:.95rem}.ai-tips li{font-size:.8rem;padding:4px 0}.btn{padding:6px 10px;font-size:.85rem}}.obituaries-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);padding:0;margin:0}.obituaries-container{max-width:100%;width:100%;margin:0;padding:20px;min-height:100vh;display:flex;flex-direction:column}.obituaries-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--border-color)}.back-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-family:Tajawal,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease}.back-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translate(-2px)}.obituaries-header h1{margin:0;font-size:2.2rem;font-weight:700;color:var(--text-primary);font-family:Tajawal,sans-serif}.obituaries-steps{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:40px;padding:20px;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color)}.step{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.5;transition:all .3s ease}.step.active{opacity:1}.step-number{width:40px;height:40px;border-radius:50%;background:var(--bg-tertiary);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:var(--text-secondary);transition:all .3s ease}.step.active .step-number{background:var(--primary);border-color:var(--primary);color:#fff}.step-label{font-size:.9rem;font-weight:600;color:var(--text-primary);text-align:center}.step-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:40px 20px;background:var(--bg-secondary);border-radius:20px;border:1px solid var(--border-color);box-shadow:0 8px 30px var(--shadow-color)}.step-content h2{margin:0 0 30px;font-size:1.8rem;font-weight:700;color:var(--text-primary);text-align:center}.gender-selection{display:flex;gap:30px;justify-content:center;flex-wrap:wrap}.gender-btn{display:flex;flex-direction:column;align-items:center;gap:15px;padding:30px 40px;border:3px solid var(--border-color);border-radius:20px;background:var(--bg-primary);cursor:pointer;transition:all .3s ease;min-width:150px}.gender-btn:hover{transform:translateY(-5px);box-shadow:0 10px 30px var(--shadow-color)}.gender-btn svg{font-size:3rem}.gender-btn span{font-size:1.3rem;font-weight:700;font-family:Tajawal,sans-serif}.male-btn:hover{border-color:#3498db;background:#3498db1a}.male-btn:hover svg{color:#3498db}.female-btn:hover{border-color:#e91e63;background:#e91e631a}.female-btn:hover svg{color:#e91e63}.name-input-section{width:100%;max-width:400px;margin-bottom:30px}.name-input{width:100%;padding:15px 20px;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-primary);color:var(--text-primary);font-size:1.2rem;font-family:Tajawal,sans-serif;font-weight:600;text-align:center;transition:all .3s ease}.name-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #00aeac33}.input-info{display:flex;align-items:center;gap:8px;margin-top:10px;color:var(--text-secondary);font-size:.9rem;justify-content:center}.image-upload-section{width:100%;max-width:400px;margin-bottom:30px}.image-upload-section h3{margin:0 0 20px;font-size:1.3rem;font-weight:600;color:var(--text-primary);text-align:center}.upload-area{text-align:center;padding:30px;border:2px dashed var(--border-color);border-radius:16px;background:var(--bg-primary);transition:all .3s ease}.upload-area:hover{border-color:var(--primary);background:#00aeac0d}.upload-btn{display:flex;align-items:center;gap:10px;padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin:0 auto 15px}.upload-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}.upload-info{margin:0;color:var(--text-secondary);font-size:.9rem}.step-actions{display:flex;gap:20px;justify-content:center;margin-top:30px}.back-step-btn,.next-step-btn,.submit-btn{padding:12px 24px;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.back-step-btn{background:var(--bg-tertiary);color:var(--text-primary);border:2px solid var(--border-color)}.back-step-btn:hover{background:var(--text-secondary);color:#fff}.next-step-btn,.submit-btn{background:var(--primary);color:#fff}.next-step-btn:hover,.submit-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}.next-step-btn:disabled,.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.obituary-preview{width:100%;max-width:500px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:16px;overflow:hidden;box-shadow:0 8px 30px var(--shadow-color)}.preview-header{background:var(--primary);color:#fff;padding:15px;text-align:center}.preview-header h3{margin:0;font-size:1.3rem;font-weight:700}.preview-content{padding:20px;text-align:center}.preview-image{margin-bottom:20px}.preview-image img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid var(--border-color)}.preview-text h4{margin:0 0 10px;font-size:1.4rem;font-weight:700;color:var(--text-primary)}.preview-text p{margin:0;font-size:1.1rem;color:var(--text-secondary)}.error-message{display:flex;align-items:center;gap:10px;padding:15px 20px;background:#fee;border:2px solid #fcc;border-radius:12px;color:#c33;font-weight:600;margin-bottom:20px;width:100%;max-width:500px;margin-left:auto;margin-right:auto}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.obituaries-container{padding:15px}.obituaries-header{flex-direction:column;gap:15px;text-align:center}.obituaries-header h1{font-size:1.8rem}.obituaries-steps{flex-direction:column;gap:15px;padding:15px}.step-content{padding:20px 15px}.step-content h2{font-size:1.5rem}.gender-selection{gap:20px}.gender-btn{padding:20px 30px;min-width:120px}.gender-btn svg{font-size:2.5rem}.gender-btn span{font-size:1.1rem}.name-input{font-size:1.1rem;padding:12px 15px}.step-actions{flex-direction:column;gap:15px}.back-step-btn,.next-step-btn,.submit-btn{width:100%;justify-content:center}}@media (max-width: 480px){.obituaries-container{padding:10px}.obituaries-header h1{font-size:1.5rem}.step-content{padding:15px 10px}.step-content h2{font-size:1.3rem}.gender-btn{padding:15px 20px;min-width:100px}.gender-btn svg{font-size:2rem}.gender-btn span{font-size:1rem}.name-input{font-size:1rem;padding:10px 12px}.upload-area{padding:20px}.preview-image img{width:100px;height:100px}.preview-text h4{font-size:1.2rem}.preview-text p{font-size:1rem}}