@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(--ds-bg, var(--bg-primary));color:var(--ds-text, 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}.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:16px;box-shadow:0 8px 32px #00000026;transition:transform .3s ease;background:#000}.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{width:300px;height:375px;max-width:90%;object-fit:cover;border-radius:12px;box-shadow:0 4px 20px #0000001a;transition:transform .2s ease;display:block;margin-left:auto;margin-right:auto;cursor:pointer}.result-image:hover{transform:scale(1.02)}.video-preview-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px;margin:20px 0}.result-video{width:300px;height:375px;max-width:90%;object-fit:cover;display:block;border-radius:12px;box-shadow:0 4px 20px #0000001a;transition:transform .2s ease;background:#000;cursor:pointer}.video-preview-wrapper:hover .result-video{transform:scale(1.02)}.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)}}.pt-page{display:flex;flex-direction:column;gap:var(--ds-space-5);font-family:Tajawal,sans-serif;color:var(--ds-text);direction:rtl}.pt-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ds-space-4);padding:22px 24px;border-radius:var(--ds-radius-lg);background:radial-gradient(120% 140% at 100% 0%,var(--ds-brand-soft) 0%,transparent 55%),linear-gradient(135deg,var(--ds-surface) 0%,var(--ds-surface-2) 100%);border:1px solid var(--ds-border);box-shadow:var(--ds-shadow-sm);flex-wrap:wrap}.pt-header-text{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.pt-eyebrow{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;padding:4px 12px;background:var(--ds-brand-soft);color:var(--ds-brand);border-radius:var(--ds-radius-pill);font-size:.72rem;font-weight:700;letter-spacing:.04em}.pt-eyebrow svg{font-size:.8rem}.pt-title{margin:4px 0 0;font-size:1.5rem;font-weight:800;color:var(--ds-text);line-height:1.25;display:flex;align-items:center;gap:10px}.pt-subtitle{margin:0;font-size:.92rem;color:var(--ds-text-muted);line-height:1.6}.pt-header-meta{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--ds-radius-pill);background:var(--ds-surface);border:1px solid var(--ds-border);color:var(--ds-text-muted);font-size:.82rem;font-weight:600}.pt-header-meta svg{color:var(--ds-brand)}.pt-body{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:var(--ds-space-5);align-items:stretch}.pt-steps-card{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-sm);padding:18px;display:flex;flex-direction:column;gap:var(--ds-space-3)}.pt-steps-card-title{margin:4px 4px 8px;font-size:.85rem;font-weight:700;color:var(--ds-text-soft);letter-spacing:.04em;text-transform:uppercase}.pt-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.pt-step{position:relative;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:10px;border-radius:var(--ds-radius-md);transition:background-color var(--ds-dur-fast) var(--ds-ease)}.pt-step:before{content:"";position:absolute;inset-inline-start:27px;top:calc(100% - 12px);width:2px;height:14px;background:var(--ds-border);transform:translate(50%);z-index:0}[dir=rtl] .pt-step:before,.pt-page .pt-step:before{transform:translate(-50%)}.pt-step:last-child:before{display:none}.pt-step.is-done:before,.pt-step.is-active:before{background:var(--ds-brand)}.pt-step.is-active{background:var(--ds-brand-soft);box-shadow:0 1px 2px #0f172a0a}.pt-step-indicator{position:relative;z-index:1;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--ds-surface);border:2px solid var(--ds-border);color:var(--ds-text-soft);font-size:.78rem;font-weight:700;flex-shrink:0;transition:all var(--ds-dur) var(--ds-ease)}.pt-step.is-active .pt-step-indicator{border-color:var(--ds-brand);color:var(--ds-brand);background:var(--ds-surface);box-shadow:0 0 0 4px var(--ds-brand-soft);animation:ptPulse 1.6s ease-out infinite}@keyframes ptPulse{0%{box-shadow:0 0 #2ba89f59}70%{box-shadow:0 0 0 10px #2ba89f00}to{box-shadow:0 0 #2ba89f00}}.pt-step.is-done .pt-step-indicator{border-color:var(--ds-brand);background:var(--ds-brand);color:#fff}.pt-step.is-failed .pt-step-indicator{border-color:var(--ds-danger);background:var(--ds-danger);color:#fff}.pt-step-label{font-size:.92rem;font-weight:600;color:var(--ds-text);line-height:1.35}.pt-step.is-pending .pt-step-label{color:var(--ds-text-muted);font-weight:500}.pt-step.is-active .pt-step-label{color:var(--ds-brand);font-weight:700}.pt-step.is-failed .pt-step-label{color:var(--ds-danger)}.pt-step-meta{font-size:.75rem;color:var(--ds-text-soft);font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.pt-visual-card{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-md);padding:28px;display:flex;flex-direction:column;gap:var(--ds-space-5);position:relative;overflow:hidden}.pt-visual-card:before{content:"";position:absolute;inset:0 0 auto;height:140px;background:radial-gradient(120% 100% at 50% 0%,var(--ds-brand-soft) 0%,transparent 70%);pointer-events:none}.pt-visual-card.is-failed:before{background:radial-gradient(120% 100% at 50% 0%,rgba(239,68,68,.12) 0%,transparent 70%)}.pt-visual-card.is-success:before{background:radial-gradient(120% 100% at 50% 0%,rgba(16,185,129,.14) 0%,transparent 70%)}.pt-visual-head{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.pt-visual-icon{width:96px;height:96px;border-radius:50%;background:var(--ds-brand-soft);color:var(--ds-brand);display:inline-flex;align-items:center;justify-content:center;font-size:2rem;position:relative}.pt-visual-icon:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px dashed var(--ds-brand-soft);opacity:.7;animation:ptRotate 18s linear infinite}@keyframes ptRotate{to{transform:rotate(360deg)}}.pt-visual-icon.is-failed{background:#ef44441f;color:var(--ds-danger)}.pt-visual-icon.is-failed:after{border-color:#ef44442e}.pt-visual-icon.is-success{background:var(--ds-brand);color:#fff;font-size:2.4rem;box-shadow:0 10px 30px #2ba89f4d}.pt-visual-icon.is-success:after{display:none}.pt-visual-stage{margin:0;font-size:1.15rem;font-weight:700;color:var(--ds-text);line-height:1.35}.pt-visual-detail{margin:0;font-size:.92rem;color:var(--ds-text-muted);line-height:1.7;max-width:480px}.pt-progress-block{position:relative;display:flex;flex-direction:column;gap:8px}.pt-progress-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.pt-progress-label{font-size:.82rem;font-weight:600;color:var(--ds-text-muted)}.pt-progress-percent{font-size:2rem;font-weight:800;color:var(--ds-brand);line-height:1;font-variant-numeric:tabular-nums}.pt-progress-percent.is-failed{color:var(--ds-danger)}.pt-progress-percent.is-success{color:var(--ds-success)}.pt-progress-track{width:100%;height:6px;background:var(--ds-surface-3);border-radius:var(--ds-radius-pill);overflow:hidden}.pt-progress-fill{height:100%;background:linear-gradient(90deg,var(--ds-brand),var(--ds-brand-700));border-radius:inherit;transition:width .32s cubic-bezier(.4,0,.2,1)}.pt-progress-fill.is-failed{background:var(--ds-danger)}.pt-progress-fill.is-success{background:var(--ds-success)}.pt-progress-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.8rem;color:var(--ds-text-soft)}.pt-progress-foot .pt-meta-item{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.pt-progress-foot .pt-meta-item svg{color:var(--ds-brand)}.pt-error{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--ds-radius-md);background:#ef444414;border:1px solid rgba(239,68,68,.22);color:#b91c1c;font-size:.86rem;font-weight:500}[data-dark=true] .pt-error{color:#fca5a5}.pt-error svg{flex-shrink:0;margin-top:2px;font-size:.95rem}@media (max-width: 900px){.pt-body{grid-template-columns:1fr;gap:var(--ds-space-4)}.pt-visual-card{padding:24px 20px}.pt-visual-icon{width:84px;height:84px;font-size:1.7rem}.pt-progress-percent{font-size:1.7rem}}@media (max-width: 600px){.pt-page{padding-bottom:calc(var(--ds-bottom-nav-height) + env(safe-area-inset-bottom) + 16px)}.pt-header{padding:18px;flex-direction:column;align-items:stretch}.pt-header-meta{align-self:flex-start}.pt-title{font-size:1.25rem}.pt-steps-card{padding:14px}.pt-step{padding:8px;gap:10px}.pt-step-indicator{width:30px;height:30px;font-size:.72rem}.pt-step:before{inset-inline-start:23px}.pt-visual-card{padding:22px 16px;gap:var(--ds-space-4)}.pt-visual-icon{width:76px;height:76px;font-size:1.55rem}.pt-visual-stage{font-size:1.05rem}.pt-visual-detail{font-size:.86rem}.pt-progress-percent{font-size:1.5rem}}.pt-inline{display:flex;flex-direction:column;gap:6px;font-family:Tajawal,sans-serif;direction:rtl}.pt-inline-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.85rem}.pt-inline-label{display:inline-flex;align-items:center;gap:8px;color:var(--ds-text-muted)}.pt-inline-label svg{color:var(--ds-brand)}.pt-inline-percent{font-weight:700;color:var(--ds-text);font-variant-numeric:tabular-nums}.pt-inline-track{width:100%;height:6px;background:var(--ds-surface-3);border-radius:var(--ds-radius-pill);overflow:hidden}.pt-inline-fill{height:100%;background:linear-gradient(90deg,var(--ds-brand),var(--ds-brand-700));border-radius:inherit;transition:width .32s cubic-bezier(.4,0,.2,1)}.pt-inline-fill.is-failed{background:var(--ds-danger)}.pt-inline-fill.is-success{background:var(--ds-success)}.pt-overlay{position:fixed;inset:0;background:#0f172a8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;font-family:Tajawal,sans-serif;direction:rtl}.pt-overlay-card{width:100%;max-width:460px;background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-xl);box-shadow:var(--ds-shadow-xl);padding:28px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--ds-space-4)}.pt-overlay-title{margin:0;font-size:1.15rem;font-weight:800;color:var(--ds-text)}.pt-overlay-msg{margin:0;font-size:.9rem;color:var(--ds-text-muted)}.lp-page{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:1fr;background:var(--ds-bg);color:var(--ds-text);font-family:Tajawal,system-ui,sans-serif}.lp-brand{display:none}.lp-main{display:flex;align-items:center;justify-content:center;padding:24px 16px;position:relative}@media (min-width: 960px){.lp-page{grid-template-columns:1.05fr 1fr}.lp-brand{display:flex;position:relative;overflow:hidden;color:#fff}.lp-main{padding:48px}}.lp-brand-bg{position:absolute;inset:0;background:radial-gradient(80% 60% at 80% 0%,rgba(255,255,255,.18),transparent 70%),radial-gradient(70% 60% at 0% 100%,rgba(255,255,255,.12),transparent 70%),linear-gradient(135deg,var(--ds-brand) 0%,var(--ds-brand-700) 60%,var(--ds-brand-800) 100%)}[data-dark=true] .lp-brand-bg{background:radial-gradient(80% 60% at 80% 0%,rgba(255,255,255,.1),transparent 70%),radial-gradient(70% 60% at 0% 100%,rgba(255,255,255,.06),transparent 70%),linear-gradient(135deg,var(--ds-brand-700) 0%,var(--ds-brand-800) 100%)}.lp-brand-inner{position:relative;z-index:1;margin:auto;padding:64px 56px;max-width:520px;display:flex;flex-direction:column;gap:20px}.lp-brand-logo{width:84px;height:84px;background:#ffffff2e;border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:22px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 14px 36px #0000002e;margin-bottom:6px}.lp-brand-logo img{width:60%;height:60%;object-fit:contain}.lp-brand-title{font-size:2rem;font-weight:800;margin:0;letter-spacing:-.01em}.lp-brand-tagline{font-size:1rem;line-height:1.7;margin:0;color:#ffffffdb;max-width:38ch}.lp-brand-points{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:.95rem}.lp-brand-points li{display:flex;align-items:center;gap:10px;color:#ffffffeb}.lp-brand-points svg{flex-shrink:0;color:#fffffff2;font-size:1rem;background:#ffffff29;padding:6px;border-radius:999px;width:28px;height:28px}.lp-card{width:100%;max-width:460px;background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-xl);box-shadow:var(--ds-shadow-md);padding:28px 24px;display:flex;flex-direction:column;gap:20px}@media (min-width: 480px){.lp-card{padding:36px 32px}}.lp-mobile-brand{display:flex;align-items:center;gap:10px;justify-content:center;font-size:.95rem;font-weight:700;color:var(--ds-text-muted)}.lp-mobile-brand img{width:38px;height:38px;border-radius:10px;object-fit:contain}@media (min-width: 960px){.lp-mobile-brand{display:none}}.lp-header{display:flex;flex-direction:column;gap:4px;text-align:center}.lp-eyebrow{display:inline-block;align-self:center;background:var(--ds-brand-soft);color:var(--ds-brand-700);font-size:.72rem;font-weight:700;padding:4px 12px;border-radius:var(--ds-radius-pill);letter-spacing:.04em;margin-bottom:6px}.lp-title{font-size:1.5rem;font-weight:800;margin:0;color:var(--ds-text);letter-spacing:-.005em}.lp-subtitle{font-size:.9rem;color:var(--ds-text-muted);margin:0}.lp-form{display:flex;flex-direction:column;gap:14px}.lp-field{display:flex;flex-direction:column;gap:6px}.lp-label{font-size:.82rem;font-weight:700;color:var(--ds-text)}.lp-input-wrap{position:relative;display:flex;align-items:center}.lp-input-icon{position:absolute;inset-inline-end:14px;color:var(--ds-text-soft);font-size:.95rem;pointer-events:none}.lp-input{width:100%;height:48px;padding:0 44px 0 14px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-surface-2);color:var(--ds-text);font-size:16px;font-family:inherit;outline:none;transition:border-color var(--ds-dur-fast) var(--ds-ease),box-shadow var(--ds-dur-fast) var(--ds-ease),background-color var(--ds-dur-fast) var(--ds-ease)}.lp-input::placeholder{color:var(--ds-text-soft)}.lp-input:focus{border-color:var(--ds-brand);background:var(--ds-surface);box-shadow:0 0 0 3px var(--ds-brand-soft)}.lp-input:disabled{opacity:.6;cursor:not-allowed}.lp-eye-btn{position:absolute;inset-inline-start:6px;width:36px;height:36px;border:none;background:transparent;color:var(--ds-text-soft);cursor:pointer;border-radius:var(--ds-radius-sm);display:inline-flex;align-items:center;justify-content:center}.lp-eye-btn:hover{color:var(--ds-text);background:var(--ds-surface-3)}.lp-alert{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--ds-radius-sm);font-size:.85rem;font-weight:600;border:1px solid transparent}.lp-alert svg{flex-shrink:0;font-size:1rem}.lp-alert-error{background:#ef44441a;color:var(--ds-danger);border-color:#ef444440}.lp-alert-success{background:#10b9811a;color:var(--ds-success);border-color:#10b98140}.lp-submit{height:50px;margin-top:4px;border:none;border-radius:var(--ds-radius-sm);background:var(--ds-brand);color:#fff;font-family:inherit;font-size:.95rem;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:background var(--ds-dur-fast) var(--ds-ease),transform var(--ds-dur-fast) var(--ds-ease),box-shadow var(--ds-dur-fast) var(--ds-ease);box-shadow:0 6px 16px #2ba89f40}.lp-submit:hover:not(:disabled){background:var(--ds-brand-600);transform:translateY(-1px);box-shadow:0 10px 22px #2ba89f4d}.lp-submit:active:not(:disabled){transform:translateY(0)}.lp-submit:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}.lp-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:lpSpin .7s linear infinite}@keyframes lpSpin{to{transform:rotate(360deg)}}.lp-footer{display:flex;align-items:center;justify-content:center;gap:10px;font-size:.78rem;color:var(--ds-text-soft);margin-top:4px}.lp-footer-dot{width:4px;height:4px;border-radius:50%;background:var(--ds-text-soft);display:inline-block}@media (max-width: 767.98px){.lp-page{padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}.lp-card{box-shadow:var(--ds-shadow-sm)}}.ds-shell{display:flex;min-height:100vh;width:100%;background:var(--ds-bg);color:var(--ds-text);direction:rtl}.ds-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;min-height:100vh}.ds-shell.is-desktop .ds-main{margin-right:var(--ds-sidebar-width);margin-left:0;transition:margin-right var(--ds-dur) var(--ds-ease)}.ds-shell.is-desktop.is-collapsed .ds-main{margin-right:var(--ds-sidebar-width-collapsed)}.ds-sidebar{position:fixed;inset:0 0 0 auto;width:var(--ds-sidebar-width);background:var(--ds-sidebar-bg);border-left:1px solid var(--ds-border);display:flex;flex-direction:column;z-index:100;transition:width var(--ds-dur) var(--ds-ease);box-shadow:var(--ds-shadow-sm)}.ds-sidebar.is-collapsed{width:var(--ds-sidebar-width-collapsed)}.ds-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--ds-border-soft);min-height:var(--ds-header-height)}.ds-brand{display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px;border-radius:var(--ds-radius-sm);transition:background-color var(--ds-dur-fast) var(--ds-ease)}.ds-brand:hover{background:var(--ds-surface-3)}.ds-brand-logo{width:32px;height:32px;border-radius:8px;object-fit:cover;flex-shrink:0}.ds-brand-name{font-size:.95rem;font-weight:700;color:var(--ds-text);white-space:nowrap}.ds-collapse-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ds-radius-xs);border:1px solid var(--ds-border);background:var(--ds-surface);color:var(--ds-text-muted);cursor:pointer;transition:all var(--ds-dur-fast) var(--ds-ease);flex-shrink:0}.ds-collapse-btn:hover{color:var(--ds-text);border-color:var(--ds-brand);background:var(--ds-brand-soft)}.ds-sidebar.is-collapsed .ds-sidebar-header{justify-content:center}.ds-sidebar.is-collapsed .ds-brand{display:none}.ds-nav{flex:1 1 auto;padding:14px 10px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.ds-nav::-webkit-scrollbar{width:6px}.ds-nav::-webkit-scrollbar-thumb{background:var(--ds-border);border-radius:4px}.ds-nav-section{display:flex;flex-direction:column;gap:2px}.ds-nav-title{font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ds-text-soft);padding:8px 12px 4px}.ds-nav-item{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--ds-text-muted);font-family:inherit;font-size:.9rem;font-weight:500;text-align:start;border-radius:var(--ds-radius-sm);cursor:pointer;transition:all var(--ds-dur-fast) var(--ds-ease)}.ds-nav-item:hover{background:var(--ds-surface-3);color:var(--ds-text)}.ds-nav-item.is-active{background:var(--ds-brand-soft);color:var(--ds-brand);font-weight:600}.ds-nav-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.ds-nav-item.is-admin .ds-nav-icon{color:#f5b800}.ds-nav-item.is-admin.is-active .ds-nav-icon,.ds-nav-item.is-admin:hover .ds-nav-icon{color:inherit}.ds-nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-nav-indicator{position:absolute;inset-inline-end:-10px;inset-block:8px;width:3px;border-radius:3px;background:var(--ds-brand)}.ds-sidebar.is-collapsed .ds-nav-item{justify-content:center;padding:12px}.ds-sidebar.is-collapsed .ds-nav-label{display:none}.ds-sidebar.is-collapsed .ds-nav-indicator{inset-inline-end:0}.ds-sidebar.is-collapsed .ds-nav-title{display:none}.ds-sidebar-footer{position:relative;border-top:1px solid var(--ds-border-soft);padding:12px}.ds-user-chip{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--ds-radius-sm);cursor:pointer;transition:background-color var(--ds-dur-fast) var(--ds-ease)}.ds-user-chip:hover{background:var(--ds-surface-3)}.ds-user-chip.is-collapsed{justify-content:center}.ds-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--ds-brand),var(--ds-brand-700));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;overflow:hidden;flex-shrink:0;box-shadow:var(--ds-shadow-sm)}.ds-avatar img{width:100%;height:100%;object-fit:cover}.ds-avatar-sm{width:32px;height:32px;font-size:.85rem}.ds-user-meta{display:flex;flex-direction:column;min-width:0;flex:1}.ds-user-name{font-size:.85rem;font-weight:600;color:var(--ds-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-user-role{font-size:.7rem;color:var(--ds-text-soft)}.ds-user-menu{position:absolute;inset-inline-start:12px;inset-inline-end:12px;bottom:calc(100% - 4px);background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-lg);padding:6px;z-index:120;display:flex;flex-direction:column;gap:2px}.ds-user-menu-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;background:transparent;color:var(--ds-text);font-family:inherit;font-size:.85rem;font-weight:500;text-align:start;border-radius:var(--ds-radius-xs);cursor:pointer;transition:background-color var(--ds-dur-fast) var(--ds-ease)}.ds-user-menu-item:hover{background:var(--ds-surface-3)}.ds-user-menu-item.is-danger{color:var(--ds-danger)}.ds-user-menu-item.is-danger:hover{background:#ef44441a}.ds-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--ds-header-height);padding:0 24px;background:var(--ds-header-bg);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--ds-border-soft)}.ds-header-left{display:flex;align-items:center;gap:12px;min-width:0}.ds-header-right{display:flex;align-items:center;gap:8px}.ds-page-title{font-size:1.05rem;font-weight:700;color:var(--ds-text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-search{position:relative;display:flex;align-items:center;width:280px;max-width:32vw}.ds-search-icon{position:absolute;inset-inline-end:12px;color:var(--ds-text-soft);pointer-events:none;font-size:.85rem}.ds-search input{width:100%;height:38px;padding:0 36px 0 14px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-pill);background:var(--ds-surface);color:var(--ds-text);font-family:inherit;font-size:.85rem;outline:none;transition:all var(--ds-dur-fast) var(--ds-ease)}.ds-search input::placeholder{color:var(--ds-text-soft)}.ds-search input:focus{border-color:var(--ds-brand);box-shadow:0 0 0 3px var(--ds-brand-soft)}.ds-icon-btn,.ds-user-btn{position:relative;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ds-radius-pill);border:1px solid transparent;background:var(--ds-surface-2);color:var(--ds-text-muted);cursor:pointer;transition:all var(--ds-dur-fast) var(--ds-ease)}.ds-icon-btn:hover,.ds-user-btn:hover{background:var(--ds-surface-3);color:var(--ds-text);border-color:var(--ds-border)}.ds-user-btn{padding:0}.ds-badge-dot{position:absolute;top:9px;inset-inline-start:10px;width:8px;height:8px;border-radius:50%;background:var(--ds-danger);border:2px solid var(--ds-surface)}.ds-content{flex:1 1 auto;padding:56px 24px 24px;overflow-x:hidden}.ds-content-inner{max-width:1400px;margin:0 auto;width:100%}@media (max-width: 767.98px){.ds-shell.is-mobile .ds-main{margin-inline-end:0}.ds-content{padding:calc(env(safe-area-inset-top,0px) + 24px) 16px calc(var(--ds-bottom-nav-height) + 32px + env(safe-area-inset-bottom))}}.ds-bottom-nav{position:fixed;inset-inline:0;bottom:0;z-index:90;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0;padding:8px 6px calc(8px + env(safe-area-inset-bottom));background:var(--ds-surface);border-top:1px solid var(--ds-border);box-shadow:0 -6px 24px #0f172a14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ds-bottom-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 4px;border:none;background:transparent;color:var(--ds-text-muted);cursor:pointer;border-radius:var(--ds-radius-sm);transition:color var(--ds-dur-fast) var(--ds-ease),background-color var(--ds-dur-fast) var(--ds-ease);font-family:inherit;min-height:52px}.ds-bottom-item:hover{color:var(--ds-text)}.ds-bottom-item.is-active{color:var(--ds-brand);background:var(--ds-brand-soft)}.ds-bottom-icon{font-size:1.15rem;display:inline-flex}.ds-bottom-label{font-size:.68rem;font-weight:600;white-space:nowrap}.ds-more-backdrop{position:fixed;inset:0;z-index:200;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;animation:dsFade var(--ds-dur) var(--ds-ease)}.ds-more-sheet{width:100%;background:var(--ds-surface);border-top-left-radius:var(--ds-radius-xl);border-top-right-radius:var(--ds-radius-xl);padding:14px 16px calc(16px + env(safe-area-inset-bottom));max-height:85vh;overflow-y:auto;box-shadow:var(--ds-shadow-xl);animation:dsSlideUp var(--ds-dur) var(--ds-ease)}.ds-more-handle{width:40px;height:4px;border-radius:4px;background:var(--ds-border);margin:0 auto 12px}.ds-more-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ds-more-header h3{margin:0;font-size:1rem;font-weight:700;color:var(--ds-text)}.ds-more-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.ds-more-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px 8px;border:1px solid var(--ds-border-soft);background:var(--ds-surface-2);color:var(--ds-text);border-radius:var(--ds-radius-md);cursor:pointer;font-family:inherit;transition:all var(--ds-dur-fast) var(--ds-ease);text-align:center}.ds-more-item:hover,.ds-more-item.is-active{background:var(--ds-brand-soft);color:var(--ds-brand);border-color:var(--ds-brand)}.ds-more-icon{font-size:1.3rem}.ds-more-item.is-admin .ds-more-icon{color:#f5b800}.ds-more-item.is-admin.is-active .ds-more-icon,.ds-more-item.is-admin:hover .ds-more-icon{color:inherit}.ds-more-label{font-size:.7rem;font-weight:600;line-height:1.2}@media (max-width: 380px){.ds-more-grid{grid-template-columns:repeat(3,1fr)}}.ds-more-footer{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:12px;border-top:1px solid var(--ds-border-soft)}.ds-more-action{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px solid var(--ds-border);background:var(--ds-surface);color:var(--ds-text);border-radius:var(--ds-radius-sm);cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:600;transition:all var(--ds-dur-fast) var(--ds-ease)}.ds-more-action:hover{background:var(--ds-surface-3)}.ds-more-action.is-danger{color:var(--ds-danger);border-color:#ef444466}.ds-more-action.is-danger:hover{background:#ef44441a}@keyframes dsFade{0%{opacity:0}to{opacity:1}}@keyframes dsSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ds-shell .navbar,.ds-shell .footer{display:none!important}.ds-content .container{max-width:100%;padding:0}.ds-content .section-title{font-size:1.25rem;font-weight:700;margin:0 0 18px;color:var(--ds-text)}.ds-shell main{margin:0!important;min-height:auto!important;background:transparent!important}.ds-content .home-page-dashboard{display:flex;flex-direction:column;gap:28px;padding:0;min-height:auto;align-items:stretch;justify-content:flex-start}.home-welcome{width:100%}.home-welcome-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border-radius:var(--ds-radius-lg);background:radial-gradient(120% 140% at 100% 0%,var(--ds-brand-soft) 0%,transparent 55%),linear-gradient(135deg,var(--ds-surface) 0%,var(--ds-surface-2) 100%);border:1px solid var(--ds-border);box-shadow:var(--ds-shadow-sm);overflow:hidden}.home-welcome-card:before{content:"";position:absolute;inset-inline-start:-40px;bottom:-60px;width:200px;height:200px;border-radius:50%;background:var(--ds-brand-softer);pointer-events:none}.home-welcome-text{position:relative;display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.home-welcome-eyebrow{display:inline-flex;align-self:flex-start;align-items:center;padding:4px 12px;background:var(--ds-brand-soft);color:var(--ds-brand);border-radius:var(--ds-radius-pill);font-size:.72rem;font-weight:700;letter-spacing:.04em;font-family:Tajawal,sans-serif}.home-welcome-title{margin:4px 0 0;font-size:1.6rem;font-weight:800;color:var(--ds-text);font-family:Tajawal,sans-serif;line-height:1.25}.home-welcome-subtitle{margin:0;font-size:.95rem;color:var(--ds-text-muted);font-family:Tajawal,sans-serif;line-height:1.6;max-width:540px}.home-welcome-stats{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap}.home-stat{display:flex;flex-direction:column;gap:4px;padding:10px 16px;background:var(--ds-surface);border:1px solid var(--ds-border-soft);border-radius:var(--ds-radius-md);min-width:130px}.home-stat-label{font-size:.72rem;color:var(--ds-text-soft);font-family:Tajawal,sans-serif;font-weight:600}.home-stat-value{font-size:1.4rem;font-weight:800;color:var(--ds-brand);font-family:Tajawal,sans-serif}.home-welcome-avatar{position:relative;width:88px;height:88px;flex-shrink:0;border-radius:50%;overflow:hidden;border:3px solid var(--ds-surface);box-shadow:0 8px 24px var(--ds-brand-soft);background:linear-gradient(135deg,var(--ds-brand),var(--ds-brand-700))}.home-welcome-avatar img{width:100%;height:100%;object-fit:cover}.home-welcome-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:800;font-family:Tajawal,sans-serif}.home-section{width:100%}.home-section-header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:0 0 14px}.home-section-title{margin:0;font-size:1.1rem;font-weight:700;color:var(--ds-text);font-family:Tajawal,sans-serif}.home-section-subtitle{font-size:.82rem;color:var(--ds-text-soft);font-family:Tajawal,sans-serif}.home-apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.home-apps-grid .app-card{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);padding:22px 16px;height:150px;max-width:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all var(--ds-dur-fast) var(--ds-ease);text-align:center;box-shadow:var(--ds-shadow-sm)}.home-apps-grid .app-card:before{display:none}.home-apps-grid .app-card:hover{transform:translateY(-3px);border-color:var(--ds-brand);box-shadow:var(--ds-shadow-md)}.home-apps-grid .app-card .app-icon{width:56px;height:56px;font-size:1.6rem;border-radius:var(--ds-radius-md);background:var(--ds-brand-soft);color:var(--ds-brand);margin-bottom:0;box-shadow:none;transition:all var(--ds-dur-fast) var(--ds-ease)}.home-apps-grid .app-card:hover .app-icon{background:var(--ds-brand);color:#fff;transform:scale(1.05);box-shadow:0 6px 16px var(--ds-brand-soft)}.home-apps-grid .app-card-admin .app-icon{background:#f59e0b1f;color:var(--ds-warning)}.home-apps-grid .app-card-admin:hover .app-icon{background:var(--ds-warning);color:#fff;box-shadow:0 6px 16px #f59e0b4d}.home-apps-grid .app-card .app-title{font-size:.92rem;font-weight:700;color:var(--ds-text);font-family:Tajawal,sans-serif;line-height:1.3}@media (max-width: 767.98px){.ds-content .home-page-dashboard{gap:20px}.home-welcome-card{padding:20px;flex-direction:column-reverse;align-items:flex-start;gap:16px}.home-welcome-avatar{width:64px;height:64px}.home-welcome-avatar-fallback{font-size:1.5rem}.home-welcome-title{font-size:1.3rem}.home-welcome-subtitle{font-size:.88rem}.home-welcome-stats{width:100%}.home-stat{flex:1;min-width:0}.home-apps-grid{grid-template-columns:repeat(2,1fr);gap:10px}.home-apps-grid .app-card{height:130px;padding:16px 10px}.home-apps-grid .app-card .app-icon{width:48px;height:48px;font-size:1.4rem}.home-apps-grid .app-card .app-title{font-size:.85rem}}@font-face{font-family:Alkhabar-Bold;src:url(/assets/Alkhabar-Bold-9GQ1Mr1u.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.nfv2-page{display:grid;gap:var(--ds-space-6);grid-template-columns:minmax(0,1fr);padding-bottom:96px}.nfv2-preview-col{display:none}@media (min-width: 1024px){.nfv2-page{grid-template-columns:minmax(0,1fr) minmax(420px,1.1fr);align-items:start}.nfv2-page .nfv2-form-col{grid-column:1}.nfv2-page .nfv2-preview-col{grid-column:2;position:sticky;top:16px;align-self:start;max-height:calc(100vh - var(--ds-header-height) - 16px);display:block;z-index:5}@supports (height: 100dvh){.nfv2-page .nfv2-preview-col{max-height:calc(100dvh - var(--ds-header-height) - 16px)}}}.nfv2-hero{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4);background:linear-gradient(135deg,var(--ds-brand-soft),var(--ds-brand-softer));border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);padding:var(--ds-space-5) var(--ds-space-6);margin-bottom:var(--ds-space-6)}.nfv2-hero h1{margin:0 0 4px;font-size:22px;color:var(--ds-text);font-weight:800}.nfv2-hero p{margin:0;color:var(--ds-text-muted);font-size:13px}.nfv2-hero-badge{display:inline-flex;align-items:center;gap:6px;background:var(--ds-brand);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:var(--ds-radius-pill);letter-spacing:.3px}.nfv2-section{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);padding:var(--ds-space-5);box-shadow:var(--ds-shadow-sm);margin-bottom:var(--ds-space-5)}.nfv2-section+.nfv2-section{margin-top:0}.nfv2-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-3);margin-bottom:var(--ds-space-4)}.nfv2-section-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:var(--ds-text);margin:0}.nfv2-section-title:before{content:"";display:inline-block;width:4px;height:22px;background:var(--ds-brand);border-radius:var(--ds-radius-pill)}.nfv2-section-step{font-size:11px;color:var(--ds-text-muted);background:var(--ds-surface-2);border:1px solid var(--ds-border);border-radius:var(--ds-radius-pill);padding:3px 10px;font-weight:700}.nfv2-section-help{margin:0 0 var(--ds-space-4);color:var(--ds-text-muted);font-size:13px}.nfv2-label{display:block;font-size:13px;font-weight:700;color:var(--ds-text);margin-bottom:6px}.nfv2-input,.nfv2-textarea,.nfv2-select{width:100%;background:var(--ds-surface);color:var(--ds-text);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);padding:0 12px;font-size:16px;height:44px;outline:none;transition:border-color var(--ds-dur-fast) var(--ds-ease),box-shadow var(--ds-dur-fast) var(--ds-ease);font-family:inherit}.nfv2-textarea{height:auto;min-height:96px;padding:12px;resize:vertical;line-height:1.55}.nfv2-input:focus,.nfv2-textarea:focus,.nfv2-select:focus{border-color:var(--ds-brand);box-shadow:0 0 0 3px var(--ds-brand-soft)}@media (min-width: 768px){.nfv2-input,.nfv2-select{height:40px}}.nfv2-title-area{font-family:Alkhabar-Bold,system-ui,sans-serif;font-size:22px;text-align:center;line-height:1.4;font-weight:700;min-height:92px;border-radius:var(--ds-radius-sm)}@media (min-width: 768px){.nfv2-title-area{font-size:26px;min-height:100px}}.nfv2-title-row{display:grid;grid-template-columns:1fr;gap:8px}.nfv2-title-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;margin-top:6px;font-size:12px;color:var(--ds-text-muted)}.nfv2-title-meta .warn{color:var(--ds-warning);font-weight:700}.nfv2-title-meta .err{color:var(--ds-danger);font-weight:700}.nfv2-title-actions{display:flex;gap:8px;flex-wrap:wrap}.nfv2-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--ds-radius-sm);border:1px solid transparent;height:40px;padding:0 14px;font-size:14px;font-weight:700;cursor:pointer;transition:background var(--ds-dur-fast) var(--ds-ease),border-color var(--ds-dur-fast) var(--ds-ease),color var(--ds-dur-fast) var(--ds-ease),box-shadow var(--ds-dur-fast) var(--ds-ease);font-family:inherit;text-decoration:none}.nfv2-btn:disabled{opacity:.55;cursor:not-allowed}.nfv2-btn-primary{background:var(--ds-brand);color:#fff}.nfv2-btn-primary:hover:not(:disabled){background:var(--ds-brand-600)}.nfv2-btn-primary:focus-visible{box-shadow:0 0 0 3px var(--ds-brand-soft)}.nfv2-btn-ghost{background:var(--ds-surface);color:var(--ds-text);border-color:var(--ds-border)}.nfv2-btn-ghost:hover:not(:disabled){background:var(--ds-surface-2)}.nfv2-btn-soft{background:var(--ds-brand-soft);color:var(--ds-brand-700);border-color:transparent}.nfv2-btn-soft:hover:not(:disabled){background:var(--ds-brand-softer)}.nfv2-btn-danger-ghost{background:transparent;color:var(--ds-danger);border-color:var(--ds-border)}.nfv2-btn-block{width:100%}.nfv2-btn-lg{height:48px;font-size:15px;padding:0 20px}.nfv2-toggle{display:flex;align-items:center;gap:12px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);padding:12px 14px;background:var(--ds-surface-2);cursor:pointer;-webkit-user-select:none;user-select:none}.nfv2-toggle-text{display:flex;flex-direction:column;gap:2px}.nfv2-toggle-text strong{font-size:14px;color:var(--ds-text)}.nfv2-toggle-text span{font-size:12px;color:var(--ds-text-muted)}.nfv2-toggle-switch{margin-inline-start:auto;width:44px;height:26px;background:var(--ds-border);border-radius:var(--ds-radius-pill);position:relative;transition:background var(--ds-dur-fast) var(--ds-ease);flex-shrink:0}.nfv2-toggle-switch:after{content:"";position:absolute;top:3px;right:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform var(--ds-dur-fast) var(--ds-ease);box-shadow:var(--ds-shadow-sm)}.nfv2-toggle.is-on .nfv2-toggle-switch{background:var(--ds-brand)}.nfv2-toggle.is-on .nfv2-toggle-switch:after{transform:translate(-18px)}.nfv2-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:var(--ds-space-3)}.nfv2-chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:var(--ds-radius-pill);border:1px solid var(--ds-border);background:var(--ds-surface);color:var(--ds-text);font-size:12px;font-weight:700;cursor:pointer;transition:all var(--ds-dur-fast) var(--ds-ease)}.nfv2-chip:hover{background:var(--ds-surface-2)}.nfv2-chip.is-active{background:var(--ds-brand-soft);color:var(--ds-brand-700);border-color:var(--ds-brand)}.nfv2-chip-select{height:32px;border-radius:var(--ds-radius-pill);border:1px solid var(--ds-border);background:var(--ds-surface);color:var(--ds-text);font-size:12px;font-weight:700;padding:0 10px;cursor:pointer;font-family:inherit}.nfv2-ads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;max-height:420px;overflow-y:auto;padding:4px;border-radius:var(--ds-radius-sm)}.nfv2-ads-grid::-webkit-scrollbar{width:8px}.nfv2-ads-grid::-webkit-scrollbar-thumb{background:var(--ds-border);border-radius:999px}.nfv2-ad-card{position:relative;border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-surface);overflow:hidden;cursor:pointer;transition:border-color var(--ds-dur-fast) var(--ds-ease),box-shadow var(--ds-dur-fast) var(--ds-ease)}.nfv2-ad-card:hover{box-shadow:var(--ds-shadow-md)}.nfv2-ad-card.is-selected{border-color:var(--ds-brand);box-shadow:0 0 0 3px var(--ds-brand-soft)}.nfv2-ad-card.is-disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.5)}.nfv2-ad-thumb{width:100%;aspect-ratio:1 / 1;object-fit:cover;background:var(--ds-surface-2);display:block}.nfv2-ad-thumb-portrait{aspect-ratio:9 / 16;max-height:180px;object-fit:cover}.nfv2-ad-thumb-landscape{aspect-ratio:16 / 9}.nfv2-ad-info{padding:8px 10px;display:flex;flex-direction:column;gap:2px}.nfv2-ad-info-title{font-size:12px;font-weight:700;color:var(--ds-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nfv2-ad-info-meta{display:flex;gap:6px;font-size:10px;color:var(--ds-text-muted);flex-wrap:wrap}.nfv2-ad-info-meta .o-tag{background:var(--ds-surface-3);padding:1px 6px;border-radius:999px;font-weight:700}.nfv2-ad-orientation-badge{position:absolute;top:6px;inset-inline-start:6px;background:#0000008c;color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:var(--ds-radius-pill);display:inline-flex;align-items:center;gap:4px}.nfv2-ad-video-tag{position:absolute;top:6px;inset-inline-end:6px;background:#0000008c;color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:var(--ds-radius-pill)}.nfv2-ad-summary{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--ds-radius-sm);background:var(--ds-brand-softer);border:1px solid var(--ds-brand-soft);margin-bottom:var(--ds-space-3)}.nfv2-ad-summary img,.nfv2-ad-summary video{width:56px;height:56px;object-fit:cover;border-radius:var(--ds-radius-xs);background:var(--ds-surface-2)}.nfv2-ad-summary-meta strong{font-size:13px;color:var(--ds-text)}.nfv2-ad-summary-meta span{font-size:11px;color:var(--ds-text-muted)}.nfv2-ad-summary-dims{margin-inline-start:auto;font-size:11px;font-weight:700;color:var(--ds-brand-700);background:var(--ds-surface);padding:4px 8px;border-radius:var(--ds-radius-pill);border:1px solid var(--ds-brand-soft)}.nfv2-mediatype{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.nfv2-mediatype label{display:flex;align-items:center;gap:8px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);padding:10px 12px;cursor:pointer;background:var(--ds-surface);font-size:13px;font-weight:700;color:var(--ds-text);-webkit-user-select:none;user-select:none}.nfv2-mediatype label.is-checked{border-color:var(--ds-brand);background:var(--ds-brand-soft);color:var(--ds-brand-700)}.nfv2-mediatype input{accent-color:var(--ds-brand)}.nfv2-upload{border:1px dashed var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-surface-2);padding:24px 16px;text-align:center;cursor:pointer;display:block;transition:border-color var(--ds-dur-fast) var(--ds-ease),background var(--ds-dur-fast) var(--ds-ease)}.nfv2-upload:hover{border-color:var(--ds-brand);background:var(--ds-brand-softer)}.nfv2-upload input[type=file]{display:none}.nfv2-upload-icon{width:36px;height:36px;border-radius:50%;background:var(--ds-brand-soft);color:var(--ds-brand-700);display:inline-flex;align-items:center;justify-content:center;font-size:16px;margin-bottom:8px}.nfv2-upload-title{font-size:14px;font-weight:700;color:var(--ds-text)}.nfv2-upload-help{font-size:12px;color:var(--ds-text-muted);margin-top:4px}.nfv2-file-card{display:flex;align-items:center;gap:12px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);padding:10px;background:var(--ds-surface)}.nfv2-file-card img,.nfv2-file-card video{width:64px;height:64px;object-fit:cover;border-radius:var(--ds-radius-xs);background:var(--ds-surface-2)}.nfv2-file-card-info{flex:1;min-width:0}.nfv2-file-card-name{font-size:13px;font-weight:700;color:var(--ds-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nfv2-file-card-meta{font-size:11px;color:var(--ds-text-muted)}.nfv2-checklist{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--ds-space-3)}.nfv2-check-item{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;border-radius:var(--ds-radius-pill);padding:4px 10px;border:1px solid var(--ds-border);color:var(--ds-text-muted);background:var(--ds-surface)}.nfv2-check-item.is-done{color:var(--ds-brand-700);background:var(--ds-brand-soft);border-color:transparent}.nfv2-check-dot{width:8px;height:8px;border-radius:50%;background:var(--ds-border)}.nfv2-check-item.is-done .nfv2-check-dot{background:var(--ds-brand)}.nfv2-error{border:1px solid var(--ds-danger);background:#ef444414;color:var(--ds-danger);border-radius:var(--ds-radius-sm);padding:10px 12px;font-size:13px;font-weight:700;margin-bottom:var(--ds-space-3)}.nfv2-ai{border:1px solid var(--ds-brand-soft);background:var(--ds-brand-softer);border-radius:var(--ds-radius-sm);padding:12px;margin-top:var(--ds-space-3)}.nfv2-ai-head{font-size:12px;color:var(--ds-brand-700);font-weight:700;margin-bottom:6px}.nfv2-ai-text{font-family:Alkhabar-Bold,system-ui,sans-serif;font-size:18px;font-weight:700;text-align:center;white-space:pre-wrap;color:var(--ds-text);background:var(--ds-surface);padding:12px;border-radius:var(--ds-radius-xs);margin-bottom:10px}.nfv2-ai-actions{display:flex;gap:8px;flex-wrap:wrap}.nfv2-preview-card{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);padding:var(--ds-space-4);box-shadow:var(--ds-shadow-sm)}.nfv2-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:var(--ds-space-3)}.nfv2-preview-title{font-size:14px;font-weight:800;color:var(--ds-text);display:inline-flex;align-items:center;gap:8px}.nfv2-preview-orient-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:var(--ds-radius-pill);background:var(--ds-brand-soft);color:var(--ds-brand-700)}.nfv2-preview-stage{display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at center,var(--ds-surface-2),var(--ds-bg) 70%);border:1px solid var(--ds-border-soft);border-radius:var(--ds-radius-md);padding:16px;min-height:320px}.nfv2-preview-stage--full{background:transparent;border:0;border-radius:0;padding:0;min-height:0;display:flex;align-items:flex-start;justify-content:center}.nfv2-preview-stage--full .nfv2-canvas,.nfv2-preview-stage--full .nfv2-canvas[data-orient=portrait],.nfv2-preview-stage--full .nfv2-canvas[data-orient=landscape]{width:100%;max-width:440px;max-height:calc(100vh - var(--ds-header-height) - 120px);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-md)}@supports (height: 100dvh){.nfv2-preview-stage--full .nfv2-canvas,.nfv2-preview-stage--full .nfv2-canvas[data-orient=portrait],.nfv2-preview-stage--full .nfv2-canvas[data-orient=landscape]{max-height:calc(100dvh - var(--ds-header-height) - 120px)}}.nfv2-canvas{position:relative;width:100%;max-width:360px;background:linear-gradient(180deg,#0d1917,#142421);border-radius:18px;box-shadow:var(--ds-shadow-lg);overflow:hidden;color:#fff;font-family:Alkhabar-Bold,system-ui,sans-serif;display:flex;flex-direction:column}.nfv2-canvas[data-orient=portrait],.nfv2-canvas[data-orient=landscape]{aspect-ratio:1080 / 1350;max-width:320px}.nfv2-canvas-image{position:relative;width:100%;flex:1 1 auto;background:#000;overflow:hidden}.nfv2-canvas-image img,.nfv2-canvas-image video{width:100%;height:100%;object-fit:cover;display:block}.nfv2-canvas-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff6;font-size:13px;background:repeating-linear-gradient(45deg,#ffffff0a 0 8px,#fff0 8px 16px)}.nfv2-canvas-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000 35%,#000000c7);pointer-events:none}.nfv2-canvas-urgent{position:absolute;top:10px;inset-inline-start:10px;background:var(--ds-danger);color:#fff;font-size:11px;font-weight:800;padding:4px 10px;border-radius:var(--ds-radius-pill);letter-spacing:.5px;box-shadow:var(--ds-shadow-md);z-index:2}.nfv2-canvas-brand{position:absolute;top:10px;inset-inline-end:10px;display:inline-flex;align-items:center;gap:6px;background:#ffffffeb;color:var(--ds-text);padding:3px 8px 3px 4px;border-radius:var(--ds-radius-pill);font-size:10px;font-weight:700;z-index:2}.nfv2-canvas-brand img{width:18px;height:18px;border-radius:50%}.nfv2-canvas-text{position:absolute;bottom:0;left:0;right:0;padding:14px 14px 18px;display:flex;flex-direction:column;gap:8px;z-index:2}.nfv2-canvas-title{font-family:Alkhabar-Bold,system-ui,sans-serif;font-weight:700;text-align:center;line-height:1.25;font-size:18px;text-shadow:0 2px 8px rgba(0,0,0,.6);white-space:pre-wrap;word-break:break-word}.nfv2-canvas[data-orient=landscape] .nfv2-canvas-title{font-size:22px}.nfv2-canvas[data-orient=portrait] .nfv2-canvas-title{font-size:20px}.nfv2-canvas-ad{position:relative;width:100%;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.nfv2-canvas[data-orient=portrait] .nfv2-canvas-ad{height:22%}.nfv2-canvas[data-orient=landscape] .nfv2-canvas-ad{height:18%}.nfv2-canvas-ad img,.nfv2-canvas-ad video{width:100%;height:100%;object-fit:cover;display:block}.nfv2-canvas-footer{flex-shrink:0;background:var(--ds-brand);color:#fff;font-size:10px;font-weight:700;text-align:center;padding:6px 8px;letter-spacing:.4px}.nfv2-canvas-badge{margin-inline-start:4px;opacity:.85;font-weight:600}.nfv2-canvas-live{position:relative;width:100%;flex:1;background:#000;overflow:hidden}.nfv2-canvas-live img,.nfv2-canvas-live video{width:100%;height:100%;object-fit:contain;display:block}.nfv2-canvas-live-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0f172a2e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.nfv2-canvas-spinner{width:28px;height:28px;border-radius:50%;border:3px solid rgba(255,255,255,.4);border-top-color:var(--ds-brand);animation:nfv2Spin .8s linear infinite}@keyframes nfv2Spin{to{transform:rotate(360deg)}}.nfv2-canvas-error{position:absolute;bottom:28px;inset-inline:8px;background:#ef4444f2;color:#fff;border-radius:var(--ds-radius-sm);padding:8px 10px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:8px;box-shadow:var(--ds-shadow-md)}.nfv2-canvas-error button{background:#fff3;border:1px solid rgba(255,255,255,.4);color:#fff;font-family:inherit;font-size:11px;font-weight:700;padding:4px 10px;border-radius:var(--ds-radius-pill);cursor:pointer}.nfv2-canvas-error button:hover{background:#ffffff4d}.nfv2-preview-foot{margin-top:var(--ds-space-3);font-size:11px;color:var(--ds-text-soft);text-align:center;font-style:italic}.nfv2-mob-preview{position:sticky;top:0;z-index:50;background:var(--ds-surface);border-bottom:1px solid var(--ds-border);padding:8px 12px;display:flex;align-items:center;gap:10px;box-shadow:var(--ds-shadow-sm);margin:-16px -16px 16px;cursor:pointer}@media (min-width: 1024px){.nfv2-mob-preview{display:none}}.nfv2-mob-thumb{width:44px;border-radius:var(--ds-radius-xs);overflow:hidden;background:var(--ds-surface-3);flex-shrink:0;position:relative}.nfv2-mob-thumb[data-orient=portrait]{aspect-ratio:9 / 16}.nfv2-mob-thumb[data-orient=landscape]{aspect-ratio:16 / 9;width:64px}.nfv2-mob-thumb img,.nfv2-mob-thumb video{width:100%;height:100%;object-fit:cover;display:block}.nfv2-mob-preview-text{flex:1;min-width:0;display:flex;flex-direction:column}.nfv2-mob-preview-text strong{font-size:12px;font-weight:800;color:var(--ds-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nfv2-mob-preview-text span{font-size:11px;color:var(--ds-text-muted)}.nfv2-sticky-cta{position:fixed;left:0;right:0;bottom:var(--ds-bottom-nav-height);padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--ds-surface);border-top:1px solid var(--ds-border);z-index:60;display:flex;align-items:center;gap:10px}@media (min-width: 768px){.nfv2-sticky-cta{display:none}}.nfv2-sticky-cta .nfv2-btn{flex:1}.nfv2-sticky-cta-meta{font-size:11px;color:var(--ds-text-muted);white-space:nowrap}.nfv2-cta-badge{font-size:10px;font-weight:800;background:var(--ds-warning);color:#fff;padding:2px 7px;border-radius:var(--ds-radius-pill);margin-inline-start:6px}.nfv2-actions-desktop{display:none;align-items:center;gap:10px;margin-top:var(--ds-space-4)}@media (min-width: 768px){.nfv2-actions-desktop{display:flex}}.nfv2-modal-backdrop{position:fixed;inset:0;background:#0b1513d9;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px}.nfv2-modal-body{background:var(--ds-surface);border-radius:var(--ds-radius-lg);padding:16px;max-width:540px;width:100%;display:flex;flex-direction:column;gap:12px;box-shadow:var(--ds-shadow-xl)}.nfv2-modal-head{display:flex;align-items:center;justify-content:space-between}.nfv2-modal-head h3{margin:0;font-size:16px}.nfv2-modal-close{width:32px;height:32px;border-radius:50%;border:1px solid var(--ds-border);background:var(--ds-surface);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--ds-text)}@media (max-width: 640px){.nfv2-modal-backdrop{align-items:flex-end;padding:0}.nfv2-modal-body{border-bottom-left-radius:0;border-bottom-right-radius:0;max-width:100%;padding:12px 12px calc(12px + env(safe-area-inset-bottom));max-height:92vh;overflow-y:auto}}.nfv2-home-promo{display:flex;align-items:center;gap:14px;border-radius:var(--ds-radius-md);padding:14px 16px;background:linear-gradient(135deg,var(--ds-brand-soft),var(--ds-brand-softer));border:1px solid var(--ds-border);cursor:pointer;transition:box-shadow var(--ds-dur-fast) var(--ds-ease)}.nfv2-home-promo:hover{box-shadow:var(--ds-shadow-md)}.nfv2-home-promo h4{margin:0;font-size:14px;color:var(--ds-text)}.nfv2-home-promo p{margin:2px 0 0;font-size:12px;color:var(--ds-text-muted)}.ds-nav-new-badge{margin-inline-start:auto;font-size:10px;font-weight:800;background:var(--ds-brand);color:#fff;padding:2px 7px;border-radius:var(--ds-radius-pill);letter-spacing:.4px}.ds-sidebar.is-collapsed .ds-nav-new-badge{display:none}.nfv2-mi-slots{display:grid;gap:10px}.nfv2-mi-slots.is-count-1{grid-template-columns:1fr}.nfv2-mi-slots.is-count-2{grid-template-columns:repeat(2,1fr)}.nfv2-mi-slots.is-count-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 640px){.nfv2-mi-slots.is-count-3{grid-template-columns:repeat(2,1fr)}}.nfv2-mi-slot{position:relative;background:var(--ds-surface);border:1px dashed var(--ds-border);border-radius:var(--ds-radius-sm);overflow:hidden;aspect-ratio:1 / 1}.nfv2-mi-slot-empty{width:100%;height:100%;display:flex;flex-direction:column;gap:6px;align-items:stretch;justify-content:center;padding:10px;background:var(--ds-surface-2)}.nfv2-mi-slot-label{font-size:12px;font-weight:700;color:var(--ds-text-muted);text-align:center;margin-bottom:4px}.nfv2-mi-slot-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 8px;border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border);background:var(--ds-surface);color:var(--ds-text);font-size:11px;font-weight:700;cursor:pointer;transition:background var(--ds-dur-fast) var(--ds-ease),border-color var(--ds-dur-fast) var(--ds-ease);font-family:inherit}.nfv2-mi-slot-action:hover{background:var(--ds-brand-soft);border-color:var(--ds-brand);color:var(--ds-brand-700)}.nfv2-mi-slot-preview{width:100%;height:100%;position:relative;background:#000}.nfv2-mi-slot-preview img{width:100%;height:100%;object-fit:cover;display:block}.nfv2-mi-slot-remove{position:absolute;top:6px;inset-inline-end:6px;width:26px;height:26px;border-radius:50%;border:0;background:#0f172ab3;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.nfv2-mi-slot-remove:hover{background:var(--ds-danger)}.nfv2-mi-slot-num{position:absolute;bottom:6px;inset-inline-start:6px;background:#0009;color:#fff;font-size:11px;font-weight:800;padding:2px 8px;border-radius:var(--ds-radius-pill)}.nfv2-mi-slots-meta{margin-top:8px;font-size:12px;color:var(--ds-text-muted);text-align:center}.nfv2-mi-grid{position:absolute;inset:0;display:grid;gap:4px;padding:4px}.nfv2-mi-grid.is-count-1{grid-template-columns:1fr}.nfv2-mi-grid.is-count-2{grid-template-columns:repeat(2,1fr)}.nfv2-mi-grid.is-count-3{grid-template-columns:repeat(3,1fr)}.nfv2-mi-grid-cell{position:relative;background:#ffffff0d;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:6px}.nfv2-mi-grid-cell img{width:100%;height:100%;object-fit:cover;display:block}.nfv2-mi-grid-cell span{color:#ffffff80;font-size:11px;font-weight:700}@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}}.pa-shell{display:flex;align-items:center;justify-content:center;width:100%;min-height:calc(100vh - var(--ds-header-height) - 80px);padding:var(--ds-space-8) var(--ds-space-4);font-family:Tajawal,sans-serif;direction:rtl}.pa-card{width:100%;max-width:520px;background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-md);padding:32px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--ds-space-5);position:relative;overflow:hidden}.pa-card:before{content:"";position:absolute;inset:0 0 auto;height:120px;background:radial-gradient(120% 100% at 50% 0%,var(--ds-brand-soft) 0%,transparent 70%);pointer-events:none}.pa-eyebrow{position:relative;display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:var(--ds-brand-soft);color:var(--ds-brand);border-radius:var(--ds-radius-pill);font-size:.72rem;font-weight:700;letter-spacing:.04em}.pa-eyebrow svg{font-size:.8rem}.pa-loader{position:relative;width:132px;height:132px;display:flex;align-items:center;justify-content:center}.pa-loader-svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.pa-loader-track{fill:none;stroke:var(--ds-border);stroke-width:6}.pa-loader-arc{fill:none;stroke:var(--ds-brand);stroke-width:6;stroke-linecap:round;transition:stroke-dasharray .32s var(--ds-ease)}.pa-loader-arc.is-indeterminate{stroke-dasharray:80 320;animation:paSpin 1.4s linear infinite;transform-origin:50% 50%}@keyframes paSpin{to{transform:rotate(360deg)}}.pa-loader-center{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.pa-loader-icon{width:44px;height:44px;border-radius:50%;background:var(--ds-brand-soft);color:var(--ds-brand);display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem}.pa-loader-icon.is-success{background:#10b98124;color:var(--ds-success)}.pa-loader-icon.is-error{background:#ef444424;color:var(--ds-danger)}.pa-loader-percent{position:relative;z-index:1;font-size:1.3rem;font-weight:800;color:var(--ds-brand);line-height:1;font-variant-numeric:tabular-nums}.pa-loader-percent.is-success{color:var(--ds-success)}.pa-loader-percent.is-error{color:var(--ds-danger)}.pa-text{display:flex;flex-direction:column;gap:6px}.pa-title{margin:0;font-size:1.35rem;font-weight:800;color:var(--ds-text);line-height:1.3}.pa-subtitle{margin:0;font-size:.92rem;color:var(--ds-text-muted);line-height:1.7}.pa-shimmer{position:relative;width:100%;height:4px;border-radius:var(--ds-radius-pill);background:var(--ds-surface-3);overflow:hidden}.pa-shimmer:after{content:"";position:absolute;inset:0;width:35%;background:linear-gradient(90deg,transparent,var(--ds-brand),transparent);border-radius:inherit;animation:paShimmer 1.6s var(--ds-ease) infinite}@keyframes paShimmer{0%{transform:translate(-120%)}to{transform:translate(360%)}}@media (max-width: 600px){.pa-shell{padding:var(--ds-space-5) var(--ds-space-3) calc(var(--ds-bottom-nav-height) + env(safe-area-inset-bottom) + 16px);min-height:calc(100vh - var(--ds-header-height) - 60px)}.pa-card{padding:28px 20px;gap:var(--ds-space-4)}.pa-loader{width:116px;height:116px}.pa-loader-icon{width:40px;height:40px;font-size:1rem}.pa-loader-percent,.pa-title{font-size:1.15rem}.pa-subtitle{font-size:.86rem}}.rp-page{width:100%;font-family:Tajawal,sans-serif;color:var(--ds-text);display:flex;flex-direction:column;gap:var(--ds-space-6)}.rp-hero{display:flex;align-items:center;gap:var(--ds-space-4);background:linear-gradient(135deg,var(--ds-brand-soft),var(--ds-brand-softer));border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);padding:var(--ds-space-5) var(--ds-space-6);box-shadow:var(--ds-shadow-sm)}.rp-success-badge{width:56px;height:56px;border-radius:50%;background:var(--ds-brand);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;box-shadow:0 8px 20px #2ba89f47}.rp-hero-text{display:flex;flex-direction:column;gap:4px;min-width:0}.rp-eyebrow{align-self:flex-start;background:var(--ds-brand);color:#fff;font-size:.7rem;font-weight:700;padding:3px 10px;border-radius:var(--ds-radius-pill);letter-spacing:.04em}.rp-title{margin:0;font-size:1.5rem;font-weight:800;color:var(--ds-text);line-height:1.25}.rp-subtitle{margin:0;font-size:.95rem;color:var(--ds-text-muted)}.rp-grid{display:grid;gap:var(--ds-space-6);grid-template-columns:minmax(0,1fr);align-items:start}@media (min-width: 1024px){.rp-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}}.rp-preview-col{min-width:0}.rp-canvas-wrap{display:flex;flex-direction:column;align-items:center;gap:10px}.rp-canvas{position:relative;width:100%;max-width:480px;aspect-ratio:1080 / 1350;background:#000;border-radius:var(--ds-radius-lg);overflow:hidden;box-shadow:var(--ds-shadow-md);border:1px solid var(--ds-border)}.rp-media{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in}.rp-canvas-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--ds-text-soft);font-size:.95rem}.rp-canvas-meta{margin:0;font-size:.78rem;color:var(--ds-text-soft);letter-spacing:.05em;font-variant-numeric:tabular-nums}.rp-play-overlay{position:absolute;inset:0;margin:auto;width:64px;height:64px;border-radius:50%;border:none;background:#ffffffeb;color:var(--ds-brand);font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0000004d;transition:opacity var(--ds-dur-fast) var(--ds-ease),transform var(--ds-dur-fast) var(--ds-ease)}.rp-play-overlay:hover{transform:scale(1.05)}.rp-play-overlay.is-playing{opacity:0;pointer-events:none}.rp-canvas:hover .rp-play-overlay.is-playing{opacity:1;pointer-events:auto}.rp-expand-btn{position:absolute;top:12px;inset-inline-start:12px;width:36px;height:36px;border-radius:var(--ds-radius-pill);border:none;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--ds-dur-fast) var(--ds-ease)}.rp-expand-btn:hover{background:#000000bf}.rp-progress-bar{position:absolute;bottom:0;inset-inline:0;height:3px;background:#ffffff26}.rp-progress-fill{height:100%;background:var(--ds-brand);width:0%;transition:width 80ms linear}.rp-actions-col{display:flex;flex-direction:column;gap:var(--ds-space-4);position:sticky;top:12px}.rp-action-card,.rp-meta-card{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);padding:var(--ds-space-5);box-shadow:var(--ds-shadow-sm)}.rp-action-title{margin:0 0 var(--ds-space-4);font-size:.95rem;font-weight:700;color:var(--ds-text);display:flex;align-items:center;gap:8px}.rp-action-title:before{content:"";width:4px;height:18px;background:var(--ds-brand);border-radius:var(--ds-radius-pill);display:inline-block}.rp-btn{width:100%;height:44px;border:1px solid transparent;border-radius:var(--ds-radius-sm);font-family:inherit;font-size:.92rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:background var(--ds-dur-fast) var(--ds-ease),border-color var(--ds-dur-fast) var(--ds-ease),color var(--ds-dur-fast) var(--ds-ease),box-shadow var(--ds-dur-fast) var(--ds-ease);margin-top:8px}.rp-btn:first-of-type{margin-top:0}.rp-btn:disabled{opacity:.55;cursor:not-allowed}.rp-btn-primary{background:var(--ds-brand);color:#fff;box-shadow:0 4px 12px #2ba89f38}.rp-btn-primary:hover:not(:disabled){background:var(--ds-brand-600);box-shadow:0 6px 16px #2ba89f4d}.rp-btn-soft{background:var(--ds-brand-soft);color:var(--ds-brand-700)}.rp-btn-soft:hover:not(:disabled){background:var(--ds-brand-softer)}.rp-btn-ghost{background:var(--ds-surface);color:var(--ds-text);border-color:var(--ds-border)}.rp-btn-ghost:hover:not(:disabled){background:var(--ds-surface-2);border-color:var(--ds-brand);color:var(--ds-brand)}.rp-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:rpSpin .7s linear infinite}@keyframes rpSpin{to{transform:rotate(360deg)}}.rp-divider{height:1px;background:var(--ds-border-soft);margin:var(--ds-space-3) 0}.rp-meta-title{font-size:.85rem;font-weight:700;color:var(--ds-text);margin-bottom:10px}.rp-meta-grid{display:grid;grid-template-columns:max-content 1fr;column-gap:12px;row-gap:6px;font-size:.85rem;margin:0}.rp-meta-grid dt{color:var(--ds-text-soft);font-weight:500}.rp-meta-grid dd{margin:0;color:var(--ds-text);font-weight:600;font-variant-numeric:tabular-nums}.rp-modal-backdrop{position:fixed;inset:0;z-index:200;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;animation:rpFade .2s var(--ds-ease)}.rp-modal-body{position:relative;max-width:min(96vw,1080px);max-height:92vh;display:flex;align-items:center;justify-content:center}.rp-modal-media{max-width:100%;max-height:92vh;border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-xl)}.rp-modal-close{position:absolute;top:-44px;inset-inline-end:0;width:36px;height:36px;border-radius:50%;border:none;background:#ffffff26;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.rp-modal-close:hover{background:#ffffff47}@keyframes rpFade{0%{opacity:0}to{opacity:1}}@media (max-width: 767.98px){.rp-page{gap:var(--ds-space-4)}.rp-hero{padding:var(--ds-space-4);gap:var(--ds-space-3)}.rp-success-badge{width:44px;height:44px;font-size:1.1rem}.rp-title{font-size:1.2rem}.rp-subtitle{font-size:.85rem}.rp-canvas{max-width:360px}.rp-actions-col{position:static}.rp-action-card{padding:var(--ds-space-4)}}.obituaries-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);padding:0;margin:0}.ds-shell .obituaries-page{min-height:0;background:transparent;padding:0}.ds-shell .obituaries-container{max-width:100%;width:100%;margin:0;padding:0;min-height:0;background:transparent}.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}}.ds-content:has(.dp-surface){padding:0!important}.ds-content:has(.dp-surface)>.ds-content-inner{max-width:none!important;margin:0!important;padding:0!important;width:100%}.dp-surface{position:relative;background:var(--ds-surface);overflow:hidden;border-radius:0;width:100%;height:calc(100vh - var(--ds-header-height))}@supports (height: 100dvh){.dp-surface{height:calc(100dvh - var(--ds-header-height))}}.dp-embed{position:absolute;inset:0;width:100%;height:100%;direction:ltr;text-align:left;unicode-bidi:isolate}.dp-embed iframe,.dp-embed>div,.dp-embed>div>iframe{width:100%!important;height:100%!important;border:0;display:block}.dp-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--ds-surface-2);z-index:2;padding:24px;text-align:center}.dp-spinner{width:40px;height:40px;border-radius:50%;border:3px solid var(--ds-border);border-top-color:var(--ds-brand);animation:dpSpin .85s linear infinite}@keyframes dpSpin{to{transform:rotate(360deg)}}.dp-state-text{font-size:.95rem;font-weight:600;color:var(--ds-text-muted);font-family:Tajawal,sans-serif}.dp-state-icon{width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#ef44441f;color:var(--ds-danger);font-size:1.4rem}.dp-state-title{margin:0;font-size:1.05rem;font-weight:700;color:var(--ds-text);font-family:Tajawal,sans-serif}.dp-state-detail{margin:0;max-width:420px;font-size:.85rem;color:var(--ds-text-soft);font-family:Tajawal,sans-serif;line-height:1.6}.dp-retry-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:none;border-radius:var(--ds-radius-pill);background:var(--ds-brand);color:#fff;font-family:Tajawal,sans-serif;font-size:.9rem;font-weight:700;cursor:pointer;transition:all var(--ds-dur-fast) var(--ds-ease);box-shadow:var(--ds-shadow-sm)}.dp-retry-btn:hover{background:var(--ds-brand-700);transform:translateY(-1px);box-shadow:var(--ds-shadow-md)}.dp-surface:fullscreen,.dp-surface:-webkit-full-screen{width:100vw;height:100vh;margin:0;border-radius:0;background:var(--ds-bg)}@media (max-width: 767.98px){.dp-surface{height:calc(100vh - var(--ds-header-height) - var(--ds-bottom-nav-height))}@supports (height: 100dvh){.dp-surface{height:calc(100dvh - var(--ds-header-height) - var(--ds-bottom-nav-height) - env(safe-area-inset-bottom,0px))}}}:root{--ds-brand: #2ba89f;--ds-brand-600: #239189;--ds-brand-700: #1b7974;--ds-brand-800: #145e5a;--ds-brand-soft: rgba(43, 168, 159, .12);--ds-brand-softer: rgba(43, 168, 159, .06);--ds-secondary: #a7ac9f;--ds-secondary-600: #8f9488;--ds-secondary-soft: rgba(167, 172, 159, .15);--ds-accent: var(--ds-brand);--ds-accent-soft: var(--ds-brand-soft);--ds-success: #10b981;--ds-warning: #f59e0b;--ds-danger: #ef4444;--ds-bg: #f6f7f4;--ds-surface: #ffffff;--ds-surface-2: #fafbf8;--ds-surface-3: #eef1ea;--ds-sidebar-bg: #ffffff;--ds-header-bg: rgba(255, 255, 255, .85);--ds-text: #1f2a26;--ds-text-muted: #5a6561;--ds-text-soft: #8f9488;--ds-border: #e3e6dd;--ds-border-soft: #edefe8;--ds-shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--ds-shadow-md: 0 4px 12px rgba(15, 23, 42, .08);--ds-shadow-lg: 0 10px 30px rgba(15, 23, 42, .1);--ds-shadow-xl: 0 20px 50px rgba(15, 23, 42, .14);--ds-radius-xs: 6px;--ds-radius-sm: 10px;--ds-radius-md: 12px;--ds-radius-lg: 16px;--ds-radius-xl: 20px;--ds-radius-pill: 999px;--ds-space-1: 4px;--ds-space-2: 8px;--ds-space-3: 12px;--ds-space-4: 16px;--ds-space-5: 20px;--ds-space-6: 24px;--ds-space-8: 32px;--ds-sidebar-width: 264px;--ds-sidebar-width-collapsed: 76px;--ds-header-height: 64px;--ds-bottom-nav-height: 68px;--ds-ease: cubic-bezier(.4, 0, .2, 1);--ds-dur-fast: .15s;--ds-dur: .22s;--ds-dur-slow: .32s}[data-dark=true]{--ds-brand: #3fc2b9;--ds-brand-600: #2ba89f;--ds-brand-700: #239189;--ds-brand-soft: rgba(63, 194, 185, .16);--ds-brand-softer: rgba(63, 194, 185, .08);--ds-bg: #0b1513;--ds-surface: #0f1b19;--ds-surface-2: #132321;--ds-surface-3: #1a2d2a;--ds-sidebar-bg: #0d1917;--ds-header-bg: rgba(15, 27, 25, .85);--ds-text: #eef2ed;--ds-text-muted: #a7ac9f;--ds-text-soft: #6f7a73;--ds-border: #1f2e2b;--ds-border-soft: #172421;--ds-shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--ds-shadow-md: 0 4px 14px rgba(0, 0, 0, .45);--ds-shadow-lg: 0 12px 30px rgba(0, 0, 0, .55);--ds-shadow-xl: 0 22px 60px rgba(0, 0, 0, .6)}.dst-panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}@media (max-width: 1199.98px){.dst-panels{grid-template-columns:1fr}}.dst-panel{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-sm);display:flex;flex-direction:column;min-width:0;overflow:hidden}.dst-panel-head{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--ds-border-soft)}.dst-panel-head-icon{width:36px;height:36px;border-radius:var(--ds-radius-sm);display:inline-flex;align-items:center;justify-content:center;background:var(--ds-brand-soft);color:var(--ds-brand);font-size:.95rem;flex-shrink:0}.dst-panel-head-icon.is-secondary{background:var(--ds-secondary-soft);color:var(--ds-secondary-600)}.dst-panel-head-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.dst-panel-title{margin:0;font-size:.98rem;font-weight:800;color:var(--ds-text)}.dst-panel-sub{font-size:.78rem;color:var(--ds-text-soft);font-weight:500}.dst-panel-count{display:inline-flex;align-items:center;justify-content:center;height:24px;min-width:24px;padding:0 8px;border-radius:var(--ds-radius-pill);background:var(--ds-surface-3);color:var(--ds-text-muted);font-size:.72rem;font-weight:800}.dst-panel-body{padding:14px;display:flex;flex-direction:column;gap:10px;min-height:220px}.dst-candidate-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.dst-candidate{position:relative;display:flex;flex-direction:column;gap:10px;padding:12px;text-align:start;background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);font-family:inherit;color:inherit;cursor:pointer;transition:transform var(--ds-dur-fast) var(--ds-ease),box-shadow var(--ds-dur-fast) var(--ds-ease),border-color var(--ds-dur-fast) var(--ds-ease);box-shadow:var(--ds-shadow-sm)}.dst-candidate:hover{transform:translateY(-2px);box-shadow:var(--ds-shadow-md);border-color:var(--ds-brand)}.dst-candidate-thumb{position:relative;width:100%;aspect-ratio:16 / 10;border-radius:var(--ds-radius-sm);overflow:hidden;background:linear-gradient(135deg,var(--ds-brand-softer),var(--ds-secondary-soft));display:flex;align-items:center;justify-content:center;color:var(--ds-text-soft);font-size:1.6rem}.dst-candidate-thumb img{width:100%;height:100%;object-fit:cover;display:block}.dst-candidate-badge{position:absolute;top:8px;inset-inline-start:8px;padding:3px 10px;border-radius:var(--ds-radius-pill);background:var(--ds-brand);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.04em;box-shadow:var(--ds-shadow-sm)}.dst-candidate-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.dst-candidate-name{font-size:.92rem;font-weight:700;color:var(--ds-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dst-candidate-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;color:var(--ds-text-soft);direction:ltr;text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dst-candidate-cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 14px;border-radius:var(--ds-radius-pill);background:var(--ds-brand-soft);color:var(--ds-brand);font-size:.82rem;font-weight:700;border:1px solid transparent;transition:all var(--ds-dur-fast) var(--ds-ease)}.dst-candidate:hover .dst-candidate-cta{background:var(--ds-brand);color:#fff}.dst-tpl-list{display:flex;flex-direction:column;gap:8px}.dst-tpl-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 14px;background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);transition:all var(--ds-dur-fast) var(--ds-ease)}.dst-tpl-row:hover{border-color:var(--ds-brand);box-shadow:var(--ds-shadow-md);transform:translateY(-1px)}.dst-tpl-id{display:flex;align-items:center;gap:10px;min-width:0}.dst-tpl-icon{width:36px;height:36px;border-radius:var(--ds-radius-sm);display:inline-flex;align-items:center;justify-content:center;background:var(--ds-brand-soft);color:var(--ds-brand);flex-shrink:0}.dst-tpl-icon.is-info{background:#3b82f61f;color:#2563eb}.dst-tpl-icon.is-warning{background:#f59e0b24;color:#b45309}.dst-tpl-icon.is-success{background:#10b9811f;color:var(--ds-success)}.dst-tpl-icon.is-secondary{background:var(--ds-secondary-soft);color:var(--ds-secondary-600)}.dst-tpl-icon.is-admin{background:#f59e0b24;color:var(--ds-warning)}[data-dark=true] .dst-tpl-icon.is-info{color:#93c5fd}[data-dark=true] .dst-tpl-icon.is-warning{color:#fbbf24}.dst-tpl-text{display:flex;flex-direction:column;gap:2px;min-width:0}.dst-tpl-name{font-size:.95rem;font-weight:700;color:var(--ds-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dst-tpl-slug{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.74rem;color:var(--ds-secondary-600);direction:ltr;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dst-tpl-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.78rem;color:var(--ds-text-soft)}.dst-tpl-meta-item{display:inline-flex;align-items:center;gap:5px}.dst-tpl-meta-item svg{font-size:.78rem}.dst-tpl-actions{display:inline-flex;align-items:center;gap:6px}@media (max-width: 767.98px){.dst-tpl-row{grid-template-columns:1fr;gap:10px}.dst-tpl-actions{width:100%;justify-content:flex-end}}.dst-soft-notice{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px dashed var(--ds-border);background:var(--ds-surface-2);color:var(--ds-text-muted);border-radius:var(--ds-radius-md);font-size:.84rem}.dst-soft-notice svg{color:var(--ds-warning);flex-shrink:0}.dst-soft-notice button{margin-inline-start:auto;background:var(--ds-surface);border:1px solid var(--ds-border);color:var(--ds-text);border-radius:var(--ds-radius-pill);padding:6px 12px;font-family:inherit;font-size:.8rem;font-weight:700;cursor:pointer}.dst-soft-notice button:hover{background:var(--ds-brand-soft);color:var(--ds-brand);border-color:var(--ds-brand)}.dst-hero-missing{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:60px 24px;background:var(--ds-surface);border:1px dashed var(--ds-border);border-radius:var(--ds-radius-lg)}.dst-hero-missing-icon{width:96px;height:96px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#f59e0b24;color:var(--ds-warning);font-size:2.4rem}.dst-hero-missing h3{margin:0;font-size:1.2rem;font-weight:800;color:var(--ds-text)}.dst-hero-missing p{margin:0;max-width:460px;font-size:.92rem;color:var(--ds-text-muted);line-height:1.7}.dst-hero-missing code{display:inline-block;padding:8px 14px;border-radius:var(--ds-radius-pill);background:var(--ds-surface-3);color:var(--ds-text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;direction:ltr}.dst-modal{width:100%;max-width:920px;max-height:92vh;background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-xl);box-shadow:var(--ds-shadow-xl);display:flex;flex-direction:column;overflow:hidden;animation:dstPop .22s var(--ds-ease)}@keyframes dstPop{0%{transform:translateY(14px) scale(.985);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.dst-modal-cover{position:relative;display:flex;align-items:center;gap:16px;padding:18px 20px;background:radial-gradient(120% 140% at 100% 0%,var(--ds-brand-soft) 0%,transparent 55%),linear-gradient(135deg,var(--ds-surface-2) 0%,var(--ds-surface-3) 100%);border-bottom:1px solid var(--ds-border-soft)}.dst-modal-cover-thumb{width:64px;height:64px;border-radius:var(--ds-radius-md);background:linear-gradient(135deg,var(--ds-brand),var(--ds-brand-700));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0;overflow:hidden;box-shadow:var(--ds-shadow-sm)}.dst-modal-cover-thumb img{width:100%;height:100%;object-fit:cover}.dst-modal-cover-text{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.dst-modal-cover-eyebrow{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--ds-radius-pill);background:var(--ds-surface);color:var(--ds-secondary-600);font-size:.7rem;font-weight:800;letter-spacing:.04em}.dst-modal-cover-name{margin:0;font-size:1.1rem;font-weight:800;color:var(--ds-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dst-modal-cover-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.74rem;color:var(--ds-text-soft);direction:ltr;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dst-steps{display:flex;align-items:stretch;gap:8px;padding:12px 20px;border-bottom:1px solid var(--ds-border-soft);background:var(--ds-surface);overflow-x:auto;scrollbar-width:none}.dst-steps::-webkit-scrollbar{display:none}.dst-step{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid transparent;background:transparent;border-radius:var(--ds-radius-pill);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:700;color:var(--ds-text-muted);white-space:nowrap;transition:all var(--ds-dur-fast) var(--ds-ease)}.dst-step:hover{background:var(--ds-surface-2);color:var(--ds-text)}.dst-step.is-active{background:var(--ds-brand-soft);border-color:var(--ds-brand);color:var(--ds-brand)}.dst-step-num{width:22px;height:22px;border-radius:50%;background:var(--ds-surface-3);color:var(--ds-text-muted);display:inline-flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:800;flex-shrink:0}.dst-step.is-active .dst-step-num{background:var(--ds-brand);color:#fff}.dst-modal-scroll{overflow-y:auto;padding:22px 24px;display:flex;flex-direction:column;gap:22px;flex:1;min-height:0}.dst-msection{display:flex;flex-direction:column;gap:14px}.dst-msection-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.dst-msection-title{margin:0;font-size:1rem;font-weight:800;color:var(--ds-text)}.dst-msection-sub{font-size:.82rem;color:var(--ds-text-soft);line-height:1.6}.dst-slug-preview{margin-top:6px;display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--ds-radius-pill);background:var(--ds-surface-3);color:var(--ds-secondary-600);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;direction:ltr}.dst-slug-preview svg{color:var(--ds-brand);font-size:.78rem}.dst-chip-group{display:flex;gap:8px;flex-wrap:wrap}.dst-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--ds-radius-pill);border:1px solid var(--ds-border);background:var(--ds-surface);color:var(--ds-text-muted);font-family:inherit;font-size:.82rem;font-weight:600;cursor:pointer;transition:all var(--ds-dur-fast) var(--ds-ease)}.dst-chip:hover{background:var(--ds-surface-3);color:var(--ds-text)}.dst-chip.is-active{background:var(--ds-brand-soft);border-color:var(--ds-brand);color:var(--ds-brand)}.dst-fields-table{display:flex;flex-direction:column;gap:8px}.dst-field-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr) auto auto;gap:10px;padding:10px 12px;background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);align-items:center;transition:border-color var(--ds-dur-fast) var(--ds-ease)}.dst-field-row:hover{border-color:var(--ds-secondary)}.dst-field-row.is-warning{border-color:var(--ds-warning);background:#f59e0b0a}.dst-field-key{display:inline-flex;align-items:center;gap:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;padding:4px 10px;border-radius:var(--ds-radius-sm);background:var(--ds-surface-3);color:var(--ds-text-muted);direction:ltr;border:1px solid var(--ds-border-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:all var(--ds-dur-fast) var(--ds-ease)}.dst-field-key:hover{background:var(--ds-brand-soft);color:var(--ds-brand);border-color:var(--ds-brand)}.dst-field-key svg{font-size:.7rem;flex-shrink:0}.dst-field-input{width:100%;height:36px;padding:0 12px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-surface-2);color:var(--ds-text);font-family:inherit;font-size:.86rem;outline:none;transition:all var(--ds-dur-fast) var(--ds-ease)}.dst-field-input:focus{background:var(--ds-surface);border-color:var(--ds-brand);box-shadow:0 0 0 3px var(--ds-brand-soft)}select.dst-field-input{appearance:none;-webkit-appearance:none;padding-inline-start:28px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%238f9488' d='M5 6 0 0h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center;cursor:pointer}.dst-required-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-pill);background:var(--ds-surface);font-size:.78rem;font-weight:600;color:var(--ds-text-muted);cursor:pointer;transition:all var(--ds-dur-fast) var(--ds-ease);white-space:nowrap}.dst-required-toggle.is-on{background:var(--ds-brand-soft);border-color:var(--ds-brand);color:var(--ds-brand)}.dst-required-toggle svg{font-size:.78rem}.dst-reorder{display:inline-flex;flex-direction:column;gap:2px}.dst-reorder button{width:26px;height:18px;border:1px solid var(--ds-border);background:var(--ds-surface-2);color:var(--ds-text-muted);border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:.66rem}.dst-reorder button:disabled{opacity:.4;cursor:not-allowed}.dst-reorder button:hover:not(:disabled){border-color:var(--ds-brand);color:var(--ds-brand)}.dst-field-warn{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;margin-inline-start:8px;border-radius:var(--ds-radius-pill);background:#f59e0b24;color:#b45309;font-size:.7rem;font-weight:700}[data-dark=true] .dst-field-warn{color:#fbbf24}@media (max-width: 991.98px){.dst-field-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-rows:auto}.dst-field-row>.dst-field-key{grid-column:1 / -1}.dst-field-row>.dst-required-toggle,.dst-field-row>.dst-reorder{grid-column:auto}}.dst-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;background:var(--ds-surface-2);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md)}.dst-toggle-text{display:flex;flex-direction:column;gap:4px;min-width:0}.dst-toggle-name{font-weight:700;color:var(--ds-text);font-size:.9rem}.dst-toggle-help{font-size:.78rem;color:var(--ds-text-soft)}.dst-switch{position:relative;width:42px;height:24px;flex-shrink:0;border-radius:var(--ds-radius-pill);background:var(--ds-surface-3);border:1px solid var(--ds-border);cursor:pointer;transition:background-color var(--ds-dur-fast) var(--ds-ease)}.dst-switch:after{content:"";position:absolute;top:2px;inset-inline-end:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--ds-shadow-sm);transition:inset-inline var(--ds-dur-fast) var(--ds-ease)}.dst-switch.is-on{background:var(--ds-brand);border-color:var(--ds-brand)}.dst-switch.is-on:after{inset-inline-end:calc(100% - 20px)}.dst-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px}.dst-icon-pick{display:inline-flex;align-items:center;justify-content:center;height:56px;border:1px solid var(--ds-border);background:var(--ds-surface);color:var(--ds-text-muted);border-radius:var(--ds-radius-md);font-size:1.1rem;cursor:pointer;transition:all var(--ds-dur-fast) var(--ds-ease)}.dst-icon-pick:hover{border-color:var(--ds-brand);color:var(--ds-brand);background:var(--ds-brand-softer)}.dst-icon-pick.is-active{border-color:var(--ds-brand);color:#fff;background:var(--ds-brand);box-shadow:0 4px 12px var(--ds-brand-soft)}.dst-color-grid{display:flex;gap:8px;flex-wrap:wrap}.dst-color-pick{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--ds-radius-pill);border:1px solid var(--ds-border);background:var(--ds-surface);color:var(--ds-text-muted);font-family:inherit;font-size:.82rem;font-weight:700;cursor:pointer;transition:all var(--ds-dur-fast) var(--ds-ease)}.dst-color-pick:before{content:"";width:14px;height:14px;border-radius:50%;background:var(--swatch, var(--ds-brand));box-shadow:0 0 0 2px var(--ds-surface),0 0 0 3px var(--ds-border)}.dst-color-pick:hover{color:var(--ds-text)}.dst-color-pick.is-active{background:var(--ds-surface-2);border-color:var(--ds-brand);color:var(--ds-text)}.dst-preview-wrap{display:flex;align-items:center;justify-content:center;padding:24px;background:repeating-linear-gradient(45deg,var(--ds-surface-2),var(--ds-surface-2) 10px,var(--ds-surface-3) 10px,var(--ds-surface-3) 11px);border:1px dashed var(--ds-border);border-radius:var(--ds-radius-md)}.dst-preview-wrap .app-card{width:220px}.dst-modal-footer{display:flex;align-items:center;gap:10px;padding:14px 20px calc(14px + env(safe-area-inset-bottom));background:var(--ds-surface);border-top:1px solid var(--ds-border-soft)}.dst-dirty-note{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:var(--ds-warning);font-weight:600;margin-inline-end:auto}.dst-dirty-note svg{font-size:.78rem}.dst-delete-modal{width:100%;max-width:460px;background:var(--ds-surface);border-radius:var(--ds-radius-xl);border:1px solid var(--ds-border);box-shadow:var(--ds-shadow-xl);padding:22px 22px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;animation:dstPop .22s var(--ds-ease)}.dst-delete-icon{width:56px;height:56px;border-radius:50%;background:#ef44441f;color:var(--ds-danger);display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem}.dst-delete-modal h3{margin:0;font-size:1.1rem;font-weight:800;color:var(--ds-text)}.dst-delete-modal p{margin:0;font-size:.88rem;color:var(--ds-text-muted);line-height:1.7}.dst-delete-confirm-input{width:100%;height:42px;padding:0 14px;border:1px solid var(--ds-border);background:var(--ds-surface-2);border-radius:var(--ds-radius-sm);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92rem;color:var(--ds-text);direction:ltr;outline:none;transition:all var(--ds-dur-fast) var(--ds-ease)}.dst-delete-confirm-input:focus{border-color:var(--ds-danger);box-shadow:0 0 0 3px #ef44442e}@media (max-width: 767.98px){.dst-modal{max-width:100%;width:100%;height:100vh;max-height:100vh;border-radius:0;border:none}.dst-modal-cover{padding:14px 16px}.dst-modal-cover-thumb{width:52px;height:52px}.dst-modal-cover-name{font-size:1rem}.dst-steps{padding:10px 14px}.dst-modal-scroll{padding:18px 16px}.dst-modal-footer{padding:12px 14px calc(12px + env(safe-area-inset-bottom));flex-wrap:wrap}.dst-modal-footer .nh-cta,.dst-modal-footer .dsx-btn{flex:1;justify-content:center}.dst-dirty-note{width:100%}.dst-delete-modal{max-width:100%;border-radius:var(--ds-radius-xl) var(--ds-radius-xl) 0 0;margin-top:auto}}.dst-skel-list{display:flex;flex-direction:column;gap:10px}.dst-skel-row{height:56px;border-radius:var(--ds-radius-md);background:linear-gradient(90deg,var(--ds-surface-3) 0%,var(--ds-surface-2) 50%,var(--ds-surface-3) 100%);background-size:200% 100%;animation:dstShimmer 1.4s linear infinite}@keyframes dstShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dst-overlay{position:fixed;inset:0;z-index:1000;background:#0b15139e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;animation:dstFade .18s var(--ds-ease)}@keyframes dstFade{0%{opacity:0}to{opacity:1}}@media (max-width: 767.98px){.dst-overlay{padding:0;align-items:stretch}}