:root{--font-sans:"Cairo", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bg:#071a38;--panel:#0c254d;--panel-soft:#123363;--text:#f6f9ff;--muted:#a8bcdf;--accent:#f6c318;--accent-strong:#ffd657;--brand-blue:#2f73ff;--brand-blue-strong:#0f55d8;--border:#9ab7e72e}*{box-sizing:border-box}body{min-height:100vh;font-family:var(--font-sans);color:var(--text);background:radial-gradient(circle at 20% 10%, #f6c31829, transparent 34%), radial-gradient(circle at 80% 90%, #2f73ff2e, transparent 40%), var(--bg);margin:0}.topbar{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#071a38d1;border-bottom:1px solid #9ab7e71f;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.topbar-nav,.lang-switch{align-items:center;gap:.75rem;display:flex}.topbar-actions{gap:.5rem}.brand-mark{color:#b9cbdd;white-space:nowrap;align-items:center;display:inline-flex}.dokkan-brand{color:var(--text);flex-direction:column;gap:.45rem;display:inline-flex}.logo .dokkan-brand,.brand-mark .dokkan-brand{text-align:left;align-items:flex-start}[dir=rtl] .logo .dokkan-brand,[dir=rtl] .brand-mark .dokkan-brand{text-align:right;align-items:flex-end}.dokkan-brand__copy,.dokkan-brand__caption{color:#f6f9fff0;margin:0;font-size:.86rem;font-weight:700;line-height:1.5}.dokkan-brand__caption{color:var(--muted);font-size:.74rem;font-weight:600}.dokkan-brand__row{width:100%;display:block}.dokkan-brand--compact{gap:.2rem}.dokkan-brand__logo-image{filter:drop-shadow(0 14px 24px #f7c41924);width:min(100%,22rem);height:auto;display:block}.dokkan-brand--compact .dokkan-brand__logo-image{width:min(100%,11.5rem)}.topbar a,.lang-switch a{color:var(--muted);letter-spacing:.02em;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s}.topbar a:hover,.lang-switch a:hover{color:var(--accent)}.topbar a.is-active{color:var(--text);text-underline-offset:.32rem;-webkit-text-decoration:underline #f6c318b3;text-decoration:underline #f6c318b3}.lang-switch a{border:1px solid #0000;border-radius:999px;padding:.2rem .45rem}.lang-switch a.is-active{color:var(--text);background:#f6c3181f;border-color:#f6c31873}.logout-btn{color:var(--text);cursor:pointer;background:#0c254db3;border:1px solid #9ab7e72e;border-radius:999px;padding:.32rem .7rem;font-weight:700}main{flex-direction:column;justify-content:center;gap:.9rem;width:min(100%,1100px);margin:0 auto;padding:3rem 1.25rem 4rem;display:flex}.page-shell{width:100%}.panel{border:1px solid var(--border);background:linear-gradient(145deg,#0f2338f2,#0d1f31eb);border-radius:18px;padding:1.75rem;box-shadow:0 20px 50px #00000040}.auth-form{gap:.8rem;margin-top:1.2rem;display:grid}.auth-form label{gap:.35rem;font-weight:600;display:grid}.auth-form input,.auth-form select,.auth-form textarea{width:100%;color:var(--text);font:inherit;background:#ffffff0d;border:1px solid #ffffff26;border-radius:10px;padding:.6rem .7rem}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem;display:grid}.form-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.btn-primary,.btn-danger,.btn-muted{cursor:pointer;border:0;border-radius:10px;padding:.55rem .95rem;font-weight:700}.btn-primary{background:linear-gradient(160deg, var(--accent), var(--accent-strong));color:#04231c}.btn-danger{color:#fff;background:#8f2f2f}.btn-muted{background:linear-gradient(160deg, var(--brand-blue), var(--brand-blue-strong));color:#fff}.error{color:#ffb3b3;font-size:.88rem}.flash-success,.flash-warning{border:1px solid;border-radius:12px;padding:.7rem .9rem}.flash-success{color:#fff0b9;background:#f6c3181f;border-color:#f6c31866}.flash-warning{color:#ffe8b0;background:#ffcd5a1f;border-color:#ffcd5a80}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:start;vertical-align:top;border-bottom:1px solid #ffffff1a;padding:.6rem .5rem}.panel-wide{max-width:900px}.page-title{margin:0;font-size:clamp(1.35rem,3vw,2rem);line-height:1.25}.page-subtitle,.description-copy{color:var(--muted);margin-top:.9rem;line-height:1.8}.description-lead{margin-top:1rem;font-size:1.02rem;line-height:1.75}.branding-line{color:#bdebdc;white-space:normal;overflow-wrap:anywhere;background:#31d0aa14;border:1px solid #31d0aa40;border-radius:12px;margin-top:1rem;padding:.75rem .9rem;font-weight:700}.feature-list{color:#d7e5f2;margin:1rem 0 0;padding-inline-start:1.25rem}.feature-list li{margin-top:.65rem;line-height:1.65}.link-button{color:#04231c;background:linear-gradient(160deg, var(--accent), var(--accent-strong));border-radius:10px;justify-content:center;align-items:center;margin-top:1rem;padding:.7rem 1rem;font-weight:700;text-decoration:none;display:inline-flex}.twofactor-entry{width:100%}.twofactor-stage{background:radial-gradient(circle at 14% 16%,#f6c3181f,#0000 26%),radial-gradient(circle at 85% 88%,#2f73ff29,#0000 32%),linear-gradient(145deg,#0b1c34f5,#081629f5);border:1px solid #9ab7e729;border-radius:28px;grid-template-columns:minmax(0,1.18fr) minmax(360px,.92fr);gap:1.35rem;display:grid;position:relative;overflow:hidden;box-shadow:0 26px 56px #01091666}.twofactor-stage:before,.twofactor-stage:after{content:"";pointer-events:none;position:absolute;inset:auto}.twofactor-stage:before{inset-inline-start:-9%;filter:blur(12px);opacity:.75;background:radial-gradient(circle,#f6c3182e,#0000 68%);border-radius:50%;width:18rem;height:18rem;top:12%}.twofactor-stage:after{inset-inline-end:-7%;filter:blur(10px);opacity:.9;background:radial-gradient(circle,#2f73ff33,#0000 70%);border-radius:50%;width:24rem;height:24rem;bottom:-18%}.twofactor-stage__intro,.twofactor-form-card{z-index:1;position:relative}.twofactor-stage__intro{flex-direction:column;justify-content:space-between;min-height:100%;padding:clamp(1.5rem,3vw,2.25rem);display:flex}.twofactor-stage__eyebrow{color:#ffe9a0;letter-spacing:.03em;background:#f6c3181f;border:1px solid #f6c31833;border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:.48rem .85rem;font-size:.78rem;font-weight:800;display:inline-flex}.twofactor-stage__title{letter-spacing:-.03em;max-width:14ch;margin:1rem 0 0;font-size:clamp(2rem,4vw,3.45rem);line-height:1.05}.twofactor-stage__subtitle{color:#c6d6ec;max-width:57ch;margin:1rem 0 0;font-size:1rem;line-height:1.95}.twofactor-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-top:1.8rem;display:grid}.twofactor-benefit{background:linear-gradient(#0d1d35cc,#091628c7);border:1px solid #9ab7e721;border-radius:20px;min-height:100%;padding:1rem 1rem 1.05rem;box-shadow:inset 0 1px #ffffff0a}.twofactor-benefit__index{color:#93b6ff;background:#2f73ff29;border-radius:999px;justify-content:center;align-items:center;min-width:2rem;height:2rem;font-size:.76rem;font-weight:800;display:inline-flex}.twofactor-benefit strong{margin-top:.9rem;font-size:1rem;line-height:1.4;display:block}.twofactor-benefit p{color:#9ab2d4;margin:.55rem 0 0;font-size:.9rem;line-height:1.8}.twofactor-form-card{background:linear-gradient(#ffffff0a,#ffffff05),linear-gradient(160deg,#09172af5,#081527fa);border:1px solid #9ab7e724;border-radius:24px;margin:1rem;padding:clamp(1.35rem,2.4vw,1.7rem);box-shadow:inset 0 1px #ffffff0d,0 18px 44px #00000040}.twofactor-form-card__header{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.twofactor-token{color:#ffe7a8;background:#f6c3181f;border:1px solid #f6c31838;border-radius:999px;justify-content:center;align-items:center;padding:.46rem .82rem;font-size:.78rem;font-weight:800;line-height:1;display:inline-flex}.twofactor-token--muted{color:#bdd0eb;background:#9ab7e714;border-color:#9ab7e724}.twofactor-form-card__title{margin:1.15rem 0 0;font-size:1.5rem;line-height:1.25}.twofactor-form-card__copy{color:#a8bcdf;margin:.7rem 0 0;line-height:1.85}.twofactor-alert{color:#ffd0d0;background:#7c212733;border:1px solid #ff828240;border-radius:14px;margin-top:1.15rem;padding:.8rem .95rem;font-weight:700}.twofactor-form{gap:1rem;margin-top:1.35rem}.twofactor-field{gap:.45rem;display:grid}.twofactor-field__label{font-size:.98rem;font-weight:800}.twofactor-field__hint{color:#8fa8cb;font-size:.87rem;font-weight:600;line-height:1.7}.twofactor-input{color:#f6f9ff;text-align:left;direction:ltr;background:linear-gradient(#ffffff08,#ffffff03),#071221e0;border:1px solid #789acc2e;border-radius:16px;min-height:3.8rem;padding-inline:1rem;font-size:1.02rem;font-weight:700;box-shadow:inset 0 1px #ffffff0a}.twofactor-input::placeholder{color:#a8bcdf9e;font-weight:600}.twofactor-input:focus{border-color:#4d8cffb3;outline:none;box-shadow:0 0 0 3px #2f73ff29,0 16px 26px #07172d4d}.twofactor-form-actions{gap:.95rem;margin-top:.2rem;display:grid}.twofactor-submit{border-radius:16px;justify-content:center;width:100%;min-height:3.75rem;font-size:1rem;font-weight:800;box-shadow:0 16px 32px #f6c31829,0 12px 28px #2f73ff1f}.twofactor-submit:hover{box-shadow:0 18px 36px #f6c31833,0 14px 30px #2f73ff29}.twofactor-form-meta{border-top:1px solid #9ab7e71f;gap:.7rem;padding-top:1rem;display:grid}.twofactor-form-meta__item{color:#9fb4d5;align-items:flex-start;gap:.65rem;font-size:.88rem;line-height:1.75;display:flex}.twofactor-form-meta__item:before{content:"";background:linear-gradient(180deg, var(--accent), var(--brand-blue));border-radius:999px;flex-shrink:0;width:.55rem;height:.55rem;margin-top:.42rem;display:inline-flex;box-shadow:0 0 0 4px #f6c31814}@media (width<=720px){.topbar{align-items:stretch;gap:.65rem;padding:.75rem .95rem}.topbar-nav,.lang-switch{flex-wrap:wrap;gap:.45rem}.topbar-nav a,.lang-switch a{font-size:.82rem}.brand-mark{font-size:.75rem}html[dir=rtl] .topbar,html[dir=rtl] .topbar-nav,html[dir=rtl] .lang-switch{justify-content:flex-end}.twofactor-stage{border-radius:22px;gap:0}.twofactor-stage__intro{padding:1.1rem 1.1rem .25rem}.twofactor-form-card{border-radius:20px;margin:.75rem;padding:1.1rem}.twofactor-stage__title{max-width:none}.twofactor-benefits{grid-template-columns:1fr;margin-top:1.35rem}}@media (width<=980px){.twofactor-stage{grid-template-columns:1fr}.twofactor-stage__subtitle{max-width:none}}.dashboard-container{max-width:1200px;margin:0 auto;padding:2rem}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.dashboard-title{color:var(--text);margin:0 0 .25rem;font-size:1.75rem;font-weight:700}.dashboard-welcome{color:var(--muted);margin:0;font-size:1rem}.user-name{color:var(--accent);font-weight:600}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#07131f;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #31d0aa4d}.btn-danger{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ef44444d}.alert{border-radius:12px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.95rem;display:flex}.alert-warning{color:#f59e0b;background:linear-gradient(135deg,#f59e0b26,#f59e0b14);border:1px solid #f59e0b4d}.alert-danger{color:#ef4444;background:linear-gradient(135deg,#ef444426,#ef444414);border:1px solid #ef44444d}.alert a{color:inherit;font-weight:600;text-decoration:underline}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;align-items:center;gap:1rem;padding:1.5rem;transition:transform .2s,border-color .2s;display:flex}.stat-card:hover{border-color:#31d0aa4d;transform:translateY(-3px)}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.stat-content{flex-direction:column;display:flex}.stat-value{color:var(--text);font-size:1.5rem;font-weight:700;line-height:1.2}.stat-label{color:var(--muted);margin-top:.25rem;font-size:.85rem}.dashboard-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:1.5rem}.card-title{color:var(--text);margin:0 0 1.25rem;font-size:1.1rem;font-weight:600}.quick-actions{flex-direction:column;gap:.75rem;display:flex}.action-item{border-radius:12px;align-items:center;gap:1rem;padding:.875rem 1rem;text-decoration:none;transition:background-color .2s;display:flex}.action-item:hover{background:var(--panel-soft)}.action-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.action-text{flex-direction:column;display:flex}.action-name{color:var(--text);font-size:.95rem;font-weight:600}.action-desc{color:var(--muted);margin-top:.15rem;font-size:.8rem}.activity-list{flex-direction:column;gap:1rem;display:flex}.activity-item{align-items:flex-start;gap:.75rem;display:flex}.activity-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:.4rem}.dot-success{background:#31d0aa}.dot-danger{background:#ef4444}.dot-info{background:#3b82f6}.activity-content{flex:1}.activity-text{color:var(--text);margin:0;font-size:.9rem;line-height:1.4}.activity-time{color:var(--muted);margin-top:.25rem;font-size:.75rem;display:block}.empty-state{text-align:center;color:var(--muted);padding:2rem 0;font-style:italic}.info-section{margin-top:1rem}.info-card{background:linear-gradient(135deg, var(--panel), var(--panel-soft));border:1px solid var(--border);text-align:center;border-radius:16px;padding:1.5rem}.info-card h3{color:var(--text);margin:0 0 .5rem;font-size:1.1rem}.info-card p{color:var(--muted);max-width:600px;margin:0 auto;font-size:.9rem}