@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&family=Cairo:wght@400;500;700;800&display=swap";
:root{--green-deep:#051e1a;--green-header:#083d35;--green-mid:#0a5046;--green-soft:#1b7a6d;--cream:#f3f0e6;--cream-card:#fffef9;--cream-input:#faf8f2;--gold:#c7a66b;--gold-hover:#d9be8e;--gold-border:#c7a66b73;--gold-glow:#c7a66b2e;--text:#0f2f28;--text-muted:#4f6b62;--text-soft:#7d948e;--border:#09423921;--border-strong:#09423938;--danger:#c0392b;--success:#176d4c;--warning:#9c6215;--shadow-card:0 8px 28px #09423917;--shadow-lift:0 16px 44px #09423926;--ease:cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--text);background-color:var(--cream);direction:rtl;padding-top:4.25rem;font-family:Tajawal,Cairo,system-ui,-apple-system,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}.site-header{z-index:50;background-blend-mode:soft-light;background-color:#094239;background-image:url(/topbar-bg.jpg);background-position:50%;background-repeat:repeat;background-size:500px;height:4.25rem;padding:0 24px;position:fixed;top:0;left:0;right:0;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.topbar-auth-placeholder{width:64px;height:34px;display:inline-flex}.header-overlay{mix-blend-mode:multiply;z-index:-1;background-color:#094239cc;position:absolute;inset:0}.header-inner{z-index:1;justify-content:space-between;align-items:center;gap:16px;width:100%;height:100%;margin:0 auto;display:flex;position:relative}.header-leading{align-items:center;gap:12px;min-width:0;display:flex}.header-brand{align-items:center;gap:12px;min-width:fit-content;display:flex}.header-logo{flex-shrink:0;justify-content:center;align-items:center;width:240px;height:68px;display:flex}.header-logo img{object-fit:contain;width:100%;height:100%;display:block}.topbar-login,.topbar-logout{color:#f7f3e8;cursor:pointer;transition:background .18s var(--ease), color .18s var(--ease), border-color .18s var(--ease);background:#ffffff0f;border:1px solid #c7a66b57;border-radius:999px;padding:8px 13px;font-weight:800}.topbar-login:hover,.topbar-logout:hover{background:var(--gold-hover);color:var(--green-deep);border-color:var(--gold-hover)}.header-actions{align-items:center;gap:10px;display:flex}.header-badge{border:1px solid var(--gold-border);color:var(--gold-hover);white-space:nowrap;background:#c7a66b2e;border-radius:999px;padding:5px 14px;font-size:12px;font-weight:700}.header-user{color:#f7f3e8e0;white-space:nowrap;font-size:13px;font-weight:700}.topbar-logout{box-shadow:none;min-height:auto;font-size:13px}.sidebar-toggle{border:1px solid var(--gold-border);width:42px;height:42px;min-height:42px;box-shadow:none;background:#ffffff12;border-radius:12px;align-content:center;justify-items:center;gap:4px;padding:0;display:grid}.sidebar-toggle span{width:18px;height:2px;transition:width .18s var(--ease);background:#fffaf0;border-radius:2px}.sidebar-toggle span:nth-child(2){width:13px}.sidebar-toggle:hover:not(:disabled){box-shadow:none;background:#c7a66b33;transform:none}.sidebar-toggle:focus-visible,.app-sidebar a:focus-visible,.sidebar-scrim:focus-visible{outline:3px solid var(--gold-hover);outline-offset:2px}.app-content{min-height:calc(100vh - 4.25rem);transition:margin-right .24s var(--ease)}.app-content.with-sidebar{margin-right:272px}.app-content.with-sidebar.sidebar-collapsed{margin-right:82px}.app-sidebar{z-index:45;color:#fffaf0;width:272px;transition:width .24s var(--ease), transform .24s var(--ease);background:#072f29;border-left:1px solid #c7a66b47;flex-direction:column;padding:20px 14px 14px;display:flex;position:fixed;top:4.25rem;bottom:0;right:0;overflow:hidden auto;box-shadow:-12px 0 32px #051e1a1f}.sidebar-heading{border-bottom:1px solid #c7a66b38;align-items:center;gap:12px;min-height:60px;padding:4px 8px 17px;display:flex}.sidebar-heading-mark{background:var(--gold);width:38px;height:38px;color:var(--green-deep);border-radius:11px;flex:0 0 38px;place-items:center;font:800 20px Cairo,sans-serif;display:grid;box-shadow:0 8px 18px #0003}.sidebar-heading-copy,.sidebar-account-copy{white-space:nowrap;min-width:0;transition:opacity .14s var(--ease);line-height:1.45;display:grid}.sidebar-heading-copy strong{font-size:15px}.sidebar-heading-copy small,.sidebar-account-copy small{color:#f7f3e88f;font-size:11px}.sidebar-nav{gap:7px;padding:20px 0;display:grid}.sidebar-nav a{color:#fffaf0c2;white-space:nowrap;min-height:50px;transition:color .18s var(--ease), background .18s var(--ease), transform .18s var(--ease);border-radius:12px;align-items:center;gap:13px;padding:10px 13px;font-weight:700;display:flex;position:relative}.sidebar-nav a:before{content:"";background:0 0;border-radius:3px 0 0 3px;width:3px;position:absolute;top:12px;bottom:12px;right:-14px}.sidebar-nav a:hover{color:#fffaf0;background:#ffffff12;transform:translate(-2px)}.sidebar-nav a.active{color:var(--green-deep);background:linear-gradient(135deg, var(--gold), var(--gold-hover));box-shadow:0 8px 20px #00000029}.sidebar-nav a.active:before{background:#fff5da}.sidebar-nav svg{fill:currentColor;stroke:currentColor;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 22px;width:22px;height:22px}.sidebar-account{border-top:1px solid #c7a66b38;align-items:center;gap:11px;min-height:62px;margin-top:auto;padding:12px 10px 2px;display:flex}.sidebar-avatar{border:1px solid var(--gold-border);width:38px;height:38px;color:var(--gold-hover);background:#c7a66b2b;border-radius:50%;flex:0 0 38px;place-items:center;font-weight:900;display:grid}.sidebar-account-copy strong{text-overflow:ellipsis;font-size:13px;overflow:hidden}.app-sidebar.collapsed{width:82px;padding-inline:12px}.app-sidebar.collapsed .sidebar-heading{padding-inline:9px}.app-sidebar.collapsed .sidebar-heading-copy,.app-sidebar.collapsed .sidebar-account-copy,.app-sidebar.collapsed .sidebar-nav a span{opacity:0;width:0;overflow:hidden}.app-sidebar.collapsed .sidebar-nav a{gap:0;padding-inline:17px}.app-sidebar.collapsed .sidebar-account{padding-inline:10px}.sidebar-scrim{display:none}.container{max-width:1180px;margin:0 auto;padding:36px 20px 60px}.narrow-container{max-width:720px}.auth-container{max-width:1060px}.hero{background-blend-mode:soft-light;color:#f7f3e8;border:1px solid var(--gold-border);box-shadow:var(--shadow-lift);z-index:0;background-color:#094239;background-image:url(/topbar-bg.jpg);background-position:50%;background-repeat:repeat;background-size:500px;border-radius:18px;margin-bottom:24px;padding:38px 36px;position:relative;overflow:hidden}.hero h1{color:#fffaf0;margin:0 0 14px;font-size:clamp(26px,4.5vw,44px);font-weight:800;line-height:1.3}.hero p{color:#f7f3e8db;max-width:760px;margin:0;font-size:15px;line-height:1.85}.hero-accent-line{background:linear-gradient(90deg, var(--gold), transparent);border-radius:2px;width:64px;height:3px;margin:0 0 14px}.card{background:var(--cream-card);border:1px solid var(--border-strong);box-shadow:var(--shadow-card);border-radius:16px;margin-bottom:20px;padding:26px}.center-card{text-align:center}.card h2{color:var(--green-header);align-items:center;gap:10px;margin:0 0 20px;font-size:19px;font-weight:800;display:flex}.card h2:before{content:"";background:var(--gold);border-radius:2px;flex-shrink:0;width:4px;height:22px;display:inline-block}.section-head{flex-flow:column wrap;place-content:flex-start space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.inline-head{flex-direction:row;align-items:center}.section-head h2{margin-bottom:0}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.full-width{grid-column:1/-1}label{color:var(--text);gap:7px;font-size:14px;font-weight:800;display:grid}input,textarea,select{border:1px solid var(--border-strong);width:100%;font:inherit;background:var(--cream-input);color:var(--text);transition:border-color .2s var(--ease), box-shadow .2s var(--ease);border-radius:10px;outline:none;padding:11px 14px;font-size:14px}input:focus,textarea:focus,select:focus{border-color:#c7a66bb3;box-shadow:0 0 0 3px #c7a66b2e}textarea{resize:vertical;min-height:105px;line-height:1.75}button,.download,.btn{background:linear-gradient(135deg, var(--green-header), var(--green-mid));color:#f7f3e8;font:inherit;cursor:pointer;text-align:center;transition:transform .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease);border:1px solid #c7a66b4d;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-size:15px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 4px 14px #083d3540}button:hover:not(:disabled),.download:hover,.btn:hover{background:linear-gradient(135deg, var(--green-mid), var(--green-soft));transform:translateY(-1px);box-shadow:0 8px 22px #083d3552}button:disabled{opacity:.58;cursor:not-allowed}button.gold,.btn.gold{background:linear-gradient(135deg, var(--gold), var(--gold-hover));color:var(--green-deep);border-color:#c7a66b80;font-weight:900}button.gold:hover:not(:disabled),.btn.gold:hover{background:linear-gradient(135deg, var(--gold-hover), #e8d0a0);color:var(--green-deep)}.btn.secondary{background:var(--cream-card);color:var(--green-header);border-color:var(--border-strong);box-shadow:none;font-weight:900}.btn.secondary:hover{color:var(--green-header);background:#c7a66b1f;box-shadow:0 8px 22px #083d351f}.button-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:18px;display:flex}.compact-actions{justify-content:flex-start}.helper-text{color:var(--text-muted);margin:14px 0 0;font-size:14px}.divider{border-top:1px solid var(--gold-border);margin:22px 0}.field-error{color:var(--danger);font-size:12px;font-weight:800}.alert{border-radius:12px;margin-bottom:16px;padding:13px 15px;font-weight:800}.alert.danger{color:var(--danger);background:#fff1ef;border:1px solid #c0392b38}.alert.success{color:var(--success);background:#eef9f3;border:1px solid #176d4c38}.alert.warning{color:var(--warning);background:#fff7e9;border:1px solid #9c621538;padding-inline-end:44px;position:relative}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.toast{inset-inline-end:22px;z-index:180;border-radius:12px;max-width:min(420px,100vw - 28px);padding:13px 17px;font-weight:800;position:fixed;top:86px;box-shadow:0 16px 38px #051e1a33}.success-toast{color:var(--success);background:#f0faf5;border:1px solid #176d4c47}.alert-dismiss{inset-inline-end:8px;color:currentColor;width:30px;min-height:30px;box-shadow:none;background:0 0;border:0;border-radius:50%;padding:0;font-size:20px;position:absolute;top:50%;translate:0 -50%}.alert-dismiss:hover:not(:disabled){box-shadow:none;background:#9c621517;transform:none}.preview-overlay{z-index:120;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#031815b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.preview-dialog{background:var(--cream-card);border:1px solid var(--gold-border);border-radius:20px;grid-template-rows:auto 1fr auto;width:min(100%,1080px);height:min(92vh,900px);display:grid;overflow:hidden;box-shadow:0 28px 80px #00000059}.preview-header,.preview-actions{background:var(--green-header);color:#fffaf0;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.preview-header div{min-width:0;line-height:1.35;display:grid}.preview-header span{color:var(--gold-hover);font-size:12px;font-weight:800}.preview-header strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-close{width:40px;height:40px;min-height:40px;box-shadow:none;background:#ffffff14;border-radius:50%;padding:0;font-size:26px}.preview-canvas{background:#d8d5cc;min-height:0;padding:14px}.preview-canvas iframe{background:#fff;border:0;border-radius:10px;width:100%;height:100%;display:block}.preview-actions{background:var(--cream-card);border-top:1px solid var(--border);justify-content:flex-end}.preview-actions .btn{width:auto;min-width:150px}.download-error{align-items:center;display:inline-flex}.template-workshop{background:var(--cream-card);box-shadow:var(--shadow-lift);border:1px solid #c7a66b5c;border-radius:20px;grid-template-columns:minmax(240px,.72fr) minmax(0,1.8fr);gap:0;margin-bottom:24px;display:grid;overflow:hidden}.workshop-intro{color:#fffaf0;background:linear-gradient(155deg,#062d27,#0a5046);padding:30px 26px;position:relative;overflow:hidden}.workshop-intro:after{content:"{{ }}";color:#c7a66b1a;direction:ltr;font:800 96px/1 Cairo,sans-serif;position:absolute;bottom:-42px;left:-18px}.workshop-kicker{border:1px solid var(--gold-border);color:var(--gold-hover);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900;display:inline-flex}.workshop-intro h2{color:#fffaf0;margin:18px 0 8px;font-size:27px}.workshop-intro p{color:#fffaf0b8;margin:0;font-size:14px}.template-workshop.editing{border-color:#c7a66bb8;box-shadow:0 20px 48px #062d2729}.version-note{border-right:3px solid var(--gold);background:#ffffff14;gap:3px;margin-top:18px;padding:12px 14px;display:grid}.version-note strong{color:#fff4d6;font-size:13px}.version-note span{color:#fffaf0b8;font-size:12px}.template-rule{z-index:1;background:#ffffff12;border:1px solid #c7a66b3d;border-radius:14px;gap:7px;margin-top:28px;padding:16px;display:grid;position:relative}.template-rule span{color:#fffaf0ad;font-size:12px}.template-rule code,.field-builder-tools code{color:#f2d89e;text-align:left;direction:ltr;unicode-bidi:isolate;background:#051e1a57;border-radius:8px;padding:8px 10px;font-family:ui-monospace,Consolas,monospace}.workshop-form{min-width:0;padding:26px}.template-upload{border:1px dashed var(--gold);background:#c7a66b12;border-radius:12px;padding:14px}.template-upload small{color:var(--text-muted);font-weight:500}.field-builder-head{border-top:1px solid var(--border);justify-content:space-between;align-items:end;gap:12px;margin:26px 0 12px;padding-top:20px;display:flex}.field-builder-head span{color:var(--gold);font-size:12px;font-weight:900}.field-builder-head h3{margin:0;font-size:20px}.field-builder-head .btn{width:auto;padding:10px 16px}.field-builder-list{gap:12px;display:grid}.field-builder-row{border:1px solid var(--border);background:var(--cream-input);border-radius:14px;grid-template-columns:42px minmax(0,1fr) auto;align-items:start;gap:14px;padding:16px;display:grid}.field-sequence{background:var(--green-header);width:38px;height:38px;color:var(--gold-hover);border-radius:11px;place-items:center;font:800 13px ui-monospace,monospace;display:grid}.field-builder-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.required-toggle{border:1px solid var(--border);background:#fff;border-radius:10px;align-self:end;align-items:center;gap:8px;min-height:45px;padding:0 10px;display:flex}.required-toggle input{width:18px;min-height:18px;accent-color:var(--green-mid)}.field-builder-tools{gap:9px;min-width:170px;display:grid}.field-builder-tools code{color:var(--green-header);border:1px solid var(--gold-border);background:#c7a66b21;font-size:12px}.remove-field{min-height:34px;color:var(--danger);box-shadow:none;background:0 0;border-color:#c0392b3d;padding:7px 10px;font-size:12px}.remove-field:hover:not(:disabled){color:var(--danger);box-shadow:none;background:#fff1ef;transform:none}.workshop-submit{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding-top:18px;display:flex}.workshop-submit p{color:var(--text-muted);margin:0;font-size:13px}.type-card-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.type-card-title h2{margin:0}.template-version-stamp{width:fit-content;color:var(--green-700);background:#c7a66b1a;border:1px solid #c7a66b61;border-radius:999px;margin-top:10px;padding:4px 9px;font-size:11px;font-weight:900}.template-updated{color:var(--text-muted);margin:8px 0 0;font-size:12px}.admin-command-bar{border:1px solid var(--border-strong);background:var(--cream-card);box-shadow:var(--shadow-card);border-radius:15px;grid-template-columns:minmax(280px,1.25fr) minmax(390px,1fr) auto;align-items:center;gap:12px;margin-bottom:18px;padding:14px;display:grid}.user-search,.user-filters{align-items:center;gap:8px;display:flex}.user-search input{min-width:0}.user-search button,.add-user-button{white-space:nowrap;width:auto}.user-filters select{min-width:0;font-size:13px}.user-form-card{border-top:4px solid var(--gold)}.section-kicker{color:var(--gold);font-size:12px;font-weight:900}.user-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.password-tools{flex-wrap:wrap;align-items:center;gap:9px;margin-top:12px;display:flex}.password-tools .btn{width:auto;min-height:38px;padding:8px 13px}.password-tools span{color:var(--text-muted);font-size:12px}.list-summary{color:var(--text-muted);align-items:baseline;gap:7px;margin:8px 3px 10px;display:flex}.list-summary strong{color:var(--green-header);font-size:21px}.users-table{min-width:1080px}.user-identity{text-align:right;align-items:center;gap:10px;min-width:260px;display:flex}.user-identity>span:last-child{min-width:0;display:grid}.user-identity small{color:var(--text-muted);text-overflow:ellipsis;font-size:11px;overflow:hidden}.table-avatar{background:var(--green-header);width:38px;height:38px;color:var(--gold-hover);border-radius:50%;flex:0 0 38px;place-items:center;font-weight:900;display:grid}.row-actions{justify-content:center;gap:6px;display:flex}.row-actions .secondary{color:var(--green-header);border-color:var(--border-strong);background:#fff}.danger-button{color:#fff;background:linear-gradient(135deg,#a93127,#c84a3d);border-color:#801a1347}.danger-button:hover:not(:disabled){background:linear-gradient(135deg,#8e261e,#b63c31)}.success-button{color:#fff;background:linear-gradient(135deg,#176d4c,#208861)}.empty-cell strong,.empty-cell span{display:block}.empty-cell span{margin-top:4px;font-size:12px;font-weight:500}.pagination-bar{justify-content:center;align-items:center;gap:14px;margin-top:15px;display:flex}.pagination-bar .btn{width:auto;min-width:100px}.pagination-bar span{color:var(--text-muted);font-weight:800}.report-command-bar{border:1px solid var(--border-strong);background:var(--cream-card);box-shadow:var(--shadow-card);border-radius:15px;gap:12px;margin-bottom:18px;padding:15px;display:grid}.report-search{grid-template-columns:minmax(220px,1fr) auto;gap:9px;display:grid}.report-search .btn,.clear-filters{white-space:nowrap;width:auto}.report-filters{grid-template-columns:repeat(4,minmax(145px,1fr));align-items:end;gap:9px;display:grid}.report-filters select,.report-filters input{min-width:0;font-size:13px}.date-filter{color:var(--text-muted);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;font-size:12px;display:grid}.reports-list-card{box-shadow:none;background:0 0;border:0;padding:0}.reports-list-card>.section-head{padding:18px 4px 4px}.reports-table{min-width:1240px}.report-identity{text-align:right;min-width:235px}.report-identity strong,.report-identity span,.owner-name,.owner-handle{display:block}.report-identity span,.owner-handle{color:var(--text-muted);margin-top:4px;font-size:11px}.file-actions{justify-content:center;gap:6px;display:flex}.profile-layout{grid-template-columns:minmax(230px,.32fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.profile-summary-card{border:1px solid var(--border-strong);background:var(--cream-card);box-shadow:var(--shadow-card);text-align:center;border-radius:16px;justify-items:center;padding:28px 18px;display:grid;position:sticky;top:88px}.profile-avatar{border:3px solid var(--gold);background:var(--green-header);width:92px;height:92px;color:var(--gold-hover);border-radius:50%;place-items:center;font-size:28px;font-weight:900;display:grid;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-summary-card h2{margin:15px 0 3px;font-size:20px}.profile-summary-card>p{color:var(--text-muted);margin:0 0 13px}.profile-summary-card dl{border-top:1px solid var(--border);text-align:right;gap:9px;width:100%;margin:22px 0 0;padding-top:16px;display:grid}.profile-summary-card dl div{justify-content:space-between;gap:12px;display:flex}.profile-summary-card dt{color:var(--text-muted);font-size:12px}.profile-summary-card dd{margin:0;font-size:12px;font-weight:800}.profile-forms{min-width:0}.profile-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-password-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.form-note{color:var(--text-muted);font-size:12px;line-height:1.8}.remove-avatar,.show-passwords{width:fit-content;color:var(--text-muted);align-items:center;gap:8px;margin-top:12px;font-size:13px;display:flex}.remove-avatar input,.show-passwords input{width:18px;min-height:18px;accent-color:var(--green-mid)}.form-actions{border-top:1px solid var(--border);justify-content:flex-end;margin-top:17px;padding-top:15px;display:flex}.form-actions button{width:auto}.security-card,.report-editor{border-top:4px solid var(--gold)}.editor-actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding-top:17px;display:flex}.editor-actions p{color:var(--text-muted);margin:0;font-size:12px}.editor-actions>div,.status-pair{align-items:center;gap:9px;display:flex}.editor-actions button{width:auto}.analytics-toolbar{border:1px solid var(--border-strong);background:var(--cream-card);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px;padding:13px 16px;display:flex}.analytics-toolbar>div{display:grid}.analytics-toolbar select{width:170px}.analytics-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.metric-card{border:1px solid var(--gold-border);background:linear-gradient(145deg, var(--cream-card), #c7a66b1a);min-height:128px;box-shadow:var(--shadow-card);border-radius:15px;padding:17px;position:relative;overflow:hidden}.metric-card:after{content:"";inset-inline-end:-25px;border:18px solid #c7a66b1c;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-42px}.metric-card span,.metric-card small{color:var(--text-muted);font-size:12px;display:block}.metric-card strong{color:var(--green-header);margin:7px 0 3px;font-size:30px;display:block}.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.trend-card{grid-column:1/-1}.trend-chart{margin:0}.trend-chart svg{width:100%;height:220px;overflow:visible}.chart-axis{stroke:var(--border-strong);stroke-width:1px}.chart-line{fill:none;stroke:var(--gold);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.chart-point{fill:var(--green-header);stroke:var(--cream-card);stroke-width:3px}.trend-chart figcaption{color:var(--text-muted);justify-content:space-between;font-size:11px;display:flex}.rank-bars{gap:14px;display:grid}.rank-bars p{justify-content:space-between;gap:12px;margin:0 0 5px;font-size:13px;display:flex}.rank-track{background:#0f463c1a;border-radius:99px;height:8px;display:block;overflow:hidden}.rank-track i{border-radius:inherit;background:linear-gradient(90deg, var(--green-mid), var(--gold));height:100%;display:block}.activity-list{gap:5px;display:grid}.activity-list>div{border-bottom:1px solid var(--border);grid-template-columns:12px 1fr;gap:9px;padding:9px 0;display:grid}.activity-dot{background:var(--gold);border-radius:50%;width:9px;height:9px;margin-top:5px}.activity-list p,.activity-list small{margin:0;display:grid}.activity-list small,.empty-state{color:var(--text-muted);font-size:11px}.skeleton-row td{padding:17px}.skeleton-row span,.skeleton-block{background:linear-gradient(90deg,#c7a66b14,#c7a66b3d,#c7a66b14) 0 0/220% 100%;border-radius:8px;min-height:34px;animation:1.3s ease-in-out infinite skeleton-pulse;display:block}@keyframes skeleton-pulse{to{background-position:-120% 0}}.modal-overlay{z-index:170;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#031815ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--gold-border);background:var(--cream-card);border-radius:18px;width:min(720px,100%);max-height:92dvh;overflow-y:auto;box-shadow:0 28px 80px #00000057}.compact-modal{width:min(540px,100%)}.modal-card>header{border-bottom:1px solid var(--border);background:#c7a66b14;justify-content:space-between;align-items:center;gap:14px;padding:19px 22px;display:flex}.modal-card>header div{display:grid}.modal-card>header span{color:var(--gold);font-size:12px;font-weight:900}.modal-card h2{margin:2px 0 0;font-size:21px}.modal-card>form,.modal-card>p{margin:0;padding:20px 22px}.modal-card>p{color:var(--text-muted);line-height:1.9}.modal-card footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;margin-top:18px;padding-top:16px;display:flex}.modal-card footer button{width:auto}.compact-modal>footer{margin:0;padding:16px 22px 20px}.modal-close{width:38px;height:38px;min-height:38px;color:var(--green-header);box-shadow:none;background:0 0;border-radius:50%;padding:0;font-size:25px}.modal-close:hover:not(:disabled){box-shadow:none;background:#c7a66b24;transform:none}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.stat-box{border:1px solid var(--gold-border);background:#c7a66b1a;border-radius:14px;padding:14px 16px}.stat-box span{color:var(--text-muted);margin-bottom:4px;font-size:13px;display:block}.stat-box strong{color:var(--green-header);font-size:24px;display:block}.quick-grid,.type-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-card{border:1px solid var(--border-strong);background:var(--cream-input);transition:transform .18s var(--ease), box-shadow .18s var(--ease);border-radius:14px;gap:6px;padding:16px;display:grid}.quick-card:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.quick-card strong{color:var(--green-header);font-size:17px}.quick-card span{color:var(--text-muted);font-size:13px}.table-wrap{border:1px solid var(--border-strong);background:var(--cream-card);box-shadow:var(--shadow-card);border-radius:16px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:920px}.compact-table{min-width:680px}th,td{border-bottom:1px solid var(--border);text-align:center;vertical-align:top;padding:13px;font-size:14px}th{background:var(--green-header);color:#f7f3e8;white-space:nowrap;font-weight:800}tbody tr:hover{background:#c7a66b14}.badge{color:#74501a;background:#c7a66b2e;border-radius:999px;justify-content:center;padding:5px 10px;font-size:12px;font-weight:900;display:inline-flex}.badge.warning{color:var(--warning);background:#fff0db}.badge.success{color:var(--success);background:#eef9f3}.badge.danger{color:var(--danger);background:#fff1ef}.primary-cell{color:var(--green-header);font-weight:900}.line-cell{white-space:pre-line;text-align:right}.empty-cell{text-align:center;color:var(--text-muted);font-weight:800;padding:26px!important}.btn-small{min-height:34px;box-shadow:none;border-radius:8px;min-width:76px;padding:7px 11px;font-size:12px}.btn-small.gold{background:linear-gradient(135deg, var(--gold), var(--gold-hover));color:var(--green-deep)}.auth-gateway{border:1px solid var(--gold-border);background:var(--cream-card);box-shadow:var(--shadow-lift);border-radius:22px;grid-template-columns:minmax(250px,.82fr) minmax(0,1.18fr);display:grid;overflow:hidden}.auth-gateway-intro{text-align:center;color:#fffaf0;background-color:var(--green-header);background-blend-mode:soft-light;background-image:url(/topbar-bg.jpg);background-size:520px;flex-flow:column;justify-content:center;align-items:center;min-height:560px;padding:42px 34px;display:flex;position:relative;overflow:hidden}.auth-gateway-intro:before{content:"";background:linear-gradient(155deg,#051e1ae0,#0a5046c2);position:absolute;inset:0}.auth-gateway-intro>*{z-index:1;position:relative}.auth-kicker{border:1px solid var(--gold-border);color:var(--gold-hover);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:900;display:inline-flex}.auth-gateway-intro h1{color:#fffaf0;max-width:380px;margin:24px 0 12px;font:800 clamp(29px,4vw,43px)/1.38 Cairo,sans-serif}.auth-gateway-intro>p{color:#fffaf0c2;max-width:440px;margin:0;font-size:14px}.auth-document-mark{color:var(--gold-hover);align-content:center;place-items:center;gap:10px;margin-top:auto;display:grid;position:relative}.auth-document-mark span{line-height:0;display:block}.auth-document-mark span img{width:clamp(180px,24vw,260px);height:auto;display:block}.auth-document-mark small{letter-spacing:.5px;font-size:13px;font-weight:800}.auth-gateway-intro .auth-security-note{border-top:1px solid #c7a66b47;margin-top:28px;padding-top:15px;font-size:12px}.auth-form{align-content:center;gap:18px;padding:48px clamp(24px,5vw,58px);display:grid}.auth-form-heading{gap:3px;margin-bottom:4px;display:grid}.auth-form-heading span{color:var(--gold);font-size:12px;font-weight:900}.auth-form-heading h2{color:var(--green-header);margin:0;font:800 27px/1.4 Cairo,sans-serif}.password-field{display:block;position:relative}.password-field input{padding-inline-end:76px}.password-toggle{inset-inline-end:7px;width:auto;min-height:34px;color:var(--green-header);box-shadow:none;background:#083d3514;border:0;border-radius:8px;padding:5px 10px;font-size:12px;position:absolute;top:50%;translate:0 -50%}.password-toggle-in{inset-inline-start:5px;width:auto;min-height:34px;color:var(--green-header);box-shadow:none;background:#083d3514;border:0;border-radius:8px;padding:5px 10px;font-size:12px;position:absolute;top:50%;translate:0 -50%}.password-toggle:hover:not(:disabled){box-shadow:none;background:#c7a66b30;transform:none}.remember-row{border:1px solid var(--border);cursor:pointer;background:#c7a66b12;border-radius:11px;align-items:flex-start;gap:11px;padding:12px 14px;display:flex}.remember-row input{width:19px;height:19px;min-height:19px;accent-color:var(--green-mid);flex:0 0 19px;margin:3px 0 0}.remember-row span{gap:1px;line-height:1.5;display:grid}.remember-row strong{color:var(--green-header);font-size:14px}.remember-row small{color:var(--text-muted);font-size:12px;font-weight:500}.auth-submit{margin-top:3px}.button-spinner{border:2px solid #051e1a40;border-top-color:var(--green-deep);border-radius:50%;width:17px;height:17px;animation:.7s linear infinite auth-spin}@keyframes auth-spin{to{rotate:360deg}}.result-card p{margin:0 0 12px}.details-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:10px 0 20px;display:grid}.details-grid div{background:var(--cream-input);border:1px solid var(--border);border-radius:12px;padding:12px}.details-grid span{color:var(--text-muted);font-size:12px;display:block}.details-grid strong{color:var(--green-header);font-size:15px;display:block}.field-chip-list{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.field-chip{color:#74501a;border:1px solid var(--gold-border);background:#c7a66b26;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}@media (max-width:980px){.header-logo{width:210px}.stats-grid,.quick-grid,.type-grid,.details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-workshop{grid-template-columns:1fr}.workshop-intro{padding:24px}.field-builder-row{grid-template-columns:42px minmax(0,1fr)}.field-builder-tools{grid-column:2;grid-template-columns:1fr auto}.auth-gateway{grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr)}.auth-gateway-intro{padding:34px 26px}.admin-command-bar{grid-template-columns:1fr}.add-user-button{width:100%}.user-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.app-content.with-sidebar,.app-content.with-sidebar.sidebar-collapsed{margin-right:0}.app-sidebar,.app-sidebar.collapsed{width:min(86vw,320px);padding:20px 14px 14px;transform:translate(105%)}.app-sidebar.mobile-open{transform:translate(0)}.app-sidebar.collapsed .sidebar-heading{padding:4px 8px 17px}.app-sidebar.collapsed .sidebar-heading-copy,.app-sidebar.collapsed .sidebar-account-copy,.app-sidebar.collapsed .sidebar-nav a span{opacity:1;width:auto;overflow:visible}.app-sidebar.collapsed .sidebar-nav a{gap:13px;padding:10px 13px}.app-sidebar.collapsed .sidebar-account{padding:12px 10px 2px}.sidebar-scrim{z-index:44;opacity:0;pointer-events:none;width:100%;height:auto;min-height:0;box-shadow:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .22s var(--ease);background:#0318158c;border:0;border-radius:0;padding:0;display:block;position:fixed;inset:4.25rem 0 0}.sidebar-scrim.visible{opacity:1;pointer-events:auto}.sidebar-scrim:hover:not(:disabled){box-shadow:none;background:#0318158c;transform:none}body.sidebar-mobile-lock{overflow:hidden}}@media (max-width:760px){body{padding-top:4.25rem;overflow-x:hidden}.site-header{padding:0 12px}.header-inner{gap:10px}.header-leading{gap:7px}.header-logo{width:142px;height:54px}.header-badge,.header-user{display:none}.sidebar-toggle{width:39px;height:39px;min-height:39px}.topbar-login,.topbar-logout{padding:6px 10px}.container{padding:18px 12px 36px}.hero{border-radius:14px;margin-bottom:16px;padding:22px 16px}.hero h1{font-size:24px}.hero p{font-size:14px;line-height:1.8}.card{border-radius:14px;margin-bottom:14px;padding:16px 14px}.card h2{font-size:17px}.grid,.stats-grid,.quick-grid,.type-grid,.details-grid{grid-template-columns:1fr}input,textarea,select{min-height:46px;font-size:16px}button,.download,.btn{width:100%;min-height:46px;padding:12px 14px}.inline-head{align-items:stretch}.preview-overlay{padding:0}.preview-dialog{border-radius:0;width:100%;height:100dvh}.preview-canvas{padding:6px}.preview-actions{grid-template-columns:1fr 1fr;display:grid}.preview-actions .btn{width:100%;min-width:0}.workshop-form,.workshop-intro{padding:20px 15px}.field-builder-head,.workshop-submit{flex-direction:column;align-items:stretch}.field-builder-head .btn,.workshop-submit button{width:100%}.field-builder-row{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:12px}.field-sequence{width:32px;height:32px}.field-builder-grid{grid-template-columns:1fr}.field-builder-tools{grid-column:1/-1;grid-template-columns:1fr auto;min-width:0}.auth-gateway{border-radius:16px;grid-template-columns:1fr}.auth-gateway-intro{min-height:auto;padding:28px 20px}.auth-gateway-intro h1{margin-top:18px;font-size:28px}.auth-document-mark{display:none}.auth-gateway-intro .auth-security-note{margin-top:20px}.auth-form{padding:28px 18px}.password-toggle,.alert-dismiss{width:auto;min-height:34px}.user-search,.user-filters{grid-template-columns:1fr;display:grid}.user-search{grid-template-columns:1fr auto}.report-command-bar{padding:12px}.report-search{grid-template-columns:1fr auto}.report-search .btn{width:auto}.report-filters{grid-template-columns:1fr}.date-filter{grid-template-columns:34px 1fr}.reports-list-card>.section-head{gap:12px;display:grid}.reports-list-card>.section-head .btn{width:100%}.profile-layout{grid-template-columns:1fr}.profile-summary-card{position:static}.profile-form-grid,.profile-password-grid{grid-template-columns:1fr}.form-actions button{width:100%}.editor-actions{flex-direction:column;align-items:stretch}.editor-actions>div{grid-template-columns:1fr;display:grid}.editor-actions button{width:100%}.analytics-toolbar{flex-direction:column;align-items:stretch}.analytics-toolbar select{width:100%}.analytics-cards,.analytics-grid{grid-template-columns:1fr}.trend-card{grid-column:auto}.user-form-grid{grid-template-columns:1fr}.password-tools .btn,.modal-card footer button{width:100%}.modal-overlay{align-items:end;padding:0}.modal-card{border-radius:18px 18px 0 0;width:100%;max-height:94dvh}.modal-card footer{grid-template-columns:1fr;display:grid}.toast{top:76px;max-width:none;inset-inline:14px}}@media (max-width:390px){.site-header{padding-inline:8px}.header-logo{width:118px}.topbar-login,.topbar-logout{padding-inline:9px;font-size:12px}}@media (prefers-reduced-motion:reduce){.app-content,.app-sidebar,.sidebar-scrim,.sidebar-heading-copy,.sidebar-account-copy{transition:none}.button-spinner{animation:none}}