:root{--color-primary: #004737;--color-primary-hover: #00c89a;--color-primary-light: rgba(0, 71, 55, .08);--color-accent: #00c89a;--color-gold: #D4A843;--color-dark: #15161A;--color-gray-dark: #47474A;--color-gray: #76767A;--color-gray-light: #e8ebe9;--color-surface: #f0fdff;--color-white: #ffffff;--topbar-bg: #1e1e1e;--topbar-color: #ffffff;--topbar-hover: #00c89a;--header-bg: #ffffff;--header-height: 72px;--font-main: "Plus Jakarta Sans", Arial, sans-serif;--font-arabic: "Amiri", serif;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(0,71,55,.12);--shadow-lg: 0 8px 32px rgba(0,71,55,.15);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--transition: all .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-main);background-color:var(--color-surface);color:var(--color-dark);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--color-accent)}img{max-width:100%}.topbar{background-color:var(--topbar-bg);height:34px;display:flex;align-items:center;width:100%;z-index:100}.topbar .container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1140px;margin:0 auto;padding:0 15px}.topbar-links{display:flex;gap:20px;list-style:none}.topbar-links a{color:var(--topbar-color);font-size:12px;line-height:34px}.topbar-links a:hover{color:var(--topbar-hover)}.topbar-social{display:flex;gap:16px;list-style:none}.topbar-social a{color:var(--topbar-color);font-size:13px}.topbar-social a:hover{color:var(--topbar-hover)}.site-header{background:var(--header-bg);height:var(--header-height);box-shadow:0 2px 8px #0000000f;position:sticky;top:0;z-index:90}.header-inner{max-width:1140px;margin:0 auto;padding:0 15px;height:100%;display:flex;align-items:center;justify-content:space-between}.site-logo{display:flex;align-items:center;gap:12px}.site-logo img{height:44px;width:auto}.site-logo-text{display:flex;flex-direction:column}.site-logo-text .title{font-size:13px;font-weight:700;color:var(--color-primary);line-height:1.2}.site-logo-text .subtitle{font-size:10px;color:var(--color-gray);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.main-nav{display:flex;gap:4px}.nav-link{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:var(--color-dark);text-transform:uppercase;letter-spacing:.3px;transition:var(--transition)}.nav-link:hover{color:var(--color-primary);background:var(--color-primary-light)}.nav-link.active{color:var(--color-white);background:var(--color-primary)}.nav-link i{font-size:14px}.container{max-width:1140px;margin:0 auto;padding:0 15px}.page-content{min-height:calc(100vh - 34px - var(--header-height) - 120px);padding:32px 0 60px}.card{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid rgba(0,71,55,.08);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-md);border-color:#00473726}.card-header{padding:20px 24px 16px;border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;gap:10px}.card-header h2{font-size:15px;font-weight:700;color:var(--color-dark)}.card-header .icon{width:32px;height:32px;background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:14px}.card-body{padding:20px 24px}.stat-card{background:var(--color-white);border-radius:var(--radius-md);padding:20px 24px;box-shadow:var(--shadow-sm);border:1px solid rgba(0,71,55,.06);display:flex;flex-direction:column}.stat-value{font-size:36px;font-weight:800;color:var(--color-primary);line-height:1}.stat-label{font-size:13px;color:var(--color-gray);margin-top:4px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);font-family:var(--font-main);font-size:14px;font-weight:600;cursor:pointer;border:none;transition:var(--transition);text-decoration:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:#005f49;color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:#fff}.btn-accent{background:var(--color-accent);color:#fff}.btn-accent:hover{background:#00a07c;color:#fff;transform:translateY(-1px)}.btn-sm{padding:6px 14px;font-size:13px}.btn-lg{padding:14px 28px;font-size:15px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.form-label{font-size:13px;font-weight:600;color:var(--color-dark)}.form-label .required{color:#e53e3e;margin-left:2px}.form-label .hint{font-weight:400;color:var(--color-gray);font-size:12px;margin-left:6px}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;border:1.5px solid var(--color-gray-light);border-radius:var(--radius-sm);font-family:var(--font-main);font-size:14px;color:var(--color-dark);background:var(--color-white);transition:var(--transition);outline:none;-webkit-appearance:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0047371a}.form-input::placeholder{color:#aaa}.form-textarea{resize:vertical;min-height:100px}.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.radio-group,.check-group{display:flex;flex-wrap:wrap;gap:10px}.radio-item,.check-item{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1.5px solid var(--color-gray-light);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);font-size:13px;font-weight:500;-webkit-user-select:none;user-select:none}.radio-item:hover,.check-item:hover{border-color:var(--color-primary);color:var(--color-primary)}.radio-item input,.check-item input{accent-color:var(--color-primary)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.badge-green{background:#d4edda;color:#155724}.badge-yellow{background:#fff3cd;color:#856404}.badge-red{background:#f8d7da;color:#721c24}.badge-blue{background:#cce5ff;color:#004085}.badge-primary{background:var(--color-primary-light);color:var(--color-primary)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-title{font-size:18px;font-weight:700;color:var(--color-dark);display:flex;align-items:center;gap:10px}.section-title:before{content:"";display:block;width:4px;height:20px;background:var(--color-primary);border-radius:2px}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{background:var(--color-primary);color:#fff;padding:10px 14px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.3px}.data-table th:first-child{border-radius:var(--radius-sm) 0 0 0}.data-table th:last-child{border-radius:0 var(--radius-sm) 0 0}.data-table td{padding:10px 14px;border-bottom:1px solid rgba(0,0,0,.05);color:var(--color-gray-dark)}.data-table tr:hover td{background:var(--color-primary-light)}.data-table tr:last-child td{border-bottom:none}.site-footer{background:#1e1e1e;color:#ffffffb3;padding:20px 0;margin-top:60px;font-size:13px;text-align:center}.site-footer a{color:#ffffffb3}.site-footer a:hover{color:var(--color-accent)}@media (max-width: 768px){.main-nav .nav-link span,.site-logo-text,.topbar-links{display:none}.stat-value{font-size:28px}.card-header,.card-body{padding:16px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease both}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 1.5s ease infinite}.upload-zone{border:2px dashed var(--color-gray-light);border-radius:var(--radius-md);padding:24px;text-align:center;cursor:pointer;transition:var(--transition);background:#fafafa}.upload-zone:hover,.upload-zone.dragging{border-color:var(--color-primary);background:var(--color-primary-light)}.upload-zone .icon{font-size:32px;color:var(--color-gray);margin-bottom:8px}.upload-zone p{font-size:13px;color:var(--color-gray)}.step-bar{display:flex;align-items:center;gap:0;margin-bottom:32px;overflow-x:auto;padding:4px 0}.step-item{display:flex;align-items:center;flex:1;min-width:0}.step-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;transition:var(--transition);background:var(--color-gray-light);color:var(--color-gray)}.step-dot.done{background:var(--color-accent);color:#fff}.step-dot.active{background:var(--color-primary);color:#fff;box-shadow:0 0 0 4px #00473726}.step-label{font-size:11px;font-weight:600;color:var(--color-gray);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-label.active{color:var(--color-primary)}.step-line{flex:1;height:2px;background:var(--color-gray-light);margin:0 4px}.step-line.done{background:var(--color-accent)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}