@font-face{font-family:'Duja Plex';src:url('/assets/fonts/IBMPlexSansArabic-Regular.ttf') format('truetype');font-style:normal;font-weight:400 600;font-display:swap}
@font-face{font-family:'Duja Plex';src:url('/assets/fonts/IBMPlexSansArabic-Bold.ttf') format('truetype');font-style:normal;font-weight:700 900;font-display:swap}
:root{color-scheme:light;--q-navy:#102f4b;--q-blue:#24639a;--q-ink:#173b55;--q-muted:#506d7e;--q-gold:#d8b875;--q-line:rgba(255,255,255,.82);--q-surface:rgba(255,255,255,.74);--q-shadow:0 20px 52px rgba(13,51,77,.14)}
html{scroll-behavior:smooth}body{font-family:'Duja Plex',Tahoma,sans-serif;line-height:1.6}button,input,select,textarea{font:inherit}button,a,summary{touch-action:manipulation}button,a{transition:transform .22s ease,background-color .22s ease,border-color .22s ease,box-shadow .22s ease}
:where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #d7ae58!important;outline-offset:3px!important}
.skip-link{position:fixed;z-index:1000;top:12px;right:12px;padding:9px 14px;border-radius:10px;background:#fff;color:var(--q-navy);font-weight:800;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
.mobile-nav-toggle{display:none;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 13px;border:1px solid #ffffff70;border-radius:12px;background:#ffffff25;color:#fff;font-weight:800;cursor:pointer}.mobile-nav-toggle svg{width:20px;height:20px}
body:not(.guest-page){background:radial-gradient(circle at 86% 3%,#b5d7e5a8,transparent 29%),radial-gradient(circle at 11% 70%,#d5c19e5e,transparent 28%),linear-gradient(145deg,#e8f1f5,#f4f8f8 52%,#e7eff1)}
.sidebar{background:linear-gradient(165deg,#102c45eb,#164966e8)!important;border-left:1px solid #ffffff39;box-shadow:inset 1px 0 #ffffff20,-8px 0 32px #0d2e4630;backdrop-filter:blur(26px) saturate(125%);-webkit-backdrop-filter:blur(26px) saturate(125%)}
.sidebar nav button{min-height:48px;border:1px solid transparent;border-radius:13px;color:#d1e4eb;font-size:14px}.sidebar nav button svg{flex:none;width:20px;height:20px}.sidebar nav button.active{background:#ffffff23!important;border-color:#ffffff3d!important;color:#fff!important;box-shadow:inset 0 1px #ffffff29,0 10px 21px #031e3140}.sidebar nav button.active::before{background:var(--q-gold)}.sidebar nav button:hover{background:#ffffff16;color:#fff}.sidebar .brand small,.sidebar-help span{color:#c5d9e2}.sidebar-help{background:#ffffff10;border:1px solid #ffffff2d}.sidebar .logout{min-height:46px}
.content{width:100%;max-width:1540px;margin:0 auto;padding-bottom:70px}.top{border-color:#c0d6dd99}.top h1{color:var(--q-ink);font-weight:800}.toolbar,.panel,.event-item,.team-user,.card-row,.notification-template{background:linear-gradient(150deg,rgba(255,255,255,.83),rgba(246,251,252,.65))!important;border:1px solid var(--q-line)!important;box-shadow:var(--q-shadow),inset 0 1px rgba(255,255,255,.93)!important;backdrop-filter:blur(24px) saturate(138%);-webkit-backdrop-filter:blur(24px) saturate(138%)}
.toolbar{border-radius:20px}.panel,.event-item{border-radius:22px}.panel-head h2,.panel h2,.event-item h3{color:var(--q-ink)}.hint{color:var(--q-muted);font-size:14px;line-height:1.8}
.dashboard-hero{background:radial-gradient(circle at 12% 18%,#497f9b55,transparent 30%),linear-gradient(125deg,#0e304c,#1c5677)!important;border:1px solid #ffffff46;box-shadow:0 27px 56px #102f4b34,inset 0 1px #ffffff43}.dashboard-hero h2{max-width:720px;line-height:1.25}.dashboard-hero .event-info span{border:1px solid #ffffff35;backdrop-filter:blur(9px)}
#dashboard .stat-premium{background:linear-gradient(145deg,#ffffffec,#eaf4f6db)!important;border:1px solid #fff!important;color:#173b55;box-shadow:0 18px 38px #103f591d,inset 0 1px #fff!important}#dashboard .stat-premium:hover{border-color:#d6e5eb!important;box-shadow:0 22px 42px #103f5928,inset 0 1px #fff!important}#dashboard .stat-premium .stat-icon{background:#e5f1f4;border-color:#cde0e8;color:#286384;box-shadow:inset 0 1px #fff}#dashboard .stat-premium .stat-index{color:#638398}#dashboard .stat-premium .stat-body>span{color:#3d6278!important}#dashboard .stat-premium .stat-body strong{color:#173b55!important}#dashboard .stat-premium .stat-body small,#dashboard .stat-premium .stat-caption{color:#587689!important}#dashboard .stat-premium .stat-bottom{border-color:#d7e6eb}#dashboard .stat-premium .stat-trend{background:#e0f2ea;border-color:#b9dccb;color:#24684d!important}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;line-height:1.45;text-align:center;cursor:pointer}.btn:active,.sidebar nav button:active,.mobile-nav-toggle:active{transform:scale(.98)!important}.btn:disabled,button:disabled{opacity:.52;cursor:not-allowed;box-shadow:none;transform:none!important}.btn.danger{min-height:44px}
.event-select,.modal-card input,.modal-card select,.modal-card textarea,.panel input,.panel select,.panel textarea,.login-card input{min-height:48px;font-size:16px;line-height:1.5}.event-select{background:#ffffffda}.event-select:focus-visible,.panel input:focus-visible,.panel textarea:focus-visible,.login-card input:focus-visible{outline:3px solid #caa45c88!important;outline-offset:2px!important}
.table-wrap{border:1px solid #ffffffea;border-radius:17px;background:#ffffffa6;box-shadow:inset 0 1px #fff,0 10px 28px #153e5711}.table-wrap table{min-width:600px}.table-wrap th{font-size:12px;color:#3c5c6f}.table-wrap td{font-size:13px;color:#24475d}.pill{font-size:12px;line-height:1.4}.event-item .actions,.panel-head .actions,.card-row-actions{gap:8px;flex-wrap:wrap}.event-item .actions .btn{min-height:44px}
.invite-category{min-height:48px!important;border-radius:13px!important}.invite-category strong{font-variant-numeric:tabular-nums}.card-search-label input{font-size:16px}.card-row{border-radius:18px!important}.card-row-actions .btn{min-height:44px}.notification-template{border-radius:19px!important}.template-preview{background:#ffffffbd}.template-hint{background:#e4f0f1ba}
.login-screen{background:radial-gradient(circle at 18% 12%,#a9d0dfa8,transparent 31%),radial-gradient(circle at 82% 84%,#ead7ad91,transparent 26%),linear-gradient(145deg,#e8f1f5,#f8faf8)}.login-card{background:linear-gradient(155deg,#ffffffd9,#f0f8f9bd)!important;border:1px solid #ffffffb8!important;border-radius:24px;backdrop-filter:blur(26px) saturate(130%);box-shadow:0 34px 75px #061c3077,inset 0 1px #fff}.login-card h1{color:var(--q-navy)}
.modal-card{background:linear-gradient(145deg,#f8fcfceb,#eaf4f4e6)!important;border:1px solid #ffffffb8!important;border-radius:22px;backdrop-filter:blur(24px)}.modal-card::backdrop{background:#071e32a8;backdrop-filter:blur(7px)}.modal-card .close{width:44px;height:44px;border-radius:11px;cursor:pointer}
.invite-page{background:radial-gradient(circle at 12% 13%,#b8d8e7a6,transparent 30%),radial-gradient(circle at 89% 83%,#ebd6aa88,transparent 26%),linear-gradient(150deg,#eaf3f6,#f8faf9)!important}.invite-shell{border:1px solid #ffffff75;box-shadow:0 38px 90px #02182d99,inset 0 1px #ffffff36}.invite-intro{background:radial-gradient(circle at 76% 8%,#63a1ac3e,transparent 40%),linear-gradient(155deg,#0b2d49e8,#1b5a76e6)!important}.invite-card{background:linear-gradient(140deg,#ffffffed,#f5faf9d9)!important;backdrop-filter:blur(26px) saturate(130%)}.invite-card h1{color:var(--q-navy)}.invite-card .guest-details div{background:#ffffffb7}.invite-card input{min-height:52px;font-size:16px}.invite-card .invite-submit{min-height:52px}.invite-card .invite-note{font-size:13px;color:#476578}.invite-card .map-link{min-height:44px;display:inline-flex;align-items:center}
.ticket-page{background:radial-gradient(circle at 12% 10%,#b9dae8a8,transparent 30%),radial-gradient(circle at 87% 89%,#ebd7ae80,transparent 28%),linear-gradient(145deg,#eaf3f6,#f8faf9)!important}.ticket-page .guest-card{border:1px solid #ffffff8f;box-shadow:0 40px 90px #031a2d8f,0 0 0 1px #ffffff20;backdrop-filter:blur(22px)}.ticket-page .guest-card:before{background:radial-gradient(circle at 84% 12%,#5b9cb356,transparent 32%),linear-gradient(145deg,#173d61,#266887)!important}.entry-pass{border:1px solid #ffffffed;background:linear-gradient(152deg,#fff,#f4f9faec)!important;box-shadow:0 22px 45px #09283e40,inset 0 1px #fff}.entry-pass .guest-details{background:#edf5f6d9}.entry-pass .guest-details b{color:#486a7d}.entry-pass .qr-panel{background:#fff!important;border:1px solid #d0e0e7;box-shadow:0 12px 28px #0c37541c}.entry-pass .ticket-qr{image-rendering:pixelated}.entry-pass .manual-code{background:#eaf3f5}.entry-pass .manual-code strong{font-variant-numeric:tabular-nums}.ticket-page .ticket-actions{gap:10px}.ticket-page .ticket-actions .btn{min-height:48px}.ticket-page .notification-setup{background:linear-gradient(145deg,#113751ee,#1d6078e8)!important;border:1px solid #ffffff5c}.ticket-page .notification-setup .btn{min-height:48px}.push-guide summary{min-height:48px;cursor:pointer}.guide-step img{object-fit:cover}
.ticket-ended{position:relative;margin:0 clamp(13px,4vw,34px) 10px;padding:clamp(34px,6vw,56px) 25px;border:1px solid #fff;border-radius:23px;background:linear-gradient(145deg,#ffffffef,#f1f8f9e8);box-shadow:0 22px 48px #09283e35,inset 0 1px #fff;text-align:center}.ticket-ended-mark{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 17px;border-radius:20px;background:linear-gradient(140deg,#e8d4a0,#d4af64);color:#153d59;font-size:38px;box-shadow:0 12px 24px #93712f32}.ticket-ended h2{margin:0 0 12px;color:#183e58;font-size:clamp(22px,4vw,28px)}.ticket-ended p{max-width:430px;margin:auto;color:#476578;font-size:clamp(16px,2.6vw,19px);line-height:1.9}
.invite-card .ticket-ended{margin:20px 0 0;padding-inline:20px}
.result-error .checkin-time{background:#fffafa;border-color:#e8c3c8;color:#74303b}.result-error p{margin:8px 0 0}
@media(max-width:1120px){.sidebar{position:sticky;top:0;min-height:0;height:auto;padding:12px 20px;background:#eef6f8e8!important;border-bottom:1px solid #ffffffc9;box-shadow:0 9px 28px #0b385526;z-index:40}.sidebar .brand{margin:0;padding:0;min-height:48px}.sidebar .brand b{color:var(--q-navy)}.sidebar .brand small{color:#46677b}.sidebar .nav-label{display:none}.mobile-nav-toggle{display:inline-flex;position:absolute;top:14px;inset-inline-end:20px;background:#ffffffb8;border-color:#c7dde5;color:var(--q-navy);box-shadow:0 5px 12px #12384e19}.sidebar nav{display:none;overflow:visible;scroll-snap-type:none}.sidebar.nav-open nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;padding:12px 0 0;border-top:1px solid #ccdde5}.sidebar nav button{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-width:0;min-height:48px;padding:10px 12px;background:#ffffff87;border:1px solid #dce8ed;color:var(--q-ink);white-space:normal;text-align:right}.sidebar nav button.active{background:#235c79!important;border-color:#235c79!important;color:#fff!important}.sidebar nav button.active svg{color:#fff}.sidebar-bottom{display:none;position:static;margin-top:12px;padding:0}.sidebar.nav-open .sidebar-bottom{display:block}.sidebar-help{display:none}.sidebar .logout{color:var(--q-ink);background:#ffffffb2;border-color:#cfdee5}.content{padding-top:25px}.content::before{inset:0}.top h1{font-size:clamp(27px,3vw,36px)}}
@media(max-width:600px){.sidebar{padding:10px 16px}.mobile-nav-toggle{top:12px;inset-inline-end:16px}.sidebar.nav-open nav{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar nav button{font-size:13px}.content{padding:18px 14px 44px}.top{margin-bottom:16px}.toolbar{padding:15px;gap:12px}.panel{padding:20px 16px}.panel-head{gap:12px}.dashboard-hero{padding:25px 20px}.dashboard-hero .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dashboard-hero .hero-actions .btn{min-width:0}.table-wrap{margin-inline:-3px}.table-wrap table{min-width:0}.invite-page{padding:0}.invite-shell{border:0;border-radius:0}.invite-card{padding:26px 20px 34px}.ticket-page{padding:0}.ticket-page .guest-card{border:0;border-radius:0;box-shadow:none;backdrop-filter:none}.entry-pass{margin-inline:10px;padding:17px 12px 15px}.entry-pass .qr-panel{padding:12px}.ticket-page .ticket-actions{display:grid;grid-template-columns:1fr}.ticket-page .ticket-actions .btn{width:100%}.ticket-page .notification-setup{margin-inline:10px}}
@media(max-width:390px){.sidebar.nav-open nav{grid-template-columns:1fr}.dashboard-hero .hero-actions{grid-template-columns:1fr}.invite-card{padding-inline:17px}.entry-pass .guest-details div{grid-template-columns:1fr;gap:2px}.ticket-page .guest-card>h1{font-size:27px}}


@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}