  :root{
    --ink:#FFF1E6;
    --ink-2:#EDE0D4;
    --surface:#F8EDEB;
    --surface-2:#EDE0D4;
    --gold:#8B4A4A;
    --gold-soft:#A8645F;
    --ivory:#4A342E;
    --muted:#9C8578;
    --line:rgba(139,74,74,.22);
    --line-soft:rgba(139,74,74,.12);
    --green:#6E8B6B;
    --shadow:0 24px 60px rgba(139,74,74,.15);
    --err:#C1573D;
    /* شعار المشروع (SVG مضمّن) — يُستخدم كخلفية بالغلاف والتذييل */
    --logo: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 width=%22149.4%22 height=%22249.9%22 viewBox=%22207.8 154.1 149.4 249.9%22%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%238B4A4A%22 fill-opacity=%221%22 d=%22M 347.589844 312.28125 C 347.992188 311.007812 348.367188 309.703125 348.710938 308.371094 C 348.367188 309.703125 347.992188 311.007812 347.589844 312.28125 M 344.878906 319.566406 C 344.382812 320.714844 343.875 321.835938 343.351562 322.921875 C 343.875 321.835938 344.382812 320.714844 344.878906 319.566406 C 345.617188 317.839844 346.320312 316.039062 346.964844 314.171875 C 346.320312 316.039062 345.617188 317.839844 344.878906 319.566406 M 331.417969 341.496094 C 327.003906 347.242188 321.597656 352.144531 315.246094 356.183594 C 321.597656 352.144531 327.003906 347.242188 331.417969 341.496094 C 333.738281 338.726562 337.414062 333.921875 340.945312 327.566406 C 337.414062 333.921875 333.738281 338.726562 331.417969 341.496094 M 313.5 328.371094 C 313.585938 328.265625 313.664062 328.171875 313.757812 328.058594 C 314.402344 327.285156 314.96875 326.453125 315.511719 325.644531 L 317.238281 323.148438 C 317.921875 322.175781 318.613281 321.179688 319.277344 320.171875 C 319.640625 319.636719 319.921875 319.210938 320.148438 318.792969 C 320.710938 317.871094 321.175781 316.933594 321.53125 316 C 322.273438 314.0625 322.644531 312.035156 322.636719 309.96875 C 322.632812 308.90625 322.503906 307.84375 322.285156 306.789062 C 339.511719 275.039062 295.355469 234.355469 294.90625 233.945312 C 290.277344 229.476562 285.507812 222.03125 285.445312 221.933594 C 275.355469 207.660156 278.34375 193.484375 280.257812 187.703125 C 281.328125 204.117188 298.023438 221.273438 298.847656 222.101562 C 307.273438 228.046875 330.707031 260.878906 330.917969 261.171875 C 347.488281 288.75 339.847656 312.617188 330.515625 327.785156 C 326.046875 335.046875 320.78125 341.066406 316.277344 345.535156 C 316.292969 342.789062 316.140625 339.90625 315.777344 336.867188 C 315.761719 336.765625 315.183594 333.257812 313.5 328.371094 M 312.203125 326.285156 C 312.539062 325.773438 312.878906 325.269531 313.246094 324.730469 C 313.371094 324.496094 313.488281 324.261719 313.601562 324.019531 C 315.023438 320.972656 315.328125 317.40625 314.445312 314.234375 C 313.640625 311.355469 311.851562 308.539062 309.125 305.871094 C 306.53125 303.335938 303.523438 301.261719 300.667969 299.355469 L 295.21875 295.726562 C 293.640625 294.671875 291.847656 293.480469 290.363281 291.957031 C 287.660156 289.183594 285.984375 285.355469 285.773438 281.457031 L 285.761719 281.25 L 285.867188 281.070312 C 285.984375 280.859375 286.113281 280.65625 286.257812 280.453125 L 286.664062 279.851562 C 287.292969 278.910156 287.933594 277.976562 288.574219 277.042969 C 289.214844 276.109375 289.859375 275.179688 290.511719 274.25 C 290.699219 273.980469 290.894531 273.707031 291.101562 273.421875 C 291.171875 273.316406 291.265625 273.191406 291.371094 273.066406 L 292.519531 271.699219 L 291.371094 273.066406 C 291.265625 273.191406 291.171875 273.316406 291.101562 273.421875 C 290.894531 273.707031 290.699219 273.980469 290.511719 274.25 C 289.859375 275.179688 289.214844 276.109375 288.574219 277.042969 C 287.933594 277.976562 287.292969 278.910156 286.664062 279.851562 L 286.257812 280.453125 C 286.113281 280.65625 285.984375 280.859375 285.867188 281.070312 L 285.761719 281.25 L 285.773438 281.457031 C 285.984375 285.355469 287.660156 289.183594 290.363281 291.957031 C 291.847656 293.480469 293.640625 294.671875 295.21875 295.726562 L 300.667969 299.355469 C 303.527344 301.261719 306.53125 303.335938 309.125 305.871094 C 311.851562 308.539062 313.640625 311.355469 314.445312 314.234375 C 315.332031 317.40625 315.023438 320.972656 313.601562 324.019531 C 313.488281 324.261719 313.371094 324.496094 313.246094 324.730469 C 312.878906 325.269531 312.539062 325.773438 312.203125 326.285156 M 312.808594 327.875 L 312.566406 327.921875 C 312.539062 327.925781 312.511719 327.933594 312.476562 327.949219 C 312.511719 327.933594 312.539062 327.925781 312.566406 327.921875 Z M 304.628906 336.410156 C 305.066406 334.953125 305.738281 332.921875 306.085938 332.363281 C 305.738281 332.921875 305.066406 334.953125 304.628906 336.410156 M 286.230469 298.617188 C 285.6875 298.378906 280.9375 296.164062 281.988281 292.429688 L 284.964844 281.835938 C 285.261719 285.816406 286.992188 289.707031 289.761719 292.546875 C 291.304688 294.132812 293.136719 295.355469 294.753906 296.429688 L 300.199219 300.058594 C 303.023438 301.945312 305.992188 303.992188 308.53125 306.476562 C 311.152344 309.039062 312.867188 311.726562 313.628906 314.460938 C 314.464844 317.441406 314.171875 320.796875 312.835938 323.664062 C 312.730469 323.886719 312.617188 324.109375 312.523438 324.292969 C 312.402344 324.472656 312.28125 324.648438 312.164062 324.824219 C 308.28125 315.34375 300.621094 303.015625 286.230469 298.617188 M 300.988281 327.5625 C 300.660156 327.480469 300.34375 327.386719 300.023438 327.296875 C 297.808594 326.808594 295.65625 326.0625 293.625 325.054688 C 287.726562 322.128906 283.382812 317.394531 280.648438 311.007812 C 279.96875 309.550781 279.691406 308.625 279.691406 308.625 C 279.695312 308.625 279.699219 308.628906 279.707031 308.632812 L 279.515625 308.105469 L 280.460938 308.578125 C 284.464844 310.585938 294.464844 316.371094 300.886719 326.761719 L 301.402344 327.59375 L 300.941406 327.5 C 300.96875 327.539062 300.988281 327.5625 300.988281 327.5625 M 285.625 201.660156 C 285.136719 200.683594 284.675781 199.691406 284.25 198.683594 C 284.675781 199.691406 285.136719 200.683594 285.625 201.660156 M 287.960938 205.929688 C 287.414062 205.011719 286.882812 204.074219 286.375 203.113281 C 286.882812 204.074219 287.414062 205.011719 287.960938 205.929688 M 292.976562 213.378906 C 291.886719 211.929688 290.746094 210.320312 289.625 208.597656 C 290.746094 210.320312 291.886719 211.929688 292.976562 213.378906 M 299.578125 221.246094 C 308.082031 227.234375 330.890625 259.199219 331.859375 260.554688 C 333.246094 262.859375 334.464844 265.140625 335.53125 267.394531 C 334.464844 265.140625 333.246094 262.859375 331.859375 260.554688 C 330.890625 259.199219 308.082031 227.234375 299.578125 221.246094 C 299.511719 221.179688 297.363281 218.96875 294.558594 215.433594 C 297.363281 218.96875 299.511719 221.179688 299.578125 221.246094 M 342.484375 257.632812 C 342.375 257.25 342.308594 257.042969 342.273438 256.957031 C 342.210938 256.832031 335.570312 244.125 306.011719 212.558594 C 276.882812 181.457031 295.121094 159.992188 295.308594 159.777344 L 294.539062 158.960938 C 279.070312 170.953125 270.695312 184.355469 269.652344 198.796875 C 268.703125 211.9375 273.882812 224.203125 280.714844 234.398438 L 280.738281 256.253906 C 279.945312 257.253906 279.15625 258.257812 278.371094 259.265625 C 277.546875 260.320312 276.726562 261.375 275.914062 262.441406 L 275.386719 263.136719 C 275.214844 263.351562 275.050781 263.578125 274.902344 263.808594 L 274.777344 264 L 274.820312 264.21875 C 275.28125 266.65625 276.554688 268.890625 278.402344 270.511719 C 278.863281 270.914062 279.367188 271.25 279.851562 271.578125 C 280.367188 271.921875 280.851562 272.246094 281.277344 272.636719 C 281.925781 273.234375 282.492188 274.1875 282.144531 275.085938 L 281.101562 277.757812 L 283.074219 275.675781 C 283.199219 275.546875 283.320312 275.40625 283.421875 275.273438 C 283.671875 274.972656 283.917969 274.664062 284.160156 274.355469 C 284.992188 273.3125 285.820312 272.257812 286.640625 271.203125 C 287.464844 270.148438 288.285156 269.09375 289.097656 268.027344 L 289.625 267.335938 C 289.796875 267.117188 289.960938 266.894531 290.109375 266.660156 L 290.160156 266.558594 C 290.714844 265.132812 289.929688 263.722656 289.011719 262.875 C 288.519531 262.421875 287.972656 262.058594 287.445312 261.707031 C 286.96875 261.386719 286.519531 261.085938 286.117188 260.730469 C 284.558594 259.363281 283.464844 257.511719 282.992188 255.480469 L 282.972656 237.621094 C 286.089844 241.875 289.429688 245.707031 292.625 249.019531 C 296.242188 252.769531 300.15625 256.652344 303.167969 259.597656 C 308.875 265.769531 322.394531 282.527344 318.683594 299.242188 C 316.097656 296.03125 312.511719 293.140625 309.625 291.128906 C 308.300781 290.207031 306.953125 289.3125 305.609375 288.417969 L 304.335938 287.574219 C 303.910156 287.289062 303.484375 287.011719 303.054688 286.730469 C 301.675781 285.828125 300.246094 284.894531 298.957031 283.867188 C 296.03125 281.546875 294.128906 278.320312 293.59375 274.78125 C 293.523438 274.335938 293.480469 273.886719 293.457031 273.4375 L 293.25 269.511719 L 290.722656 272.523438 C 290.597656 272.671875 290.484375 272.824219 290.410156 272.9375 C 290.207031 273.214844 290.007812 273.496094 289.820312 273.765625 C 289.164062 274.695312 288.519531 275.628906 287.878906 276.5625 C 287.234375 277.5 286.59375 278.4375 285.960938 279.378906 L 285.5625 279.972656 C 285.515625 280.039062 285.476562 280.113281 285.429688 280.183594 L 285.496094 279.945312 L 279.144531 291.25 C 278.707031 292.023438 268.535156 310.417969 276.109375 324.894531 C 280.625 333.527344 290.449219 338.757812 305.308594 340.445312 C 305.503906 341.496094 305.664062 342.59375 305.785156 343.726562 C 305.792969 343.765625 306.089844 345.820312 306.019531 349.113281 C 304.203125 347.984375 302.210938 347.160156 300.226562 346.367188 C 297.851562 345.417969 295.476562 344.472656 293.105469 343.519531 C 289.1875 341.949219 285.269531 340.289062 281.703125 338.019531 C 278.28125 335.839844 275.183594 333.035156 273.292969 329.398438 C 271.390625 325.738281 270.886719 321.421875 271.824219 317.40625 C 271.917969 317.007812 272.035156 316.617188 272.15625 316.230469 C 272.410156 315.605469 272.671875 314.988281 272.917969 314.359375 L 273.125 313.832031 C 273.21875 313.582031 273.207031 313.578125 273.097656 313.820312 C 272.335938 315.339844 271.714844 316.933594 271.054688 318.496094 C 270.289062 320.328125 269.480469 322.15625 268.753906 324.011719 C 268.128906 325.507812 267.972656 325.921875 268.296875 325.234375 C 268.230469 325.414062 268.160156 325.589844 268.09375 325.769531 C 267.726562 326.820312 267.441406 327.890625 267.265625 328.988281 C 266.921875 331.144531 266.976562 333.367188 267.433594 335.503906 C 268.355469 339.773438 270.941406 343.394531 274.273438 346.140625 C 277.703125 348.972656 281.761719 350.949219 285.835938 352.675781 C 288.117188 353.644531 290.425781 354.542969 292.726562 355.464844 C 294.480469 356.164062 296.261719 356.828125 298 357.585938 C 270.234375 367.015625 249.671875 357.628906 236.941406 347.488281 C 221.796875 335.425781 214.101562 319.734375 214.027344 319.578125 L 212.992188 320.023438 C 224.441406 350.421875 243.875 361.972656 258.164062 366.308594 C 265.582031 368.558594 272.421875 369.148438 277.550781 369.148438 C 283.121094 369.148438 286.671875 368.453125 286.742188 368.4375 C 292.789062 367.183594 298.402344 365.5 303.578125 363.398438 C 300.707031 372.132812 294.171875 383.472656 279.355469 391.910156 L 268.128906 398.300781 L 280.546875 394.746094 C 280.886719 394.648438 308.449219 386.351562 314.929688 357.695312 C 321.785156 353.484375 327.597656 348.320312 332.296875 342.203125 C 340.523438 332.386719 365.570312 297.289062 342.484375 257.632812 %22/%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%238B4A4A%22 fill-opacity=%221%22 d=%22M 225.542969 278.140625 C 226.03125 278.148438 226.425781 278.101562 226.722656 277.996094 C 227.019531 277.886719 227.230469 277.707031 227.363281 277.449219 C 227.496094 277.199219 227.5625 276.871094 227.5625 276.472656 L 227.5625 268.394531 L 229.109375 268.394531 L 229.109375 276.472656 C 229.109375 277.175781 228.976562 277.777344 228.710938 278.277344 C 228.445312 278.777344 228.070312 279.160156 227.585938 279.425781 C 227.101562 279.691406 226.515625 279.828125 225.835938 279.839844 Z M 225.542969 278.140625 %22/%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%238B4A4A%22 fill-opacity=%221%22 d=%22M 239.375 275.769531 L 239.375 274.011719 C 239.484375 274.011719 239.566406 274.089844 239.609375 274.246094 C 239.65625 274.40625 239.679688 274.617188 239.679688 274.882812 C 239.679688 275.144531 239.65625 275.359375 239.609375 275.523438 C 239.566406 275.6875 239.484375 275.769531 239.375 275.769531 M 237.140625 274.011719 L 239.375 274.011719 L 239.375 275.769531 L 237.140625 275.769531 Z M 231.25 279.839844 L 231.25 278.078125 L 234.234375 278.078125 C 234.867188 278.078125 235.320312 277.953125 235.59375 277.695312 C 235.871094 277.441406 236.007812 277.03125 236.007812 276.472656 L 236.007812 268.714844 L 237.554688 268.714844 L 237.554688 276.472656 C 237.554688 277.1875 237.417969 277.796875 237.148438 278.300781 C 236.878906 278.804688 236.496094 279.1875 236 279.449219 C 235.503906 279.707031 234.917969 279.839844 234.234375 279.839844 Z M 234.570312 275.769531 C 233.773438 275.769531 233.082031 275.597656 232.496094 275.25 C 231.910156 274.902344 231.453125 274.433594 231.128906 273.847656 C 230.800781 273.261719 230.640625 272.617188 230.640625 271.914062 C 230.640625 271.339844 230.738281 270.816406 230.945312 270.328125 C 231.148438 269.84375 231.433594 269.421875 231.800781 269.058594 C 232.167969 268.699219 232.589844 268.414062 233.070312 268.210938 C 233.550781 268.007812 234.066406 267.90625 234.617188 267.90625 C 235.15625 267.90625 235.679688 267.988281 236.191406 268.15625 C 236.703125 268.324219 237.15625 268.511719 237.554688 268.714844 L 236.867188 270.292969 C 236.027344 269.875 235.277344 269.664062 234.617188 269.664062 C 234.15625 269.664062 233.742188 269.765625 233.375 269.960938 C 233.007812 270.160156 232.71875 270.429688 232.503906 270.765625 C 232.292969 271.101562 232.183594 271.484375 232.183594 271.914062 C 232.183594 272.320312 232.28125 272.683594 232.480469 273 C 232.679688 273.316406 232.957031 273.5625 233.316406 273.742188 C 233.671875 273.921875 234.089844 274.011719 234.570312 274.011719 L 236.773438 274.011719 L 236.773438 275.769531 Z M 234.570312 275.769531 %22/%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%238B4A4A%22 fill-opacity=%221%22 d=%22M 242.019531 275.769531 L 242.019531 274.011719 C 242.132812 274.011719 242.210938 274.089844 242.257812 274.246094 C 242.304688 274.40625 242.328125 274.617188 242.328125 274.882812 C 242.328125 275.144531 242.304688 275.359375 242.257812 275.523438 C 242.210938 275.6875 242.132812 275.769531 242.019531 275.769531 M 239.375 274.011719 L 242.019531 274.011719 L 242.019531 275.769531 L 239.375 275.769531 Z M 239.375 275.769531 C 239.261719 275.769531 239.183594 275.6875 239.136719 275.523438 C 239.089844 275.359375 239.066406 275.140625 239.066406 274.867188 C 239.066406 274.601562 239.089844 274.390625 239.136719 274.238281 C 239.183594 274.085938 239.261719 274.011719 239.375 274.011719 Z M 239.375 275.769531 %22/%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%238B4A4A%22 fill-opacity=%221%22 d=%22M 244.667969 275.769531 L 244.667969 274.011719 C 244.78125 274.011719 244.859375 274.089844 244.90625 274.246094 C 244.949219 274.40625 244.976562 274.617188 244.976562 274.882812 C 244.976562 275.144531 244.949219 275.359375 244.90625 275.523438 C 244.859375 275.6875 244.78125 275.769531 244.667969 275.769531 M 242.023438 274.011719 L 244.667969 274.011719 L 244.667969 275.769531 L 242.023438 275.769531 Z M 242.023438 275.769531 C 241.910156 275.769531 241.828125 275.6875 241.785156 275.523438 C 241.738281 275.359375 241.714844 275.140625 241.714844 274.867188 C 241.714844 274.601562 241.738281 274.390625 241.785156 274.238281 C 241.828125 274.085938 241.910156 274.011719 242.023438 274.011719 Z M 242.023438 275.769531 %22/%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%238B4A4A%22 fill-opacity=%221%22 d=%22M 247.316406 275.769531 L 247.316406 274.011719 C 247.425781 274.011719 247.507812 274.089844 247.550781 274.246094 C 247.597656 274.40625 247.621094 274.617188 247.621094 274.882812 C 247.621094 275.144531 247.597656 275.359375 247.550781 275.523438 C 247.507812 275.6875 247.425781 275.769531 247.316406 275.769531 M 244.667969 274.011719 L 247.316406 274.011719 L 247.316406 275.769531 L 244.667969 275.769531 Z M 244.667969 275.769531 C 244.554688 275.769531 244.476562 275.6875 244.433594 275.523438 C 244.386719 275.359375 244.363281 275.140625 244.363281 274.867188 C 244.363281 274.601562 244.386719 274.390625 244.433594 274.238281 C 244.476562 274.085938 244.554688 274.011719 244.667969 274.011719 Z M 244.667969 275.769531 %22/%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%238B4A4A%22 fill-opacity=%221%22 d=%22M 249.960938 275.769531 L 249.960938 274.011719 C 250.074219 274.011719 250.152344 274.089844 250.199219 274.246094 C 250.242188 274.40625 250.269531 274.617188 250.269531 274.882812 C 250.269531 275.144531 250.242188 275.359375 250.199219 275.523438 C 250.152344 275.6875 250.074219 275.769531 249.960938 275.769531 M 247.316406 274.011719 L 249.960938 274.011719 L 249.960938 275.769531 L 247.316406 275.769531 Z M 247.316406 275.769531 C 247.203125 275.769531 247.121094 275.6875 247.078125 275.523438 C 247.03125 275.359375 247.007812 275.140625 247.007812 274.867188 C 247.007812 274.601562 247.03125 274.390625 247.078125 274.238281 C 247.121094 274.085938 247.203125 274.011719 247.316406 274.011719 Z M 247.316406 275.769531 %22/%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%238B4A4A%22 fill-opacity=%221%22 d=%22M 252.882812 266.34375 C 252.597656 266.34375 252.355469 266.242188 252.15625 266.046875 C 251.957031 265.847656 251.859375 265.605469 251.859375 265.320312 C 251.859375 265.023438 251.957031 264.777344 252.15625 264.585938 C 252.355469 264.390625 252.597656 264.292969 252.882812 264.292969 C 253.179688 264.292969 253.421875 264.390625 253.617188 264.585938 C 253.8125 264.777344 253.90625 265.023438 253.90625 265.320312 C 253.90625 265.605469 253.8125 265.847656 253.617188 266.046875 C 253.421875 266.242188 253.179688 266.34375 252.882812 266.34375 M 252.101562 268.394531 L 253.648438 268.394531 L 253.648438 275.769531 L 249.960938 275.769531 L 249.960938 274.011719 L 252.101562 274.011719 Z M 249.960938 275.769531 C 249.847656 275.769531 249.769531 275.6875 249.726562 275.523438 C 249.679688 275.359375 249.65625 275.140625 249.65625 274.867188 C 249.65625 274.601562 249.679688 274.390625 249.726562 274.238281 C 249.769531 274.085938 249.847656 274.011719 249.960938 274.011719 Z M 249.960938 275.769531 %22/%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%238B4A4A%22 fill-opacity=%221%22 d=%22M 238.929688 294.128906 L 238.929688 292.371094 C 239.042969 292.371094 239.121094 292.449219 239.167969 292.605469 C 239.214844 292.765625 239.238281 292.976562 239.238281 293.242188 C 239.238281 293.507812 239.214844 293.71875 239.167969 293.882812 C 239.121094 294.046875 239.042969 294.128906 238.929688 294.128906 M 236.605469 294.128906 C 235.410156 294.128906 234.507812 293.832031 233.898438 293.242188 L 234.96875 291.988281 C 235.039062 292.046875 235.15625 292.109375 235.3125 292.171875 C 235.472656 292.230469 235.660156 292.28125 235.886719 292.316406 C 236.109375 292.351562 236.351562 292.371094 236.605469 292.371094 L 238.929688 292.371094 L 238.929688 294.128906 Z M 232.6875 299.054688 C 231.332031 299.054688 230.164062 298.863281 229.183594 298.480469 C 228.207031 298.097656 227.457031 297.53125 226.9375 296.777344 C 226.414062 296.019531 226.15625 295.085938 226.15625 293.976562 C 226.15625 293.648438 226.179688 293.316406 226.226562 292.972656 C 226.269531 292.632812 226.335938 292.273438 226.414062 291.894531 L 227.871094 292.183594 C 227.808594 292.5625 227.765625 292.890625 227.738281 293.164062 C 227.714844 293.441406 227.703125 293.675781 227.703125 293.867188 C 227.703125 295.011719 228.109375 295.867188 228.933594 296.4375 C 229.753906 297.011719 230.984375 297.296875 232.628906 297.296875 C 233.605469 297.296875 234.453125 297.207031 235.160156 297.027344 C 235.867188 296.847656 236.417969 296.613281 236.804688 296.316406 C 237.191406 296.019531 237.386719 295.699219 237.386719 295.351562 C 237.386719 295.148438 237.308594 294.976562 237.15625 294.832031 C 237.003906 294.6875 236.75 294.546875 236.390625 294.40625 C 236.035156 294.261719 235.550781 294.082031 234.9375 293.867188 L 235.410156 292.203125 C 235.832031 292.335938 236.246094 292.480469 236.664062 292.644531 C 237.085938 292.808594 237.464844 293.007812 237.808594 293.242188 C 238.148438 293.476562 238.421875 293.765625 238.625 294.105469 C 238.828125 294.449219 238.929688 294.867188 238.929688 295.367188 C 238.929688 295.867188 238.824219 296.3125 238.609375 296.707031 C 238.394531 297.101562 238.097656 297.445312 237.714844 297.738281 C 237.332031 298.035156 236.878906 298.28125 236.363281 298.476562 C 235.839844 298.667969 235.269531 298.8125 234.644531 298.910156 C 234.023438 299.007812 233.371094 299.054688 232.6875 299.054688 %22/%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%238B4A4A%22 fill-opacity=%221%22 d=%22M 244.285156 294.128906 L 244.285156 292.371094 C 244.398438 292.371094 244.476562 292.449219 244.523438 292.605469 C 244.570312 292.765625 244.59375 292.976562 244.59375 293.242188 C 244.59375 293.507812 244.570312 293.71875 244.523438 293.882812 C 244.476562 294.046875 244.398438 294.128906 244.285156 294.128906 M 243.980469 294.128906 C 243.265625 294.128906 242.683594 294.019531 242.234375 293.800781 C 241.789062 293.582031 241.457031 293.246094 241.238281 292.796875 C 241.027344 292.351562 240.917969 291.78125 240.917969 291.101562 L 242.464844 291.101562 C 242.464844 291.449219 242.5 291.710938 242.574219 291.894531 C 242.644531 292.078125 242.789062 292.203125 243.007812 292.269531 C 243.226562 292.335938 243.550781 292.371094 243.980469 292.371094 L 244.285156 292.371094 L 244.285156 294.128906 Z M 238.929688 294.128906 L 238.929688 292.371094 L 239.40625 292.371094 C 239.84375 292.371094 240.171875 292.335938 240.382812 292.269531 C 240.597656 292.203125 240.742188 292.078125 240.8125 291.894531 C 240.886719 291.710938 240.917969 291.449219 240.917969 291.101562 L 240.917969 281.582031 L 242.464844 281.582031 L 242.464844 291.101562 C 242.464844 291.78125 242.359375 292.351562 242.144531 292.796875 C 241.929688 293.246094 241.597656 293.582031 241.148438 293.800781 C 240.699219 294.019531 240.117188 294.128906 239.40625 294.128906 Z M 238.929688 294.128906 C 238.820312 294.128906 238.738281 294.046875 238.695312 293.882812 C 238.648438 293.71875 238.625 293.5 238.625 293.226562 C 238.625 292.960938 238.648438 292.753906 238.695312 292.597656 C 238.738281 292.445312 238.820312 292.371094 238.929688 292.371094 Z M 238.929688 294.128906 %22/%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%238B4A4A%22 fill-opacity=%221%22 d=%22M 250.375 293.808594 C 249.539062 293.808594 248.769531 293.6875 248.074219 293.441406 C 247.375 293.195312 246.820312 292.816406 246.40625 292.308594 C 245.992188 291.796875 245.785156 291.140625 245.785156 290.335938 C 245.785156 289.660156 245.910156 289.070312 246.152344 288.558594 C 246.398438 288.050781 246.734375 287.625 247.164062 287.28125 C 247.589844 286.941406 248.078125 286.6875 248.632812 286.519531 C 249.183594 286.347656 249.761719 286.265625 250.375 286.265625 C 250.824219 286.265625 251.296875 286.3125 251.789062 286.402344 C 252.285156 286.492188 252.738281 286.628906 253.144531 286.800781 L 252.472656 288.285156 C 252.175781 288.203125 251.832031 288.140625 251.4375 288.09375 C 251.046875 288.046875 250.695312 288.023438 250.390625 288.023438 C 249.421875 288.023438 248.667969 288.234375 248.132812 288.652344 C 247.597656 289.070312 247.328125 289.625 247.328125 290.320312 C 247.328125 290.757812 247.441406 291.132812 247.667969 291.4375 C 247.890625 291.742188 248.230469 291.976562 248.683594 292.132812 C 249.136719 292.292969 249.703125 292.371094 250.375 292.371094 Z M 244.285156 292.371094 L 253.433594 292.371094 L 253.433594 294.128906 L 244.285156 294.128906 Z M 244.285156 294.128906 C 244.175781 294.128906 244.09375 294.046875 244.050781 293.882812 C 244.003906 293.722656 243.980469 293.5 243.980469 293.226562 C 243.980469 292.960938 244.003906 292.75 244.050781 292.597656 C 244.09375 292.445312 244.175781 292.371094 244.285156 292.371094 Z M 244.285156 294.128906 %22/%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%238B4A4A%22 fill-opacity=%221%22 d=%22M 225.542969 314.859375 C 226.03125 314.871094 226.425781 314.820312 226.722656 314.714844 C 227.019531 314.605469 227.230469 314.425781 227.363281 314.171875 C 227.496094 313.917969 227.5625 313.589844 227.5625 313.191406 L 227.5625 305.113281 L 229.109375 305.113281 L 229.109375 313.191406 C 229.109375 313.894531 228.976562 314.496094 228.710938 314.996094 C 228.445312 315.496094 228.070312 315.878906 227.585938 316.144531 C 227.101562 316.410156 226.515625 316.546875 225.835938 316.558594 Z M 225.542969 314.859375 %22/%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%238B4A4A%22 fill-opacity=%221%22 d=%22M 239.375 312.488281 L 239.375 310.726562 C 239.484375 310.726562 239.566406 310.804688 239.609375 310.964844 C 239.65625 311.121094 239.679688 311.335938 239.679688 311.601562 C 239.679688 311.863281 239.65625 312.078125 239.609375 312.242188 C 239.566406 312.40625 239.484375 312.488281 239.375 312.488281 M 237.140625 310.726562 L 239.375 310.726562 L 239.375 312.488281 L 237.140625 312.488281 Z M 231.25 316.558594 L 231.25 314.796875 L 234.234375 314.796875 C 234.867188 314.796875 235.320312 314.667969 235.59375 314.414062 C 235.871094 314.160156 236.007812 313.753906 236.007812 313.191406 L 236.007812 305.433594 L 237.554688 305.433594 L 237.554688 313.191406 C 237.554688 313.90625 237.417969 314.515625 237.148438 315.019531 C 236.878906 315.523438 236.496094 315.90625 236 316.167969 C 235.503906 316.425781 234.917969 316.558594 234.234375 316.558594 Z M 234.570312 312.488281 C 233.773438 312.488281 233.082031 312.316406 232.496094 311.96875 C 231.910156 311.621094 231.453125 311.152344 231.128906 310.566406 C 230.800781 309.980469 230.640625 309.335938 230.640625 308.632812 C 230.640625 308.0625 230.738281 307.53125 230.945312 307.046875 C 231.148438 306.566406 231.433594 306.140625 231.800781 305.777344 C 232.167969 305.417969 232.589844 305.132812 233.070312 304.929688 C 233.550781 304.726562 234.066406 304.625 234.617188 304.625 C 235.15625 304.625 235.679688 304.707031 236.191406 304.875 C 236.703125 305.042969 237.15625 305.230469 237.554688 305.433594 L 236.867188 307.011719 C 236.027344 306.59375 235.277344 306.382812 234.617188 306.382812 C 234.15625 306.382812 233.742188 306.484375 233.375 306.679688 C 233.007812 306.878906 232.71875 307.148438 232.503906 307.484375 C 232.292969 307.820312 232.183594 308.203125 232.183594 308.632812 C 232.183594 309.039062 232.28125 309.402344 232.480469 309.71875 C 232.679688 310.035156 232.957031 310.28125 233.316406 310.460938 C 233.671875 310.636719 234.089844 310.726562 234.570312 310.726562 L 236.773438 310.726562 L 236.773438 312.488281 Z M 234.570312 312.488281 %22/%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%238B4A4A%22 fill-opacity=%221%22 d=%22M 242.019531 312.488281 L 242.019531 310.726562 C 242.132812 310.726562 242.210938 310.804688 242.257812 310.964844 C 242.304688 311.121094 242.328125 311.335938 242.328125 311.601562 C 242.328125 311.863281 242.304688 312.078125 242.257812 312.242188 C 242.210938 312.40625 242.132812 312.488281 242.019531 312.488281 M 239.375 310.726562 L 242.019531 310.726562 L 242.019531 312.488281 L 239.375 312.488281 Z M 239.375 312.488281 C 239.261719 312.488281 239.183594 312.40625 239.136719 312.242188 C 239.089844 312.078125 239.066406 311.859375 239.066406 311.585938 C 239.066406 311.320312 239.089844 311.109375 239.136719 310.957031 C 239.183594 310.804688 239.261719 310.726562 239.375 310.726562 Z M 239.375 312.488281 %22/%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%238B4A4A%22 fill-opacity=%221%22 d=%22M 244.667969 312.488281 L 244.667969 310.726562 C 244.78125 310.726562 244.859375 310.804688 244.90625 310.964844 C 244.949219 311.121094 244.976562 311.335938 244.976562 311.601562 C 244.976562 311.863281 244.949219 312.078125 244.90625 312.242188 C 244.859375 312.40625 244.78125 312.488281 244.667969 312.488281 M 242.023438 310.726562 L 244.667969 310.726562 L 244.667969 312.488281 L 242.023438 312.488281 Z M 242.023438 312.488281 C 241.910156 312.488281 241.828125 312.40625 241.785156 312.242188 C 241.738281 312.078125 241.714844 311.859375 241.714844 311.585938 C 241.714844 311.320312 241.738281 311.109375 241.785156 310.957031 C 241.828125 310.804688 241.910156 310.726562 242.023438 310.726562 Z M 242.023438 312.488281 %22/%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%238B4A4A%22 fill-opacity=%221%22 d=%22M 247.316406 312.488281 L 247.316406 310.726562 C 247.425781 310.726562 247.507812 310.804688 247.550781 310.964844 C 247.597656 311.121094 247.621094 311.335938 247.621094 311.601562 C 247.621094 311.863281 247.597656 312.078125 247.550781 312.242188 C 247.507812 312.40625 247.425781 312.488281 247.316406 312.488281 M 244.667969 310.726562 L 247.316406 310.726562 L 247.316406 312.488281 L 244.667969 312.488281 Z M 244.667969 312.488281 C 244.554688 312.488281 244.476562 312.40625 244.433594 312.242188 C 244.386719 312.078125 244.363281 311.859375 244.363281 311.585938 C 244.363281 311.320312 244.386719 311.109375 244.433594 310.957031 C 244.476562 310.804688 244.554688 310.726562 244.667969 310.726562 Z M 244.667969 312.488281 %22/%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%238B4A4A%22 fill-opacity=%221%22 d=%22M 249.960938 312.488281 L 249.960938 310.726562 C 250.074219 310.726562 250.152344 310.804688 250.199219 310.964844 C 250.242188 311.121094 250.269531 311.335938 250.269531 311.601562 C 250.269531 311.863281 250.242188 312.078125 250.199219 312.242188 C 250.152344 312.40625 250.074219 312.488281 249.960938 312.488281 M 247.316406 310.726562 L 249.960938 310.726562 L 249.960938 312.488281 L 247.316406 312.488281 Z M 247.316406 312.488281 C 247.203125 312.488281 247.121094 312.40625 247.078125 312.242188 C 247.03125 312.078125 247.007812 311.859375 247.007812 311.585938 C 247.007812 311.320312 247.03125 311.109375 247.078125 310.957031 C 247.121094 310.804688 247.203125 310.726562 247.316406 310.726562 Z M 247.316406 312.488281 %22/%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%238B4A4A%22 fill-opacity=%221%22 d=%22M 252.882812 303.0625 C 252.597656 303.0625 252.355469 302.964844 252.15625 302.765625 C 251.957031 302.566406 251.859375 302.324219 251.859375 302.039062 C 251.859375 301.742188 251.957031 301.496094 252.15625 301.300781 C 252.355469 301.109375 252.597656 301.011719 252.882812 301.011719 C 253.179688 301.011719 253.421875 301.109375 253.617188 301.300781 C 253.8125 301.496094 253.90625 301.742188 253.90625 302.039062 C 253.90625 302.324219 253.8125 302.566406 253.617188 302.765625 C 253.421875 302.964844 253.179688 303.0625 252.882812 303.0625 M 252.101562 305.113281 L 253.648438 305.113281 L 253.648438 312.488281 L 249.960938 312.488281 L 249.960938 310.730469 L 252.101562 310.730469 Z M 249.960938 312.488281 C 249.847656 312.488281 249.769531 312.40625 249.726562 312.242188 C 249.679688 312.078125 249.65625 311.859375 249.65625 311.585938 C 249.65625 311.320312 249.679688 311.109375 249.726562 310.957031 C 249.769531 310.804688 249.847656 310.730469 249.960938 310.730469 Z M 249.960938 312.488281 %22/%3E %3Cpath fill=%22none%22 stroke-width=%221%22 stroke-linecap=%22butt%22 stroke-linejoin=%22miter%22 stroke=%22rgb(6.307983%25, 5.787659%25, 5.090332%25)%22 stroke-opacity=%221%22 stroke-miterlimit=%2210%22 d=%22M -0.00112687 0.00192519 L -0.00112687 -45.461289 %22 transform=%22matrix(0.998317, 0, 0, -0.998317, 258.962062, 266.232391)%22/%3E %3C/svg%3E");
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html,body{overflow-x:hidden}
  html{scroll-behavior:smooth}
  body{
    font-family:'Tahoma',system-ui,sans-serif;
    font-weight:bold;
    color:var(--ivory);
    background:var(--ink);
    min-height:100vh;
    position:relative;
  }
  a{color:inherit}
  .wrap{max-width:720px;margin:0 auto;padding:0 18px}
  .full-bleed{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}

  /* ===== شريط التنقل العلوي ===== */
  .navbar{
    position:sticky;top:0;z-index:40;
    background:rgba(255,241,230,.88);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
  }
  .navbar .wrap{
    display:flex;align-items:center;justify-content:space-between;
    padding-top:12px;padding-bottom:12px;gap:8px;
  }
  .nav-brand{display:flex;align-items:center;gap:8px;font-family:'Tahoma',sans-serif;font-weight:700;font-size:14px;white-space:nowrap}
  .nav-brand svg{width:20px;height:20px;color:var(--gold)}
  @media (max-width:560px){ .nav-brand .brand-tail{display:none} }
  .nav-links{display:flex;align-items:center;gap:5px}
  .nav-btn{
    display:flex;align-items:center;gap:5px;
    background:transparent;border:1px solid transparent;
    color:var(--muted);text-decoration:none;
    font-family:'Tahoma',sans-serif;font-weight:500;font-size:12px;
    padding:7px 10px;border-radius:10px;
    cursor:pointer;white-space:nowrap;
  }
  .nav-btn svg{width:14px;height:14px}
  .nav-bell-btn{position:relative;padding:8px}
  .nav-bell-btn .adm-waitlist-badge{position:absolute;top:2px;left:2px}

  .news-panel-overlay{
    position:fixed;inset:0;background:rgba(74,52,46,.35);z-index:996;
    opacity:0;pointer-events:none;transition:opacity .2s ease;
  }
  .news-panel-overlay.open{opacity:1;pointer-events:auto}
  .news-panel{
    position:fixed;top:70px;left:16px;width:300px;max-width:calc(100vw - 32px);
    max-height:70vh;overflow-y:auto;z-index:997;
    background:var(--surface);border:1px solid var(--line);border-radius:16px;
    padding:16px;box-shadow:var(--shadow);
    transform:translateY(-12px);opacity:0;pointer-events:none;transition:all .2s ease;
  }
  .news-panel.open{transform:translateY(0);opacity:1;pointer-events:auto}
  .news-panel-title{font-family:'Tahoma',sans-serif;font-size:15px;margin-bottom:10px}
  .news-panel-title span{color:var(--gold)}
  .news-item{
    background:var(--surface-2);border:1px solid var(--line-soft);border-radius:12px;
    padding:11px 13px;margin-bottom:8px;
  }
  .news-item-title{font-family:'Tahoma',sans-serif;font-weight:bold;font-size:13px;margin-bottom:3px}
  .news-item-body{font-size:12px;color:var(--muted);margin-bottom:4px;line-height:1.6}
  .news-item-date{font-size:10.5px;color:var(--muted)}
  .nav-btn.active{background:rgba(139,74,74,.12);border-color:var(--line);color:var(--gold-soft)}
  .nav-btn:not(.active):hover{color:var(--ivory)}
  .nav-btn.soon{opacity:.55;cursor:default}
  .nav-btn.logged-in{background:rgba(139,74,74,.12);border-color:var(--line);color:var(--gold-soft)}
  .account-avatar{
    width:22px;height:22px;border-radius:50%;flex-shrink:0;
    background:var(--gold);color:var(--ink);
    display:flex;align-items:center;justify-content:center;
    font-family:'Tahoma',sans-serif;font-weight:700;font-size:11px;
  }
  .soon-pill{font-size:9px;background:rgba(139,74,74,.18);color:var(--gold-soft);border-radius:999px;padding:1px 6px;margin-right:2px}
  .adm-side-btn.logged-in{
    display:flex;align-items:center;gap:8px;
    background:rgba(139,74,74,.12);border:1px solid var(--line);color:var(--gold-soft);
  }
  .logout-x{margin-right:4px;text-decoration:underline;opacity:.8;font-size:11px}

  /* ===== قسم الغلاف (مع شعار المشروع بالخلفية) ===== */
  .hero-banner{
    position:relative;background:var(--surface);overflow:hidden;
    min-height:78vh;display:flex;align-items:center;justify-content:center;
    padding:44px 0;
  }
  .hero-banner::before{
    content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
    background:var(--logo) center center / auto min(62vh,460px) no-repeat;
    filter:blur(3px);opacity:.14;
  }
  .hero-overlay{position:relative;z-index:2;text-align:center;padding:0 22px;max-width:600px;margin:0 auto}
  .hero-kicker{font-family:'Tahoma',sans-serif;font-size:13px;color:var(--gold-soft)}
  .hero-overlay h1{
    font-family:'Tahoma',sans-serif;font-weight:700;
    font-size:clamp(22px,6.5vw,30px);margin:6px 0 8px;line-height:1.4;
  }
  .hero-overlay h1 span{color:var(--gold)}
  .hero-tagline{
    color:var(--ivory);font-size:13.5px;line-height:1.8;margin:0 auto 20px;
    max-width:420px;
  }
  .hero-copy{padding:26px 0}
  .hero-copy p{color:var(--muted);font-size:14.5px;line-height:1.9;max-width:520px;margin:0 auto}
  .cta-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
  .hero-course-info{
    max-width:480px;margin:0 auto 22px;text-align:center;
  }
  .hero-course-name{
    font-family:'Tahoma',sans-serif;font-size:17px;color:var(--gold);margin-bottom:6px;letter-spacing:.2px;
  }
  .hero-course-dates{
    font-size:14px;color:var(--ivory);margin-bottom:4px;
  }
  .hero-course-details{
    font-size:12px;color:var(--muted);line-height:1.7;
  }
  .btn-gold{
    background:linear-gradient(180deg,var(--gold-soft),var(--gold));
    color:#FFF1E6;text-decoration:none;border:none;border-radius:12px;padding:12px 22px;
    font-family:'Tahoma',sans-serif;font-weight:600;font-size:14px;cursor:pointer;
    box-shadow:0 10px 22px rgba(139,74,74,.2);
  }
  .btn-outline{
    background:transparent;color:var(--ivory);border:1px solid var(--line);border-radius:12px;padding:12px 22px;
    font-family:'Tahoma',sans-serif;font-weight:600;font-size:14px;cursor:pointer;
  }

  /* ===== شرائط ألوان متناوبة بين الأقسام ===== */
  .section-band.band-a{background:#FFFBF7}
  .section-band.band-b{background:#FFFBF7}
  .activities .section-title span{color:inherit}

  /* ===== أقسام الصفحة الرئيسية ===== */
  .home-sec{padding-bottom:34px}
  .home-lead{
    text-align:center;color:var(--muted);font-size:13px;line-height:2;
    max-width:520px;margin:10px auto 22px;
  }
  .feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
  .feature-card{
    background:var(--surface);border:1px solid var(--line-soft);border-radius:16px;
    padding:20px 18px;text-align:center;
  }
  .feature-ic{
    width:44px;height:44px;margin:0 auto 12px;border-radius:50%;
    background:rgba(139,74,74,.08);border:1px solid var(--line-soft);
    display:flex;align-items:center;justify-content:center;color:var(--gold);
  }
  .feature-ic svg{width:21px;height:21px}
  .feature-card h4{font-family:'Tahoma',sans-serif;font-size:14px;color:var(--ivory);margin-bottom:7px}
  .feature-card p{font-size:12px;color:var(--muted);line-height:1.9}

  .course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:12px}
  .course-card{
    background:var(--surface);border:1px solid var(--line-soft);border-radius:16px;
    padding:20px 18px;position:relative;
  }
  .course-num{
    display:flex;align-items:center;justify-content:center;
    width:30px;height:30px;border-radius:50%;background:var(--gold);color:var(--ink);
    font-family:'Tahoma',sans-serif;font-size:13px;margin-bottom:12px;
  }
  .course-card h4{font-family:'Tahoma',sans-serif;font-size:13.5px;color:var(--ivory);margin-bottom:7px}
  .course-card p{font-size:12px;color:var(--muted);line-height:1.9}

  .steps{display:flex;flex-direction:column;gap:12px}
  .step{
    display:flex;align-items:flex-start;gap:14px;
    background:var(--surface);border:1px solid var(--line-soft);border-radius:16px;padding:18px;
  }
  .step-num{
    flex-shrink:0;width:32px;height:32px;border-radius:50%;
    background:rgba(139,74,74,.09);border:1px solid var(--line);color:var(--gold);
    display:flex;align-items:center;justify-content:center;
    font-family:'Tahoma',sans-serif;font-size:14px;
  }
  .step h4{font-family:'Tahoma',sans-serif;font-size:13.5px;color:var(--ivory);margin-bottom:6px}
  .step p{font-size:12px;color:var(--muted);line-height:1.9}

  .terms-box{
    margin-top:16px;background:rgba(110,139,107,.09);border:1px solid rgba(110,139,107,.32);
    border-radius:16px;padding:18px 20px;
  }
  .terms-box b{font-family:'Tahoma',sans-serif;font-size:13px;color:#3F5A3D;display:block;margin-bottom:10px}
  .terms-box ul{list-style:none;display:flex;flex-direction:column;gap:8px}
  .terms-box li{
    position:relative;padding-right:20px;font-size:12px;color:var(--muted);line-height:1.9;
  }
  .terms-box li::before{
    content:"";position:absolute;right:4px;top:9px;width:6px;height:6px;
    border-radius:50%;background:var(--green);
  }

  .faq{display:flex;flex-direction:column;gap:9px;margin-top:8px}
  .faq-item{
    background:var(--surface);border:1px solid var(--line-soft);border-radius:14px;
    padding:14px 18px;
  }
  .faq-item summary{
    cursor:pointer;list-style:none;font-family:'Tahoma',sans-serif;font-size:13px;color:var(--ivory);
    display:flex;align-items:center;justify-content:space-between;gap:12px;
  }
  .faq-item summary::-webkit-details-marker{display:none}
  .faq-item summary::after{
    content:"+";color:var(--gold);font-size:17px;flex-shrink:0;line-height:1;
  }
  .faq-item[open] summary::after{content:"−"}
  .faq-item[open] summary{color:var(--gold)}
  .faq-item p{font-size:12px;color:var(--muted);line-height:2;margin-top:11px}

  /* ===== الإحصائيات: أشرطة كبيرة كاملة العرض ===== */
  .stats{padding:6px 0 8px}
  .section-title{
    font-family:'Tahoma',sans-serif;font-size:18px;text-align:center;
    margin-bottom:4px;color:var(--ivory);padding-top:30px;
  }
  .section-title span{color:var(--gold)}
  .stat-band{
    display:flex;align-items:center;gap:14px;
    padding:14px 0;border-bottom:1px solid var(--line-soft);
  }
  .stat-band:first-of-type{border-top:1px solid var(--line-soft);margin-top:10px}
  .stat-ic{
    width:56px;height:56px;flex-shrink:0;border-radius:16px;
    background:rgba(139,74,74,.08);border:1px solid var(--line);
    display:flex;align-items:center;justify-content:center;color:var(--gold);
  }
  .stat-ic svg{width:27px;height:27px}
  .stat-num{font-family:'Tahoma',sans-serif;font-weight:700;font-size:36px;color:var(--gold-soft);line-height:1}
  .stat-label{font-size:13px;color:var(--muted);margin-top:4px}

  /* ===== الفعاليات: كاروسيل بصور كاملة العرض ===== */
  .activities{padding:34px 0 8px}
  .carousel{
    display:flex;overflow-x:auto;scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .carousel::-webkit-scrollbar{display:none}
  .activity-card{scroll-snap-align:start;flex:0 0 100%;width:100%}
  .activity-banner{width:100%;height:60vh;display:block}
  .activity-body{padding:16px 18px 28px}
  .activity-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
  .activity-badge{font-size:11px;background:rgba(139,74,74,.12);color:var(--gold);border:1px solid rgba(139,74,74,.35);border-radius:999px;padding:3px 11px}
  .activity-badge.past{background:rgba(139,74,74,.05);color:var(--gold-soft);border-color:var(--line-soft)}

  /* ===== آراء الطالبات (كاروسيل) ===== */
  .testimonials{padding:8px 0 20px}
  .testi-carousel{
    display:flex;overflow-x:auto;scroll-snap-type:x mandatory;
    gap:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;
  }
  .testi-carousel::-webkit-scrollbar{display:none}
  .testi-slide{scroll-snap-align:start;flex:0 0 100%;width:100%;padding:0 18px}
  .testi-card{
    max-width:560px;margin:0 auto;
    background:var(--surface);border:1px solid var(--line);border-radius:16px;
    padding:24px 26px;position:relative;
  }
  .testi-card p{font-size:14px;color:var(--ivory);line-height:1.9;margin-bottom:14px}
  .testi-name{font-family:'Tahoma',sans-serif;font-size:13.5px;color:var(--gold)}
  .testi-role{font-size:11px;color:var(--muted);margin-top:2px}
  .activity-date{font-size:12px;color:var(--muted)}
  .activity-body h3{font-family:'Tahoma',sans-serif;font-size:17px;margin-bottom:6px}
  .activity-body p{font-size:13px;color:var(--muted);line-height:1.75;max-width:560px}
  .carousel-nav{display:flex;gap:8px;justify-content:center;padding-bottom:10px}
  .car-btn{width:34px;height:34px;border-radius:50%;background:var(--surface);border:1px solid var(--line);color:var(--gold);display:flex;align-items:center;justify-content:center;cursor:pointer}
  .car-btn:hover{border-color:var(--gold)}
  .car-btn svg{width:16px;height:16px}
  .car-dots{display:flex;gap:6px;justify-content:center;align-items:center;padding-bottom:18px}
  .car-dot{width:6px;height:6px;border-radius:50%;background:var(--line)}
  .car-dot.active{background:var(--gold);width:16px;border-radius:4px;transition:all .2s ease}

  /* ===== تواصل معنا — بلا صندوق، كجزء من التذييل ===== */
  footer{padding:44px 26px 26px;border-top:1px solid var(--line-soft);margin-top:26px}
  .footer-grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:26px;margin-bottom:26px}
  .footer-col{flex:1 1 260px}
  /* شعار المشروع كخلفية خفيفة خلف نبذة التذييل */
  .footer-brand{position:relative}
  .footer-brand::before{
    content:"";position:absolute;inset:-10px 0;z-index:0;pointer-events:none;
    background:var(--logo) right center / auto 100% no-repeat;
    filter:blur(2.5px);opacity:.13;
  }
  .footer-brand > *{position:relative;z-index:1}
  .footer-col h4{font-family:'Tahoma',sans-serif;font-size:14px;color:var(--gold-soft);margin-bottom:12px}
  .footer-col p{font-size:12.5px;color:var(--muted);line-height:1.8;max-width:420px}
  .footer-links{list-style:none;display:flex;flex-direction:column;gap:9px}
  .footer-links a{font-size:13px;color:var(--muted);text-decoration:none}
  .footer-links a:hover{color:var(--gold-soft)}
  .footer-contact-row{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);margin-bottom:10px}
  .footer-job-link{
    display:flex;align-items:center;gap:10px;font-size:13px;color:var(--gold-soft);
    text-decoration:none;margin-top:8px;padding-top:12px;border-top:1px solid var(--line-soft);
  }
  .footer-job-link:hover{color:var(--gold)}
  .footer-job-link svg{width:17px;height:17px;flex-shrink:0}

  /* ===== الشهادات ===== */
  .cert-preview{
    position:relative;width:100%;max-width:480px;margin:0 auto;border-radius:12px;overflow:hidden;
    border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;
  }
  .cert-preview img{width:100%;display:block}
  .cert-name-overlay{
    position:absolute;top:var(--cert-name-top, 50%);left:50%;transform:translate(-50%,-50%);
    font-family:'Tahoma',sans-serif;font-weight:bold;font-size:clamp(16px,4.2vw,30px);
    color:#4A342E;text-align:center;width:80%;
  }
  .cert-file-btn{
    display:flex;align-items:center;gap:12px;width:100%;
    background:rgba(139,74,74,.04);border:1px solid var(--line-soft);border-radius:14px;
    padding:12px 15px;margin-bottom:10px;cursor:pointer;text-align:right;color:var(--ivory);
  }
  .cert-file-btn:hover{border-color:var(--gold)}
  .cert-file-btn svg{width:26px;height:26px;color:var(--gold);flex-shrink:0}
  .cert-file-btn span{display:flex;flex-direction:column;gap:2px}
  .cert-file-btn b{font-size:13px;font-weight:bold}
  .cert-file-btn small{font-size:11px;color:var(--muted)}
  #printCertArea{display:none}
  @media print{
    body > *:not(#printCertArea){display:none !important}
    #printCertArea{display:block !important;padding:0;margin:0}
    #printCertArea .cert-preview{max-width:100%;box-shadow:none;border:none}
    #printCertArea .rep-doc{border:none;padding:0;background:#fff}
    #printCertArea .rep-month{break-inside:avoid}
    #printCertArea .rep-table-wrap{overflow:visible}
    #printCertArea .rep-table{min-width:0}
  }

  /* ===== تقرير الطالبة الكامل ===== */
  .rep-picks{display:flex;flex-direction:column;gap:8px}
  .rep-pick{
    display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;
    background:var(--surface);border:1px solid var(--line-soft);border-radius:12px;padding:12px 15px;
    font-family:'Tahoma',sans-serif;font-weight:bold;cursor:pointer;text-align:right;transition:border-color .2s,background .2s;
  }
  .rep-pick:hover{border-color:var(--gold-soft);background:var(--ink-2)}
  .rep-pick b{display:block;font-size:12.5px;color:var(--ivory)}
  .rep-pick small{display:block;font-size:11px;color:var(--muted);margin-top:3px}
  .rep-pick .att-tag{margin-inline-start:0;flex:none}
  .rep-doc{background:var(--surface);border:1px solid var(--line-soft);border-radius:14px;padding:20px}
  .rep-head{text-align:center;border-bottom:1px solid var(--line-soft);padding-bottom:13px;margin-bottom:15px}
  .rep-title{font-size:17px;color:var(--gold)}
  .rep-sub{font-size:11.5px;color:var(--muted);margin-top:5px}
  .rep-idbox{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:9px;margin-bottom:14px}
  .rep-idbox > div{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:10px;padding:9px 12px}
  .rep-idbox span{display:block;font-size:10.5px;color:var(--muted);margin-bottom:3px}
  .rep-idbox b{font-size:12px;color:var(--ivory)}
  .rep-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:9px;margin-bottom:14px}
  .rep-stat{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:10px;padding:11px 10px;text-align:center}
  .rep-stat span{display:block;font-size:10.5px;color:var(--muted);margin-bottom:5px}
  .rep-stat b{font-size:15px;color:var(--gold)}
  .rep-tests{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:9px;margin-bottom:14px}
  .rep-test{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--ink-2);border:1px solid var(--line-soft);border-radius:10px;padding:10px 13px;font-size:11.5px;color:var(--muted)}
  .rep-test b{font-size:11.5px;color:var(--muted)}
  .rep-test.pass{background:rgba(110,139,107,.18);border-color:#6E8B6B}
  .rep-test.pass b{color:#3F5A3D}
  .rep-grad{background:rgba(110,139,107,.18);border:1px solid #6E8B6B;border-radius:10px;padding:11px 14px;font-size:12px;color:#3F5A3D;margin:0 0 14px}
  .rep-month{border:1px solid var(--line-soft);border-radius:12px;padding:14px;margin-bottom:12px;background:var(--ink)}
  .rep-month-head{font-size:13px;color:var(--gold);margin-bottom:10px}
  .rep-plan{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin-bottom:11px}
  .rep-plan > div{background:var(--surface);border:1px solid var(--line-soft);border-radius:9px;padding:8px 11px}
  .rep-plan span{display:block;font-size:10.5px;color:var(--muted);margin-bottom:3px}
  .rep-plan b{font-size:11.5px;color:var(--ivory)}
  .rep-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .rep-table{width:100%;border-collapse:collapse;font-size:11px;min-width:430px}
  .rep-table th,.rep-table td{border:1px solid var(--line-soft);padding:7px 9px;text-align:right;color:var(--muted)}
  .rep-table th{background:var(--surface-2);color:var(--ivory);font-size:10.5px}
  .rep-table td.ok{color:#3F5A3D}
  .rep-table td.bad{color:var(--err)}
  .rep-foot{text-align:center;font-size:10.5px;color:var(--muted);margin:14px 0 0}
  .footer-contact-row svg{width:15px;height:15px;color:var(--gold);flex-shrink:0}
  .footer-social{display:flex;gap:10px;margin-top:14px}
  .footer-social a{width:32px;height:32px;border-radius:9px;border:1px solid var(--line-soft);display:flex;align-items:center;justify-content:center;color:var(--muted);text-decoration:none}
  .footer-social a:hover{color:var(--gold-soft);border-color:var(--line)}
  .footer-social svg{width:14px;height:14px}
  .footer-social a.social-named{width:auto;gap:8px;padding:0 12px;font-family:'Tahoma',sans-serif;font-size:12.5px;font-weight:bold;transition:color .2s,border-color .2s}
  .footer-bottom{border-top:1px solid var(--line-soft);padding-top:16px;text-align:center;color:var(--muted);font-size:11.5px}

  /* ===== نافذة تسجيل الدخول المنبثقة ===== */
  .modal-overlay{
    display:none;position:fixed;inset:0;z-index:100;
    background:rgba(74,52,46,.45);backdrop-filter:blur(4px);
    align-items:flex-end;justify-content:center;
    padding:0;
  }
  .modal-overlay.open{display:flex}
  .login-modal{
    width:100%;max-width:520px;max-height:92vh;overflow-y:auto;
    background:linear-gradient(180deg,var(--ink-2),var(--ink));
    border:1px solid var(--line);border-radius:22px 22px 0 0;
    box-shadow:0 -20px 50px rgba(139,74,74,.2);
    padding:16px 26px 30px;text-align:center;position:relative;
  }
  @media (min-width:560px){
    .modal-overlay{align-items:center}
    .login-modal{border-radius:22px;max-height:88vh}
  }
  .modal-close{
    position:absolute;top:14px;left:14px;
    width:30px;height:30px;border-radius:50%;
    background:rgba(139,74,74,.04);border:1px solid var(--line-soft);
    color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;
  }
  .modal-close:hover{color:var(--ivory);border-color:var(--line)}
  .modal-close svg{width:15px;height:15px}
  .modal-arch{display:flex;justify-content:center;margin-bottom:2px}
  .modal-arch svg{width:70px;height:auto}
  .modal-kicker{font-family:'Tahoma',sans-serif;font-size:13px;color:var(--gold-soft)}
  .modal-title{font-family:'Tahoma',sans-serif;font-weight:700;font-size:22px;margin:4px 0 4px}
  .modal-title span{color:var(--gold)}
  .modal-sub{color:var(--muted);font-size:13px;margin-bottom:18px}
  .modal-divider{display:flex;align-items:center;gap:10px;color:var(--gold);margin:16px auto 14px;max-width:440px;font-family:'Tahoma',sans-serif;font-size:12px;letter-spacing:1px}
  .modal-divider::before,.modal-divider::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--line),transparent)}
  .roles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}
  .role{background:var(--surface);border:1px solid var(--line-soft);border-radius:14px;padding:16px 8px 12px;cursor:pointer;text-align:center;position:relative;transition:all .15s ease}
  .role:hover{background:var(--surface-2);border-color:var(--line)}
  .role .ic{width:40px;height:40px;margin:0 auto 8px;border-radius:50%;border:1px solid var(--line);color:var(--gold);background:rgba(139,74,74,.06);display:flex;align-items:center;justify-content:center}
  .role .ic svg{width:20px;height:20px}
  .role h3{font-family:'Tahoma',sans-serif;font-weight:600;font-size:13px;margin-bottom:2px}
  .role p{color:var(--muted);font-size:10px;line-height:1.4}
  .role.selected{background:var(--surface-2);border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
  .role.selected .ic{background:var(--gold);color:var(--ink);border-color:var(--gold)}
  .modal-check{position:absolute;top:8px;left:8px;width:16px;height:16px;border-radius:50%;background:var(--gold);color:var(--ink);display:none;align-items:center;justify-content:center;font-size:10px;font-weight:700}
  .role.selected .modal-check{display:flex}
  .m-form{max-width:440px;margin:0 auto;text-align:right}
  .m-field{margin-bottom:12px}
  .m-field label{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}
  .m-note{display:flex;align-items:center;gap:7px;background:rgba(139,74,74,.07);border:1px dashed var(--line);border-radius:10px;padding:10px 13px;color:var(--gold-soft);font-size:11.5px;margin:2px 0 16px}


  /* ===================================================== */
  /* ===== شاشة "إنشاء حساب جديد" المدمجة داخل نفس الصفحة ===== */
  /* ===================================================== */
  #signupScreen{
    display:none;position:relative;
    padding:36px 18px 60px;
    justify-content:center;
  }
  #signupScreen.show{display:flex}
  #signupScreen::before{
    content:"";position:absolute;inset:0;
    background-image:
      linear-gradient(45deg, var(--line-soft) 1px, transparent 1px),
      linear-gradient(-45deg, var(--line-soft) 1px, transparent 1px);
    background-size:46px 46px;opacity:.5;pointer-events:none;
    -webkit-mask-image:radial-gradient(1000px 700px at 50% 20%, #000 20%, transparent 78%);
            mask-image:radial-gradient(1000px 700px at 50% 20%, #000 20%, transparent 78%);
  }

  .su-card{
    position:relative;z-index:1;width:100%;max-width:520px;
    background:linear-gradient(180deg, var(--ink-2), var(--ink));
    border:1px solid var(--line);
    border-radius:22px;
    box-shadow:var(--shadow);
    padding:26px 26px 30px;
  }
  .top-link{display:inline-block;color:var(--muted);text-decoration:none;font-size:13px;margin-bottom:14px;cursor:pointer}
  .top-link:hover{color:var(--gold-soft)}
  .su-card .arch{display:flex;justify-content:center;margin-bottom:2px}
  .su-card .arch svg{width:74px;height:auto}
  .su-card .brand-kicker{text-align:center;font-family:'Tahoma',sans-serif;font-size:14px;color:var(--gold-soft)}
  .su-card .brand{text-align:center;font-family:'Tahoma',sans-serif;font-weight:700;font-size:clamp(20px,4.5vw,26px);margin:4px 0 4px}
  .su-card .brand span{color:var(--gold)}
  .su-card .subtitle{text-align:center;color:var(--muted);font-size:14px;margin-bottom:22px}

  #signupScreen .field{margin-bottom:16px}
  #accountScreen .field{margin-bottom:16px}
  #signupScreen .field label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px;font-weight:500}
  #accountScreen .field label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px;font-weight:500}
  .req{color:var(--err);margin-right:2px}
  .field-note{font-size:11.5px;color:var(--muted);margin:-2px 0 10px;line-height:1.5}
  input.file-input{
    padding:10px 12px !important;cursor:pointer;font-size:12.5px !important;
  }
  input.file-input::file-selector-button{
    background:var(--gold);color:#FFF1E6;border:none;border-radius:8px;
    padding:8px 14px;margin-left:10px;font-family:'Tahoma',sans-serif;font-size:12px;cursor:pointer;
  }
  input.file-input::file-selector-button:hover{background:var(--gold-soft)}

  /* ===== شبكة اختيار المحافظة (عنوان كويتي) ===== */
  .kw-gov-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}
  .kw-gov-btn{
    padding:12px 8px;border-radius:10px;border:1px solid var(--line-soft);
    background:rgba(139,74,74,.03);color:var(--muted);
    font-family:'Tahoma',sans-serif;font-size:12.5px;font-weight:500;cursor:pointer;
    transition:background .15s ease,border-color .15s ease,color .15s ease;
  }
  .kw-gov-btn:hover{border-color:var(--gold);color:var(--ivory)}
  .kw-gov-btn.selected{background:var(--gold);border-color:var(--gold);color:#FFF1E6;font-weight:700}

  .surah-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:6px;
    max-height:280px;overflow-y:auto;padding:10px;margin-bottom:10px;
    border:1px solid var(--line-soft);border-radius:12px;background:rgba(139,74,74,.05);
  }
  .surah-cell{
    min-height:40px;padding:8px 6px;border-radius:8px;border:1px solid var(--line-soft);
    background:rgba(139,74,74,.03);color:var(--muted);font-family:'Tahoma',sans-serif;
    font-size:11.5px;line-height:1.3;cursor:pointer;display:flex;align-items:center;justify-content:center;
    text-align:center;transition:background .15s ease, border-color .15s ease, color .15s ease, transform .1s ease;
  }
  .surah-cell:hover{border-color:var(--gold);color:var(--ivory)}
  .surah-cell:active{transform:scale(.95)}
  .surah-cell.selected{background:#6E8B6B;border-color:#6E8B6B;color:#4A342E;font-weight:700}
  .surah-selected-list{display:flex;flex-wrap:wrap;gap:6px;min-height:20px;font-size:12px;color:var(--muted);margin-bottom:16px}
  .su-chip{background:rgba(110,139,107,.15);border:1px solid rgba(110,139,107,.5);color:#3F5A3D;padding:5px 12px;border-radius:999px;font-size:11.5px}

  .verse-picker-wrap{margin-bottom:6px}
  .verse-grid{
    display:grid;grid-template-columns:repeat(8,1fr);gap:5px;max-height:220px;overflow-y:auto;
    padding:10px;border:1px solid var(--line-soft);border-radius:12px;background:rgba(139,74,74,.05);margin-bottom:16px;
  }
  .verse-cell{
    aspect-ratio:1;border-radius:7px;border:1px solid var(--line-soft);background:rgba(139,74,74,.03);
    color:var(--muted);font-family:'Tahoma',sans-serif;font-size:11px;cursor:pointer;
    display:flex;align-items:center;justify-content:center;
    transition:background .15s ease, border-color .15s ease, color .15s ease, transform .1s ease;
  }
  .verse-cell:hover{border-color:var(--gold);color:var(--ivory)}
  .verse-cell:active{transform:scale(.92)}
  .verse-cell.selected{background:var(--gold);border-color:var(--gold);color:#FFF1E6;font-weight:700}
  .verse-confirm-btn{
    width:100%;background:linear-gradient(180deg,var(--gold-soft),var(--gold));
    color:#FFF1E6;border:none;border-radius:10px;padding:11px;
    font-family:'Tahoma',sans-serif;font-weight:600;font-size:13.5px;
    cursor:pointer;margin-bottom:16px;transition:filter .15s ease, opacity .15s ease;
  }
  .verse-confirm-btn:disabled{opacity:.35;cursor:not-allowed}
  .verse-confirm-btn:not(:disabled):hover{filter:brightness(1.05)}
  .verse-confirmed{
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    background:rgba(110,139,107,.12);border:1px solid rgba(110,139,107,.4);border-radius:10px;
    padding:11px 14px;margin-bottom:16px;font-size:13px;color:#3F5A3D;
  }
  .verse-edit-btn{
    background:transparent;border:1px solid var(--line-soft);color:var(--muted);
    border-radius:8px;padding:7px 13px;font-size:12px;cursor:pointer;flex-shrink:0;
  }
  .verse-edit-btn:hover{color:var(--ivory);border-color:var(--line)}

  @media (max-width:400px){
    .surah-grid{grid-template-columns:repeat(2,1fr)}
    .verse-grid{grid-template-columns:repeat(6,1fr)}
  }
  .error-msg{
    display:none;color:var(--err);font-size:12px;margin-top:14px;
    background:rgba(193,87,61,.08);border:1px solid rgba(193,87,61,.3);border-radius:10px;padding:9px 12px;
  }
  .error-msg.show{display:block}

  .stepper{display:none;align-items:center;justify-content:center;gap:6px;margin:6px 0 24px}
  .stepper.show{display:flex}
  .step-dot{
    width:30px;height:30px;border-radius:50%;border:1.5px solid var(--line);
    display:flex;align-items:center;justify-content:center;
    font-family:'Tahoma',sans-serif;font-size:13px;color:var(--muted);
    background:var(--ink);flex-shrink:0;transition:all .2s ease;
  }
  .step-dot.active{border-color:var(--gold);color:var(--gold);background:rgba(139,74,74,.1)}
  .step-dot.done{background:var(--gold);border-color:var(--gold);color:var(--ink)}
  .step-line{width:34px;height:1.5px;background:var(--line-soft);flex-shrink:0}
  .step-line.done{background:var(--gold)}
  .step-title{text-align:center;font-family:'Tahoma',sans-serif;font-size:15px;color:var(--gold-soft);margin-bottom:18px;display:none}
  .step-title.show{display:block}

  #wizard{display:none}
  #wizard.show{display:block}
  .step-panel{display:none}
  .step-panel.active{display:block}

  .btn-row{display:flex;gap:10px;margin-top:6px}
  .btn-primary{
    flex:1;background:linear-gradient(180deg,var(--gold-soft),var(--gold));
    color:#FFF1E6;border:none;border-radius:12px;padding:14px;
    font-family:'Tahoma',sans-serif;font-weight:600;font-size:16px;
    cursor:pointer;transition:transform .15s ease, filter .15s ease;
    box-shadow:0 10px 22px rgba(139,74,74,.2);
  }
  .btn-primary:hover{transform:translateY(-2px);filter:brightness(1.04)}
  .btn-secondary{
    flex:1;background:transparent;color:var(--muted);border:1px solid var(--line-soft);
    border-radius:12px;padding:14px;font-family:'Tahoma',sans-serif;font-weight:500;font-size:15px;cursor:pointer;
  }
  .btn-secondary:hover{color:var(--ivory);border-color:var(--line)}

  .su-hint{text-align:center;color:var(--muted);font-size:12px;margin-top:16px}
  .su-hint a{color:var(--gold-soft);text-decoration:none;cursor:pointer}

  #success{display:none;text-align:center}
  #success.show{display:block}
  .success-ic{
    width:64px;height:64px;border-radius:50%;background:rgba(139,74,74,.12);
    border:1px solid var(--line);color:var(--gold);
    display:flex;align-items:center;justify-content:center;margin:6px auto 16px;
  }
  .success-ic svg{width:30px;height:30px}
  #success h2{font-family:'Tahoma',sans-serif;font-size:21px;margin-bottom:6px}
  #success p{color:var(--muted);font-size:14px;margin-bottom:22px;line-height:1.6}
  .role-chip{
    display:inline-block;background:rgba(139,74,74,.1);border:1px solid var(--line);
    color:var(--gold-soft);padding:5px 14px;border-radius:999px;font-size:12.5px;
  }
  #success .role-chip{margin-bottom:18px
  }

  /* ===================================================== */
  /* ===== شاشة "حسابي" ===== */
  /* ===================================================== */
  #accountScreen{display:none;position:relative;padding:36px 18px 60px}
  #accountScreen.show{display:block}
  .acc-wrap{max-width:560px;margin:0 auto}

  .acc-profile{display:flex;align-items:center;gap:14px;padding:18px 0 24px}
  .acc-avatar{
    width:56px;height:56px;border-radius:50%;flex-shrink:0;
    background:linear-gradient(180deg,var(--gold-soft),var(--gold));color:#FFF1E6;
    display:flex;align-items:center;justify-content:center;
    font-family:'Tahoma',sans-serif;font-weight:700;font-size:21px;
  }
  .acc-name{font-family:'Tahoma',sans-serif;font-weight:700;font-size:18px;margin-bottom:5px}

  .acc-card{
    background:var(--surface);border:1px solid var(--line);border-radius:18px;
    padding:20px 20px 22px;margin-bottom:16px;
  }
  .acc-card-title{font-family:'Tahoma',sans-serif;font-weight:600;font-size:16px;margin:2px 0 14px;text-align:right}
  .acc-progress-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}
  .acc-progress-num{font-family:'Tahoma',sans-serif;font-size:22px;color:var(--gold)}
  .acc-progress-num span{font-size:13px;color:var(--muted);font-family:'Tahoma',sans-serif}
  .acc-progress-track{
    height:9px;border-radius:99px;background:var(--surface-2);
    border:1px solid var(--line-soft);overflow:hidden;margin-bottom:16px;
  }
  .acc-progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--gold-soft),var(--gold))}
  .acc-surah-label{font-size:12.5px;color:var(--muted);margin-bottom:8px}
  .acc-chip-list{display:flex;flex-wrap:wrap;gap:6px}

  .acc-plan-row{
    display:flex;align-items:center;gap:12px;
    background:var(--surface-2);border:1px solid var(--line-soft);
    border-radius:12px;padding:12px 14px;margin-bottom:10px;
  }
  .acc-plan-row:last-child{margin-bottom:0}
  .acc-plan-ic{
    width:34px;height:34px;border-radius:50%;flex-shrink:0;
    background:rgba(139,74,74,.1);color:var(--gold);
    display:flex;align-items:center;justify-content:center;
  }
  .acc-plan-ic svg{width:16px;height:16px}
  .acc-plan-label{font-size:11px;color:var(--muted);margin-bottom:2px}
  .acc-plan-value{font-size:13.5px;color:var(--ivory);font-weight:600}

  .acc-appt{
    display:flex;align-items:center;gap:14px;
    background:linear-gradient(135deg, rgba(139,74,74,.08), rgba(139,74,74,.02));
    border:1px solid var(--line);border-radius:14px;padding:16px;
  }
  .acc-appt-date{
    flex-shrink:0;width:62px;height:62px;border-radius:14px;
    background:linear-gradient(180deg,var(--gold-soft),var(--gold));color:#FFF1E6;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    font-family:'Tahoma',sans-serif;
  }
  .acc-appt-date .d{font-size:21px;font-weight:700;line-height:1}
  .acc-appt-date .m{font-size:10px;margin-top:2px}
  .acc-appt-title{font-family:'Tahoma',sans-serif;font-size:14px;margin-bottom:4px}
  .acc-appt-sub{font-size:11.5px;color:var(--muted);line-height:1.6}
  .acc-appt-recur{
    display:inline-flex;align-items:center;gap:4px;margin-top:6px;
    background:rgba(110,139,107,.15);border:1px solid rgba(110,139,107,.5);
    color:#3F5A3D;padding:4px 11px;border-radius:999px;font-size:10.5px;
  }

  /* ===== تنسيق موحّد نهائي لكل الحقول بالموقع بأكمله: شاشة الحساب + شاشة التسجيل + كل النوافذ المنبثقة (بغض النظر عن موضعها بالـ DOM) — مصدر واحد فقط، لا تكرار ولا تعارض ===== */
  #accountScreen select, #accountScreen input, #accountScreen textarea,
  #signupScreen select, #signupScreen input, #signupScreen textarea,
  .modal-overlay select, .modal-overlay input, .modal-overlay textarea{
    width:100%;background:rgba(139,74,74,.04);border:1px solid var(--line-soft);
    border-radius:14px;padding:12px 15px;color:var(--ivory);font-family:inherit;font-size:14px;
    box-shadow:0 2px 8px rgba(139,74,74,.06);
  }
  #accountScreen select:focus, #accountScreen input:focus, #accountScreen textarea:focus,
  #signupScreen select:focus, #signupScreen input:focus, #signupScreen textarea:focus,
  .modal-overlay select:focus, .modal-overlay input:focus, .modal-overlay textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 2px 10px rgba(139,74,74,.1)}
  #accountScreen select, #signupScreen select, .modal-overlay select{
    appearance:none;-webkit-appearance:none;cursor:pointer;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238B4A4A' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:left 14px center;background-size:16px;padding-left:38px;
  }
  #accountScreen select option, #signupScreen select option, .modal-overlay select option{background:var(--ink-2);color:var(--ivory)}
  #adminModalBody .field{margin-bottom:14px;text-align:right}
  #adminModalBody .field label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:6px;font-weight:500}
  /* استثناء ضمن نفس القاعدة الموحّدة: مربّعات الاختيار لا تأخذ تنسيق الحقول */
  #accountScreen input[type="checkbox"], #signupScreen input[type="checkbox"], .modal-overlay input[type="checkbox"]{
    width:17px;min-width:17px;height:17px;padding:0;border-radius:5px;box-shadow:none;
    accent-color:var(--gold);cursor:pointer;flex-shrink:0;
  }
  #accountScreen label.check-line, #signupScreen label.check-line,
  .modal-overlay label.check-line, #adminModalBody .field label.check-line{
    display:flex;align-items:center;gap:9px;cursor:pointer;
    font-size:12.5px;color:var(--ivory);font-weight:bold;margin-bottom:0;
  }

  /* ===== لوحة الإدارة والمعلّمة ===== */
  .adm-summary{display:flex;gap:10px;margin-bottom:16px}
  .risk-banner{
    background:rgba(193,87,61,.1);border:1px solid rgba(193,87,61,.35);color:var(--err);
    border-radius:12px;padding:11px 14px;font-size:12.5px;margin-bottom:14px;line-height:1.7;
  }
  .risk-flag{
    display:inline-flex;align-items:center;justify-content:center;
    width:16px;height:16px;border-radius:50%;background:var(--err);color:#FFF1E6;
    font-size:10px;font-weight:bold;margin-right:6px;flex-shrink:0;
  }
  .risk-note{
    background:rgba(193,87,61,.08);border:1px solid rgba(193,87,61,.3);color:var(--err);
    border-radius:10px;padding:11px 14px;font-size:11.5px;margin-bottom:12px;line-height:1.7;
  }
  .adm-summary-box{
    flex:1;background:var(--surface);border:1px solid var(--line);border-radius:14px;
    padding:14px;text-align:center;
  }
  .adm-summary-num{font-family:'Tahoma',sans-serif;font-size:22px;color:var(--gold)}
  .adm-summary-label{font-size:11.5px;color:var(--muted);margin-top:2px}
  .adm-actions-row{display:flex;gap:8px;margin-bottom:18px}
  .adm-action-btn{
    flex:1;background:rgba(139,74,74,.06);border:1px solid var(--line-soft);
    color:var(--gold-soft);font-family:'Tahoma',sans-serif;font-weight:600;
    font-size:12.5px;padding:11px;border-radius:10px;cursor:pointer;
  }
  .adm-action-btn:hover{border-color:var(--gold);color:var(--gold)}

  .adm-teacher-card{
    background:var(--surface);border:1px solid var(--line);border-radius:16px;
    margin-bottom:12px;overflow:hidden;
  }
  .adm-teacher-head{
    display:flex;align-items:center;justify-content:space-between;
    padding:14px 16px;cursor:pointer;
  }
  .adm-teacher-name{font-family:'Tahoma',sans-serif;font-size:14.5px;margin-bottom:3px}
  .adm-teacher-sub{font-size:11.5px;color:var(--muted)}
  .adm-teacher-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
  .hint{font-size:12px;color:var(--muted);line-height:1.7}
  .adm-teacher-actions{display:flex;align-items:center;gap:10px}
  .adm-chevron{color:var(--muted);font-size:12px;transition:transform .2s ease}
  .adm-chevron.open{transform:rotate(180deg)}
  .adm-del-btn{
    background:transparent;border:1px solid rgba(193,87,61,.35);color:var(--err);
    font-family:'Tahoma',sans-serif;font-size:11px;padding:6px 12px;border-radius:8px;cursor:pointer;
    white-space:nowrap;
  }
  .adm-del-btn:hover{background:rgba(193,87,61,.08)}
  .adm-del-btn.small{padding:5px 11px;font-size:10.5px}

  .adm-student-list{border-top:1px solid var(--line-soft);padding:12px 14px 14px}
  .adm-student-row{
    background:var(--surface-2);border:1px solid var(--line-soft);border-radius:12px;
    padding:0;margin-bottom:10px;overflow:hidden;
  }
  .adm-student-row:last-of-type{margin-bottom:12px}
  .adm-student-name-header{
    display:flex;align-items:center;justify-content:space-between;
    padding:13px 14px;cursor:pointer;
  }
  .adm-student-detail{padding:4px 16px 16px}
  .adm-student-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
  .adm-student-name{font-family:'Tahoma',sans-serif;font-size:13px}
  .adm-student-meta{display:flex;gap:14px;margin-bottom:6px;flex-wrap:wrap}
  .adm-meta-item{font-size:11px;color:var(--muted)}
  .adm-meta-item b{display:block;font-size:12.5px;color:var(--ivory);margin-top:2px}
  .adm-student-plan{font-size:11.5px;color:var(--muted);margin:6px 0 10px}
  .adm-student-actions{display:flex;gap:8px}
  /* ===== منتقي وقت الحلقة ===== */
  .tp-readout{
    background:linear-gradient(135deg,var(--gold) 0%,var(--gold-soft) 100%);
    color:var(--ink);border-radius:18px;padding:16px 18px;text-align:center;
    box-shadow:0 10px 26px rgba(139,74,74,.22);position:relative;overflow:hidden;
  }
  .tp-readout::after{
    content:"";position:absolute;width:150px;height:150px;border-radius:50%;
    border:1.5px solid rgba(255,241,230,.16);top:-62px;left:-42px;pointer-events:none;
  }
  .tp-readout-day{font-size:11.5px;opacity:.85;letter-spacing:.3px}
  .tp-readout-time{
    font-family:'Tahoma',sans-serif;font-size:32px;line-height:1.35;margin:2px 0 1px;
    display:flex;align-items:baseline;justify-content:center;gap:8px;
  }
  .tp-readout-time .tp-num{direction:ltr;unicode-bidi:isolate}
  .tp-readout-time .tp-per{font-size:14px;opacity:.9}
  .tp-readout-sub{
    font-size:11px;opacity:.85;display:inline-flex;align-items:center;gap:6px;
    background:rgba(255,241,230,.14);border-radius:999px;padding:4px 11px;margin-top:6px;
  }
  .tp-readout-sub svg{width:12px;height:12px}
  .tp-label{font-size:11.5px;color:var(--muted);margin:14px 0 7px;font-weight:bold}
  .slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}
  .slot-btn{
    display:flex;flex-direction:column;align-items:center;gap:3px;
    background:var(--surface);border:1px solid var(--line-soft);border-radius:12px;
    padding:11px 8px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;
  }
  .slot-btn b{font-family:'Tahoma',sans-serif;font-size:13px;color:var(--ivory)}
  .slot-btn small{font-size:10px;color:var(--muted);text-align:center;line-height:1.5}
  .slot-btn:not(:disabled):hover{border-color:var(--gold)}
  .slot-btn.active{background:var(--gold);border-color:var(--gold);box-shadow:0 5px 14px rgba(139,74,74,.25)}
  .slot-btn.active b,.slot-btn.active small{color:var(--ink)}
  .slot-btn.taken{opacity:.5;cursor:not-allowed;border-style:dashed}
  .signup-teacher-slots{padding-top:10px;margin-top:12px;border-top:1px solid var(--line-soft)}
  .signup-teacher-slots h3{font-size:13px;margin:0 0 8px;color:var(--ivory)}
  .signup-teacher-slots .slot-btn b{color:var(--ivory)}
  .signup-teacher-slots .slot-btn small{color:var(--gold)}
  .signup-teacher-slots .slot-btn.active b,.signup-teacher-slots .slot-btn.active small{color:var(--ink)}
  @media (min-width:560px){ .slot-grid{grid-template-columns:repeat(4,minmax(0,1fr))} }
  /* ===== أقسام مرقّمة داخل نماذج الإدارة ===== */
  .fs-sec{
    border:1px solid var(--line-soft);border-radius:14px;padding:15px 15px 3px;
    margin-bottom:12px;background:rgba(139,74,74,.035);
  }
  .fs-sec-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}
  .fs-num{
    width:22px;height:22px;border-radius:50%;background:var(--gold);color:var(--ink);
    font-family:'Tahoma',sans-serif;font-size:11.5px;display:flex;align-items:center;
    justify-content:center;flex-shrink:0;
  }
  .fs-sec-title{font-family:'Tahoma',sans-serif;font-size:13px;color:var(--ivory)}
  .fs-sec-hint{font-size:11px;color:var(--muted);line-height:1.7;margin-bottom:10px}
  .acc-next-task{
    margin-top:10px;background:rgba(139,74,74,.05);border:1px solid var(--line-soft);
    border-radius:12px;padding:9px 12px;font-size:11.5px;color:var(--ivory);line-height:1.9;
  }
  .acc-next-task span{color:var(--muted)}
  .acc-next-task b{color:var(--gold-soft)}
  /* ===== حضور الطالبة بحسابها ===== */
  .acc-attendance{margin-top:16px;border-top:1px solid var(--line-soft);padding-top:14px}
  .acc-att-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:7px}
  .acc-att-head span{font-size:11.5px;color:var(--muted)}
  .acc-att-head b{font-family:'Tahoma',sans-serif;font-size:15px;color:var(--green)}
  .acc-att-track{height:7px;border-radius:999px;background:rgba(139,74,74,.1);overflow:hidden}
  .acc-att-fill{height:100%;background:var(--green);border-radius:999px}
  .acc-att-sub{font-size:11px;color:var(--muted);margin-top:7px;line-height:1.7}

  /* ===== الاعتذار عن حلقة ===== */
  .absence-sent{
    background:rgba(139,74,74,.06);border:1px solid var(--line);border-radius:12px;padding:13px 15px;line-height:1.8;
  }
  .absence-sent b{font-family:'Tahoma',sans-serif;font-size:12.5px;color:var(--gold);display:block;margin-bottom:4px}
  .absence-sent p{font-size:11.5px;color:var(--muted)}
  .absent-badge{
    display:inline-block;margin-right:7px;padding:3px 10px;border-radius:999px;
    background:rgba(193,87,61,.12);border:1px solid rgba(193,87,61,.4);
    color:var(--err);font-family:'Tahoma',sans-serif;font-size:10px;vertical-align:2px;
  }
  .adm-teacher-card.unseen{border-color:rgba(193,87,61,.4)}

  /* ===== جدول المعلّمة الأسبوعي ===== */
  .sched-day{margin-bottom:12px}
  .sched-day-head{
    display:flex;align-items:baseline;justify-content:space-between;
    font-family:'Tahoma',sans-serif;font-size:12.5px;color:var(--gold);margin-bottom:7px;
  }
  .sched-day-head span{font-size:10.5px;color:var(--muted)}
  .sched-row{
    display:flex;align-items:center;gap:12px;background:var(--surface);
    border:1px solid var(--line-soft);border-radius:10px;padding:11px 13px;margin-bottom:6px;
  }
  .sched-row.excused{border-color:rgba(193,87,61,.35);background:rgba(193,87,61,.05)}
  .sched-row.free{background:transparent;border-style:dashed;opacity:.6}
  .sched-row.free .sched-name{color:var(--muted)}
  .sched-time{font-family:'Tahoma',sans-serif;font-size:12px;color:var(--gold-soft);flex-shrink:0;min-width:86px}
  .sched-name{flex:1;font-size:12.5px;color:var(--ivory);min-width:0}
  .sched-note{font-size:10.5px;color:var(--muted);flex-shrink:0}
  .sched-row.excused .sched-note{color:var(--err)}

  .forgot-box{
    background:rgba(139,74,74,.06);border:1px dashed var(--line);border-radius:14px;
    padding:15px 17px;margin-top:6px;text-align:right;
  }
  .forgot-box b{font-family:'Tahoma',sans-serif;font-size:12.5px;color:var(--gold);display:block;margin-bottom:7px}
  .forgot-box p{font-size:11.5px;color:var(--muted);line-height:2}
  .forgot-phone{text-align:center;margin-top:9px}

  /* ===== صندوق كلمة المرور المؤقتة ===== */
  .pw-box{
    background:rgba(139,74,74,.06);border:1px solid var(--line);border-radius:14px;
    padding:14px 16px;margin-bottom:12px;
  }
  .pw-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:6px 0;font-size:12.5px}
  .pw-row span{color:var(--muted);flex-shrink:0}
  .pw-row b{color:var(--ivory);font-family:'Tahoma',sans-serif}
  .pw-code{
    background:var(--gold);color:var(--ink);border-radius:8px;padding:4px 12px;
    font-size:14px;letter-spacing:.5px;
  }

  /* ===== الإشعارات الشخصية ===== */
  .notif-count{
    font-size:10.5px;background:var(--gold);color:var(--ink);
    border-radius:999px;padding:3px 10px;margin-right:7px;vertical-align:2px;
  }
  .notif-list{display:flex;flex-direction:column;gap:9px;margin-top:4px}
  .notif-item{
    border:1px solid var(--line-soft);border-radius:12px;padding:12px 14px;
    background:rgba(139,74,74,.035);line-height:1.75;
  }
  .notif-item.unread{border-color:var(--line);background:rgba(139,74,74,.08)}
  .notif-title{font-family:'Tahoma',sans-serif;font-size:12.5px;color:var(--ivory);margin-bottom:3px}
  .notif-item.unread .notif-title{color:var(--gold)}
  .notif-body{font-size:11.5px;color:var(--muted)}
  .notif-date{font-size:10.5px;color:var(--muted);margin-top:5px;opacity:.85}

  /* ===== رزنامة أنشطة المشروع ===== */
  .cal-intro{
    background:rgba(110,139,107,.10);border:1px solid rgba(110,139,107,.3);
    border-radius:14px;padding:14px 18px;margin-bottom:16px;text-align:center;
    font-size:12.5px;color:#3F5A3D;line-height:1.9;
  }
  .cal-yearbar{
    display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;
    background:rgba(139,74,74,.05);border:1px solid var(--line-soft);border-radius:12px;padding:11px 13px;
  }
  .cal-yearlabel{flex:1;text-align:center;line-height:1.6}
  .cal-yearlabel b{display:block;font-family:'Tahoma',sans-serif;font-size:13px;color:var(--gold)}
  .cal-yearlabel span{font-size:10.5px;color:var(--muted)}
  .cal-nav-btn{
    width:32px;height:32px;flex-shrink:0;border-radius:50%;border:1px solid var(--line);
    background:var(--surface);color:var(--gold);cursor:pointer;
    display:flex;align-items:center;justify-content:center;
  }
  .cal-nav-btn:hover{border-color:var(--gold);background:rgba(139,74,74,.07)}
  .cal-nav-btn svg{width:16px;height:16px}
  .cal-months{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:14px}
  .cal-month{border:1px solid var(--line-soft);border-radius:14px;padding:14px 13px 13px;background:var(--surface)}
  .cal-month-head{
    display:flex;align-items:baseline;justify-content:space-between;margin-bottom:11px;padding:0 2px;
  }
  .cal-month-name{font-family:'Tahoma',sans-serif;font-size:14px;color:var(--gold)}
  .cal-month-year{font-size:11px;color:var(--muted)}
  .cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
  .cal-dow{
    font-size:9.5px;color:var(--muted);text-align:center;padding:6px 0;overflow:hidden;
    background:rgba(139,74,74,.06);border-radius:5px;
  }
  .cal-day{
    aspect-ratio:1;display:flex;align-items:center;justify-content:center;
    font-size:11px;color:var(--ivory);border-radius:6px;background:rgba(255,241,230,.5);
    border:1px solid transparent;
  }
  .cal-day.empty{background:transparent}
  .cal-day.marked{font-weight:bold;color:#3A2B26}
  .cal-day.today{border-color:var(--gold);font-weight:bold}
  .cal-day.clickable{cursor:pointer}
  .cal-day.clickable:hover{outline:2px solid var(--gold);outline-offset:-2px}
  .cal-legend{display:flex;flex-direction:column;gap:7px;margin-top:14px}
  .cal-legend-item{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--ivory)}
  .cal-swatch{width:26px;height:16px;border-radius:5px;border:1px solid rgba(74,52,46,.15);flex-shrink:0}

  /* ===== اختيار الطالبات عند إصدار الشهادات ===== */
  .cert-pick-tools{display:flex;align-items:center;gap:10px;margin-bottom:8px}
  .cert-student-list{
    max-height:260px;overflow-y:auto;border:1px solid var(--line-soft);border-radius:12px;
    padding:8px;background:rgba(139,74,74,.03);margin-bottom:10px;
  }
  .cert-pick-row{
    display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;cursor:pointer;
  }
  .cert-pick-row:hover{background:rgba(139,74,74,.06)}
  .cert-pick-row.disabled{opacity:.5;cursor:not-allowed}
  .cert-pick-main{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}
  .cert-pick-main b{font-size:12.5px;color:var(--ivory)}
  .cert-pick-main small{font-size:10.5px;color:var(--muted)}
  .cert-chip{
    flex-shrink:0;font-size:10px;padding:4px 10px;border-radius:999px;
    font-family:'Tahoma',sans-serif;border:1px solid transparent;
  }
  .cert-chip.pass{background:rgba(110,139,107,.16);border-color:rgba(110,139,107,.45);color:var(--green)}
  .cert-chip.fail{background:rgba(193,87,61,.1);border-color:rgba(193,87,61,.35);color:var(--err)}
  .cert-chip.done{background:rgba(139,74,74,.1);border-color:var(--line);color:var(--muted)}

  /* ===== قفل الأشهر غير المفتوحة ===== */
  .month-lock-wrap{position:relative;border-radius:16px;overflow:hidden}
  .month-lock-inner{filter:blur(4px) grayscale(.35);opacity:.55;pointer-events:none;user-select:none}
  .month-lock-msg{
    position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:6px;text-align:center;padding:20px;background:rgba(74,52,46,.32);backdrop-filter:blur(2px);
  }
  .month-lock-msg svg{width:30px;height:30px;color:var(--ink);opacity:.95}
  .month-lock-msg b{font-family:'Tahoma',sans-serif;font-size:14px;color:var(--ink)}
  .month-lock-msg p{font-size:11.5px;color:var(--ink);opacity:.9;line-height:1.7;max-width:280px}
  .month-test-box{
    margin-top:12px;border:1px solid var(--line-soft);border-radius:12px;
    padding:13px 15px;background:rgba(139,74,74,.04);
  }
  .month-test-box.passed{border-color:rgba(110,139,107,.45);background:rgba(110,139,107,.10)}
  .grad-banner{
    display:flex;align-items:flex-start;gap:11px;margin-bottom:14px;
    background:rgba(110,139,107,.12);border:1px solid rgba(110,139,107,.4);
    border-radius:14px;padding:12px 14px;
  }
  .grad-banner svg{width:22px;height:22px;color:var(--green);flex-shrink:0;margin-top:2px}
  .grad-banner b{font-family:'Tahoma',sans-serif;font-size:13px;color:#3F5A3D;display:block;margin-bottom:3px}
  .grad-banner p{font-size:11.5px;color:var(--muted);line-height:1.8}
  .grad-badge{
    display:inline-block;margin-right:7px;padding:3px 10px;border-radius:999px;
    background:rgba(139,74,74,.12);border:1px solid var(--line);
    color:var(--gold);font-family:'Tahoma',sans-serif;font-size:10px;vertical-align:2px;
  }
  .mur-badge{
    display:inline-block;margin-right:7px;padding:3px 10px;border-radius:999px;
    background:rgba(110,139,107,.16);border:1px solid rgba(110,139,107,.45);
    color:var(--green);font-family:'Tahoma',sans-serif;font-size:10px;vertical-align:2px;
  }
  @media (max-width:420px){
    .tp-readout-time{font-size:28px}
    .slot-btn{padding:10px 6px}
    .slot-btn b{font-size:12.5px}
  }
  .adm-mini-btn{
    flex:1;background:transparent;border:1px solid var(--line-soft);color:var(--gold-soft);
    font-family:'Tahoma',sans-serif;font-size:11px;padding:9px 10px;border-radius:8px;cursor:pointer;
  }
  .adm-mini-btn:hover{border-color:var(--gold);color:var(--gold)}
  .adm-add-student-btn{
    display:block;width:100%;background:transparent;border:1px dashed var(--line);
    color:var(--muted);font-family:'Tahoma',sans-serif;font-size:12px;padding:10px;
    border-radius:10px;cursor:pointer;
  }
  .adm-add-student-btn:hover{color:var(--gold-soft);border-color:var(--gold)}

  /* ===== زر القائمة (الخطوط الثلاثة) ===== */
  .adm-hamburger-btn{
    background:var(--surface);border:1px solid var(--line);color:var(--ivory);
    width:38px;height:38px;border-radius:10px;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;cursor:pointer;
  }
  .adm-hamburger-btn:hover{border-color:var(--gold);color:var(--gold)}
  .adm-hamburger-btn svg{width:19px;height:19px}

  /* ===== زر القائمة العائم الرئيسي (يحل محل الشريط العلوي) ===== */
  .main-menu-btn{
    position:fixed;top:16px;right:16px;z-index:997;
    width:44px;height:44px;border-radius:12px;
    background:rgba(255,241,230,.92);backdrop-filter:blur(8px);
    border:1px solid var(--line);color:var(--ivory);
    display:flex;align-items:center;justify-content:center;cursor:pointer;
    box-shadow:var(--shadow);
  }
  .main-menu-btn:hover{border-color:var(--gold);color:var(--gold)}
  .main-menu-btn svg{width:20px;height:20px}

  .main-sidebar-brand{
    display:flex;align-items:center;gap:8px;cursor:pointer;
    padding:8px 12px 14px;color:var(--gold);
  }
  .main-sidebar-brand svg{width:24px;height:24px;flex-shrink:0}
  .main-sidebar-brand span{font-family:'Tahoma',sans-serif;font-weight:600;font-size:15px}
  .main-sidebar-divider{height:1px;background:var(--line-soft);margin:6px 4px}
  .main-sidebar-spacer{flex:1}

  /* ===== القائمة الجانبية المنزلقة (درج) للوحة الإدارة ===== */
  .adm-sidebar-overlay{
    position:fixed;inset:0;background:rgba(74,52,46,.4);z-index:998;
    opacity:0;pointer-events:none;transition:opacity .25s ease;
  }
  .adm-sidebar-overlay.open{opacity:1;pointer-events:auto}
  .adm-sidebar{
    position:fixed;top:0;bottom:0;right:0;width:250px;max-width:78vw;z-index:999;
    background:var(--surface);border-left:1px solid var(--line);
    padding:22px 12px 20px;display:flex;flex-direction:column;gap:5px;
    transform:translateX(100%);transition:transform .3s ease;
    box-shadow:var(--shadow);overflow-y:auto;
  }
  .adm-sidebar.open{transform:translateX(0)}
  .adm-sidebar-close{
    align-self:flex-start;background:transparent;border:none;color:var(--muted);
    cursor:pointer;margin-bottom:10px;padding:6px;
  }
  .adm-sidebar-close svg{width:18px;height:18px}
  .adm-side-btn{
    display:block;width:100%;text-align:right;background:transparent;border:none;
    color:var(--muted);font-family:'Tahoma',sans-serif;font-weight:600;font-size:14px;
    padding:13px 12px;border-radius:11px;cursor:pointer;line-height:1.5;
  }
  .adm-side-btn:hover{background:rgba(139,74,74,.06);color:var(--gold-soft)}
  .adm-side-btn.active{background:var(--gold);color:#FFF1E6}
  .adm-waitlist-badge{
    display:inline-flex;align-items:center;justify-content:center;
    min-width:18px;height:18px;padding:0 5px;margin-right:6px;border-radius:999px;
    background:var(--err);color:#FFF1E6;font-size:10px;font-family:'Tahoma',sans-serif;font-weight:700;
  }
  .adm-side-group{display:flex;align-items:center;justify-content:space-between}
  .adm-side-chevron{font-size:10px;transition:transform .2s ease}
  .adm-side-chevron.open{transform:rotate(180deg)}
  .adm-side-sub{display:flex;flex-direction:column;gap:2px;padding-right:8px;margin-bottom:4px}
  .adm-side-subbtn{
    display:block;width:100%;text-align:right;background:transparent;border:none;
    color:var(--muted);font-family:'Tahoma',sans-serif;font-size:12px;
    padding:9px 12px;border-radius:9px;cursor:pointer;line-height:1.5;
  }
  .adm-side-subbtn:hover{background:rgba(139,74,74,.06);color:var(--gold-soft)}
  .adm-side-subbtn.active{background:rgba(139,74,74,.12);color:var(--gold)}
  .adm-content{width:100%}

  /* ===== قسم أنشطتنا — صناديق كبيرة بطراز بطاقة (بانر ملوّن + نص) ===== */
  .adm-activity-group-label{font-family:'Tahoma',sans-serif;font-size:15px;margin:18px 0 10px}
  .adm-activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .adm-activity-box{
    background:var(--surface);border:1px solid var(--line-soft);border-radius:18px;
    overflow:hidden;position:relative;text-align:right;transition:border-color .15s ease,transform .15s ease;
  }
  .adm-activity-box:hover{border-color:var(--gold);transform:translateY(-2px)}
  .adm-activity-box.active{border-color:var(--gold)}
  .adm-activity-box-del{
    position:absolute;top:8px;left:8px;z-index:2;
    width:26px;height:26px;border-radius:50%;border:none;cursor:pointer;
    background:rgba(74,52,46,.55);color:#FFF1E6;font-size:12px;
    display:flex;align-items:center;justify-content:center;
  }
  .adm-activity-box-del:hover{background:var(--err)}
  .adm-activity-box-banner{
    height:120px;position:relative;overflow:hidden;cursor:pointer;
    background:linear-gradient(135deg,var(--gold-soft),var(--gold));
    display:flex;align-items:flex-end;padding:10px 12px;
  }
  .adm-activity-box-img{position:absolute;inset:0;width:100%;height:100%;display:block}
  .adm-activity-box-badge{
    position:relative;z-index:1;
    background:rgba(255,241,230,.9);color:var(--gold);font-size:10.5px;font-weight:700;
    padding:3px 11px;border-radius:999px;font-family:'Tahoma',sans-serif;
  }
  .adm-activity-box-body{padding:16px 18px 18px;cursor:pointer}
  .adm-activity-box-title{font-family:'Tahoma',sans-serif;font-size:16px;margin-bottom:7px;line-height:1.5}
  .adm-activity-box-date{font-size:12.5px;color:var(--muted)}
  .adm-activity-add-box{
    min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
    border:2px dashed var(--line);cursor:pointer;color:var(--muted);
    font-family:'Tahoma',sans-serif;font-size:13px;
  }
  .adm-activity-add-box:hover{border-color:var(--gold);color:var(--gold-soft)}
  .adm-activity-add-plus{font-family:'Tahoma',sans-serif;font-size:30px;line-height:1;color:var(--gold)}
  .adm-activity-detail{
    margin-top:14px;background:var(--surface-2);border:1px solid var(--line);
    border-radius:14px;padding:16px 18px;
  }
  .adm-activity-detail-title{font-family:'Tahoma',sans-serif;font-size:15px;margin-bottom:10px}
  .adm-activity-detail-row{display:flex;justify-content:space-between;font-size:13px;padding:5px 0;color:var(--muted)}
  .adm-activity-detail-row b{color:var(--ivory)}
  .adm-placeholder-box{
    text-align:center;color:var(--muted);font-size:12.5px;
    border:1px dashed var(--line);border-radius:12px;padding:34px 16px;line-height:1.7;
  }

  /* ===== تقرير إنجاز اليوم ===== */
  .adm-ach-list{display:flex;flex-direction:column;gap:12px}
  .adm-ach-row{
    background:var(--surface);border:1px solid var(--line-soft);border-radius:14px;padding:14px;
  }
  .adm-ach-info{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:10px}
  .adm-ach-name{font-family:'Tahoma',sans-serif;font-size:13.5px}
  .adm-ach-teacher{font-size:11px;color:var(--muted)}
  .adm-ach-status{font-size:10.5px;padding:2px 9px;border-radius:999px;background:rgba(139,74,74,.08);color:var(--muted)}
  .adm-ach-status.present{background:rgba(110,139,107,.15);color:#3F5A3D}
  .adm-ach-status.pending{background:var(--ink-2);color:var(--muted)}
  .adm-ach-status.absent{background:rgba(193,87,61,.12);color:var(--err)}
  .adm-ach-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .adm-ach-box{
    background:var(--surface-2);border:1px solid var(--line-soft);border-radius:10px;
    padding:11px 10px;text-align:center;
  }
  .adm-ach-box-label{font-size:10px;color:var(--muted);margin-bottom:4px}
  .adm-ach-box-val{font-size:11px;color:var(--ivory);line-height:1.4}

  /* ===== سجل التحضير الأسبوعي ===== */
  .adm-week-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
  .adm-week-pill{
    width:36px;height:36px;border-radius:50%;flex-shrink:0;
    background:var(--surface);border:1px solid var(--line-soft);color:var(--muted);
    font-family:'Tahoma',sans-serif;font-size:13px;cursor:pointer;
  }
  .adm-week-pill:hover{border-color:var(--gold);color:var(--gold-soft)}
  .adm-week-pill.active{background:var(--gold);border-color:var(--gold);color:#FFF1E6}
  .adm-attendance-list{display:flex;flex-direction:column;gap:8px}
  .adm-attendance-row{
    display:flex;align-items:center;justify-content:space-between;
    background:var(--surface);border:1px solid var(--line-soft);border-radius:12px;padding:11px 14px;
  }
  .adm-attendance-row.done{background:rgba(110,139,107,.28);border-color:#6E8B6B}
  .adm-attendance-row.done .adm-attendance-name{color:#3F5A3D}
  .adm-attendance-name{font-family:'Tahoma',sans-serif;font-size:12.5px;margin-bottom:2px}
  .adm-attendance-teacher{font-size:10.5px;color:var(--muted)}
  .adm-attendance-status{font-size:11px;padding:4px 11px;border-radius:999px;background:rgba(139,74,74,.08);color:var(--muted);flex-shrink:0}
  .adm-attendance-status.present{background:rgba(110,139,107,.15);color:#3F5A3D}
  .adm-attendance-status.absent{background:rgba(193,87,61,.1);color:var(--err)}
  .adm-attendance-status.pending{background:rgba(139,74,74,.06);color:var(--muted)}
  .adm-attendance-status.future{background:rgba(139,74,74,.06);color:var(--muted)}

  /* ===== التقارير الأسبوعية: ترتيب حسب الصفحات ===== */
  .adm-action-btn.active-period{background:var(--gold);border-color:var(--gold);color:#FFF1E6}
  .adm-rank-list{display:flex;flex-direction:column;gap:8px}
  .adm-rank-row{
    display:flex;align-items:center;gap:12px;
    background:var(--surface);border:1px solid var(--line-soft);border-radius:12px;padding:10px 14px;
  }
  .adm-rank-row.top{border-color:var(--gold);background:rgba(139,74,74,.05)}
  .adm-rank-num{
    width:26px;height:26px;border-radius:50%;flex-shrink:0;
    background:var(--surface-2);color:var(--muted);
    display:flex;align-items:center;justify-content:center;
    font-family:'Tahoma',sans-serif;font-size:12px;
  }
  .adm-rank-row.top .adm-rank-num{background:var(--gold);color:#FFF1E6}
  .adm-rank-info{flex:1;min-width:0}
  .adm-rank-name{font-family:'Tahoma',sans-serif;font-size:12.5px;margin-bottom:2px}
  .adm-rank-teacher{font-size:10.5px;color:var(--muted)}
  .adm-rank-pages{font-family:'Tahoma',sans-serif;font-size:13px;color:var(--gold);flex-shrink:0}

  /* ===== نظام الأشهر الثلاثة (خطة/أسابيع/ملخص) ===== */
  .mon-tabs{display:flex;gap:6px;margin:10px 0 14px}
  .mon-tab{
    flex:1;background:transparent;border:1px solid var(--line-soft);color:var(--muted);
    font-family:'Tahoma',sans-serif;font-weight:600;font-size:11.5px;
    padding:10px 8px;border-radius:9px;cursor:pointer;
  }
  .mon-tab:hover{border-color:var(--gold);color:var(--gold-soft)}
  .mon-tab.active{background:var(--gold);border-color:var(--gold);color:#FFF1E6}

  .mon-plan-box{
    background:var(--surface-2);border:1px solid var(--line-soft);border-radius:12px;
    padding:14px 16px;margin-bottom:12px;
  }
  .mon-plan-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:6px 0;font-size:12px}
  .mon-plan-row span{color:var(--muted);flex-shrink:0}
  .mon-plan-row b{color:var(--ivory);text-align:left;font-weight:600}

  .mon-weeks{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
  .mon-week-row{
    background:var(--surface);border:1px solid var(--line-soft);border-radius:10px;padding:12px 14px;
  }
  .mon-week-row.empty{opacity:.7;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
  .mon-week-row.done{background:rgba(110,139,107,.28);border-color:#6E8B6B}
  .mon-week-row.done .mon-week-head b{color:#3F5A3D}
  .mon-week-row.done .mon-week-line{color:#3F5A3D}
  .mon-week-row.absent{background:rgba(193,87,61,.10);border-color:rgba(193,87,61,.38)}
  .mon-week-row.absent .mon-week-head b{color:var(--err)}
  .mon-week-row.suspended{background:var(--ink-2);border-style:dashed;border-color:var(--line);opacity:.85}
  .slot-chip{
    display:inline-block;font-size:10px;padding:2px 8px;border-radius:999px;margin-inline-end:8px;
    background:var(--ink-2);border:1px solid var(--line-soft);color:var(--muted);white-space:nowrap;
    font-family:'Tahoma',sans-serif;font-weight:bold;
  }
  .slot-chip.none{background:rgba(193,87,61,.1);border-color:rgba(193,87,61,.35);color:var(--err)}
  .att-tag{font-size:10.5px;padding:3px 9px;border-radius:999px;border:1px solid;margin-inline-start:auto}
  .att-tag.present{background:rgba(110,139,107,.2);border-color:#6E8B6B;color:#3F5A3D}
  .att-tag.absent{background:rgba(193,87,61,.12);border-color:rgba(193,87,61,.45);color:var(--err)}
  .att-tag.pending{background:var(--ink-2);border-color:var(--line);color:var(--muted)}
  .att-tag.future{background:var(--ink-2);border-color:var(--line);color:var(--muted)}
  .adm-att-summary{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
  .adm-att-summary .att-tag{margin-inline-start:0}
  .mon-week-head{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:4px}
  .mon-week-head b{font-family:'Tahoma',sans-serif;font-weight:600;font-size:12px}
  .mon-week-head span{color:var(--muted);font-size:11px}
  .mon-week-line{font-size:11.5px;color:var(--muted);margin-top:2px}

  .mon-summary{display:flex;gap:8px;margin-bottom:10px}
  .mon-summary-item{
    flex:1;text-align:center;background:var(--surface-2);border:1px solid var(--line-soft);
    border-radius:10px;padding:11px 8px;
  }
  .mon-summary-item span{display:block;font-size:10px;color:var(--muted);margin-bottom:2px}
  .mon-summary-item b{font-family:'Tahoma',sans-serif;font-size:14px;color:var(--gold)}
  .mon-notes{font-size:11.5px;color:var(--muted);background:rgba(139,74,74,.05);border-radius:9px;padding:11px 13px;margin-bottom:8px;line-height:1.7}
  /* ===================================================== */
  /* ===== تكبير التخطيط للشاشات الكبيرة (آيباد وأكبر) ===== */
  /* ===================================================== */
  @media (min-width: 820px){
    .wrap{max-width:980px}
    .acc-wrap{max-width:900px}
    .su-card{max-width:600px}
    .login-modal{max-width:480px !important}

    #signupScreen .surah-grid{grid-template-columns:repeat(5,1fr);max-height:340px}
    #signupScreen .verse-grid{grid-template-columns:repeat(11,1fr)}
    .kw-gov-grid{grid-template-columns:repeat(3,1fr)}

    .adm-sidebar{width:210px;padding:18px 14px}
    .adm-side-btn{font-size:14.5px;padding:14px 14px}
    .adm-side-subbtn{font-size:12.5px;padding:10px 14px}
    .adm-summary{max-width:520px}
    .adm-summary-num{font-size:26px}

    .adm-activity-grid{grid-template-columns:repeat(3,1fr)}

    .adm-flow-wrap{column-count:2;column-gap:16px}
    .adm-teacher-card{break-inside:avoid;margin-bottom:14px}
    .adm-student-flow-item{break-inside:avoid;display:block;margin-bottom:14px}

    .acc-card{padding:24px 26px 26px}
    .mon-summary-item b{font-size:16px}
  }

  @media (min-width: 1180px){
    .wrap{max-width:1180px}
    .acc-wrap{max-width:1080px}
    .adm-sidebar{width:250px}
    .adm-side-btn{font-size:15px;padding:15px 16px}
    .adm-activity-grid{grid-template-columns:repeat(4,1fr)}
    .adm-flow-wrap{column-count:3}
    #signupScreen .surah-grid{grid-template-columns:repeat(6,1fr)}
  }
