@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;900&family=Inter:wght@400;500;600;700;800&display=swap");:root{--navy:#063b63;--navy-deep:#031e35;--navy-mid:#0a4f82;--teal:#0e8fb3;--teal-light:#17b3de;--gold:#d6a936;--gold-light:#f0c94a;--white:#fff;--glass-bg:hsla(0,0%,100%,.07);--glass-bg-card:hsla(0,0%,100%,.92);--glass-border:hsla(0,0%,100%,.18);--glass-border-dark:rgba(6,59,99,.12);--shadow-sm:0 4px 24px rgba(6,59,99,.08);--shadow-md:0 12px 40px rgba(6,59,99,.13);--shadow-lg:0 24px 64px rgba(6,59,99,.18);--shadow-glow:0 0 40px rgba(14,143,179,.18);--radius-sm:14px;--radius-md:22px;--radius-lg:32px;--radius-xl:40px;--text-primary:#0d2137;--text-secondary:#4a6480;--text-muted:#7a92a8;--surface:#f0f6fc;--surface-hover:#e8f2fa}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Cairo,Inter,Arial,sans-serif;color:var(--text-primary);background:var(--navy-deep);background-image:radial-gradient(ellipse 80% 60% at 10% -10%,rgba(14,143,179,.28) 0,transparent 60%),radial-gradient(ellipse 60% 50% at 90% 110%,rgba(214,169,54,.15) 0,transparent 60%),radial-gradient(ellipse 50% 40% at 50% 50%,rgba(6,59,99,.4) 0,transparent 100%);background-attachment:fixed}body:after,body:before{content:"";position:fixed;border-radius:999px;pointer-events:none;z-index:0;filter:blur(80px);opacity:.5}body:before{width:600px;height:600px;top:-200px;left:-200px;background:radial-gradient(circle,rgba(14,143,179,.35) 0,transparent 70%)}body:after{width:500px;height:500px;bottom:-150px;right:-150px;background:radial-gradient(circle,rgba(214,169,54,.2) 0,transparent 70%)}main{max-width:1160px;margin:0 auto;padding:32px 28px 60px;position:relative;z-index:1}h1{margin:0;color:var(--white);font-size:clamp(28px,4vw,48px);font-weight:900;line-height:1.08;letter-spacing:-.5px;text-shadow:0 2px 20px rgba(0,0,0,.2)}h2{color:var(--navy);margin:0 0 16px;font-size:22px;font-weight:800;letter-spacing:-.2px}h3{margin:0 0 8px}.site-header{display:flex;align-items:center;gap:14px;margin-bottom:28px;padding:14px 20px;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.site-logo{height:52px;width:auto;filter:drop-shadow(0 2px 8px rgba(14,143,179,.3))}.hero{background:linear-gradient(135deg,rgba(6,59,99,.75),rgba(10,79,130,.65) 50%,rgba(14,143,179,.55));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid hsla(0,0%,100%,.15);color:#fff;border-radius:var(--radius-xl);padding:36px 38px;box-shadow:var(--shadow-lg),var(--shadow-glow),inset 0 1px 0 hsla(0,0%,100%,.12);position:relative;overflow:hidden;margin-bottom:6px}.hero:before{top:-80px;right:-80px;width:280px;height:280px;background:radial-gradient(circle,rgba(214,169,54,.22) 0,transparent 70%)}.hero:after,.hero:before{content:"";position:absolute;border-radius:999px;pointer-events:none}.hero:after{bottom:-60px;left:-60px;width:200px;height:200px;background:radial-gradient(circle,rgba(14,143,179,.25) 0,transparent 70%)}.hero>*{position:relative;z-index:1}.hero p{max-width:680px;color:hsla(0,0%,100%,.82);font-size:16px;line-height:1.65;margin:10px 0 0}.hero-logo{display:flex;align-items:center;gap:12px;margin-bottom:18px}.hero-logo img{height:56px;width:auto;filter:brightness(0) invert(1) drop-shadow(0 2px 12px rgba(214,169,54,.4))}.heroTop{justify-content:space-between;gap:16px;align-items:flex-start}.heroTop,.topActions{display:flex;flex-wrap:wrap}.topActions{gap:8px;align-items:center}.languageSwitch,.primaryAction,a.languageSwitch,button.languageSwitch,button.primaryAction{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;line-height:1.2;touch-action:manipulation;position:relative;z-index:2;cursor:pointer;font-family:Cairo,Inter,Arial,sans-serif;font-weight:700;font-size:14px;transition:all .22s cubic-bezier(.34,1.56,.64,1);text-decoration:none}.languageSwitch{background:hsla(0,0%,100%,.12);color:#fff;padding:10px 18px;border-radius:999px;border:1px solid hsla(0,0%,100%,.22);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);letter-spacing:.2px;box-shadow:0 2px 12px rgba(0,0,0,.08),inset 0 1px 0 hsla(0,0%,100%,.15)}.languageSwitch:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.35);transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,0,0,.12),inset 0 1px 0 hsla(0,0%,100%,.2)}.languageSwitch:active,.primaryAction:active{transform:scale(.97) translateY(0);opacity:.88}.buttonReset{cursor:pointer}.primaryAction{grid-column:1/-1;background:linear-gradient(135deg,var(--navy) 0,var(--navy-mid) 50%,var(--teal) 100%);color:#fff;border:0;border-radius:var(--radius-sm);padding:15px 22px;font-weight:900;letter-spacing:.3px;box-shadow:0 6px 24px rgba(6,59,99,.35),inset 0 1px 0 hsla(0,0%,100%,.12);position:relative;overflow:hidden}.primaryAction:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.1),transparent 60%);pointer-events:none}.primaryAction:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(6,59,99,.45),0 0 20px rgba(14,143,179,.2),inset 0 1px 0 hsla(0,0%,100%,.15);filter:brightness(1.06)}.kicker{color:var(--gold);font-weight:900;letter-spacing:3px;font-size:11px;text-transform:uppercase;opacity:.95;text-shadow:0 0 20px rgba(214,169,54,.4)}.grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin:22px 0}.settingsGrid{align-items:stretch}.devGrid{grid-template-columns:repeat(2,1fr)}.card{background:var(--glass-bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-md);padding:22px;box-shadow:var(--shadow-md),inset 0 1px 0 hsla(0,0%,100%,.8);border:1px solid var(--glass-border-dark);transition:all .22s ease;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--teal),var(--gold));border-radius:var(--radius-md) var(--radius-md) 0 0}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg),inset 0 1px 0 hsla(0,0%,100%,.9)}.card p{color:var(--text-secondary);font-weight:700;margin:0 0 10px;font-size:13px;letter-spacing:.5px;text-transform:uppercase}.card strong{font-size:30px;font-weight:900;color:var(--navy);line-height:1;display:block;background:linear-gradient(135deg,var(--navy) 0,var(--teal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card[style*="border: 2px solid"]{border-color:var(--gold)!important;box-shadow:var(--shadow-md),0 0 0 2px rgba(214,169,54,.2)!important}.panel{background:var(--glass-bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-md);padding:26px;box-shadow:var(--shadow-md),inset 0 1px 0 hsla(0,0%,100%,.8);border:1px solid var(--glass-border-dark);margin-top:18px;position:relative;overflow:hidden}.panel:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.7),transparent);pointer-events:none}.table{grid-gap:10px;gap:10px}.row,.table{display:grid}.row{grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;align-items:center;background:linear-gradient(135deg,#f7fafc,#eef5fb);border:1px solid rgba(6,59,99,.07);border-radius:var(--radius-sm);padding:16px;transition:all .18s ease}.row:hover{background:linear-gradient(135deg,#edf5fc,#e4f0f8);border-color:rgba(14,143,179,.15);transform:translateX(2px);box-shadow:var(--shadow-sm)}.row span{font-weight:700;color:var(--text-primary);font-size:14px;line-height:1.4}.row b{color:var(--navy);font-weight:900;font-size:14px}.empty,.notice{color:var(--text-secondary);background:var(--surface);border-radius:var(--radius-sm);padding:16px 20px;font-weight:700}.notice{margin:16px 0}.notice.success{background:linear-gradient(135deg,#e3f9f5,#d0f4ee);color:#0a7a63;border:1px solid rgba(14,143,179,.2);box-shadow:0 2px 12px rgba(14,143,179,.1)}.notice.error{background:linear-gradient(135deg,#fff8e8,#fff0cb);color:#8a6514;border:1px solid rgba(214,169,54,.25);box-shadow:0 2px 12px rgba(214,169,54,.1)}.status-online{color:var(--teal)!important;font-weight:900!important}.status-pending{color:var(--gold)!important;font-weight:900!important}.muted{color:var(--text-muted);font-weight:600;line-height:1.65;font-size:14px}.formGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-top:16px}.formGrid input,.formGrid select,.formGrid textarea{border:1.5px solid rgba(6,59,99,.12);background:linear-gradient(135deg,#fafcff,#f5f9fc);color:var(--text-primary);border-radius:var(--radius-sm);padding:14px 16px;font-weight:700;font-family:Cairo,Inter,Arial,sans-serif;font-size:14px;min-height:50px;transition:all .18s ease;outline:none;box-shadow:inset 0 2px 6px rgba(6,59,99,.04)}.formGrid input:focus,.formGrid select:focus,.formGrid textarea:focus{border-color:var(--teal);background:#fff;box-shadow:0 0 0 3px rgba(14,143,179,.12),inset 0 2px 4px rgba(6,59,99,.02)}.formGrid input::placeholder,.formGrid textarea::placeholder{color:var(--text-muted);font-weight:600}.formGrid textarea{min-height:100px;resize:vertical}.panel code{display:block;background:linear-gradient(135deg,#f0f6fc,#e8f2fa);border:1px solid rgba(6,59,99,.1);border-radius:10px;padding:12px 16px;margin:8px 0;color:var(--navy);font-weight:800;font-size:13px;letter-spacing:.3px}.panel ol{margin:0;-webkit-padding-start:22px;padding-inline-start:22px;color:var(--text-primary);font-weight:700;line-height:2}button.card{text-align:start;cursor:pointer;transition:all .22s cubic-bezier(.34,1.56,.64,1)}button.card:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-lg),0 0 24px rgba(14,143,179,.12)}button.card[style*="border: 2px solid #D6A936"]{border:2px solid var(--gold)!important;background:linear-gradient(135deg,#fffdf5,#fff8e0)!important;box-shadow:var(--shadow-md),0 0 0 3px rgba(214,169,54,.15)!important}article{background:var(--glass-bg-card)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid var(--glass-border-dark)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-md)!important;transition:all .22s ease;overflow:hidden;position:relative}article:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--navy),var(--teal),var(--gold))}article:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 24px rgba(14,143,179,.1)!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(6,59,99,.05);border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--teal) 0,var(--navy) 100%);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}@media (max-width:900px){main{padding:20px}h1{font-size:30px}.devGrid,.grid,.row{grid-template-columns:1fr 1fr}.row{gap:10px}.formGrid{grid-template-columns:1fr}.hero{padding:28px 24px}}@media (max-width:600px){main{padding:14px}h1{font-size:24px}h2{font-size:18px}.site-header{padding:10px 14px;gap:10px;margin-bottom:16px}.site-logo{height:40px}.hero{padding:22px 18px;border-radius:22px}.hero p{font-size:14px}.heroTop{flex-direction:column;gap:14px}.topActions{width:100%;flex-wrap:wrap}.topActions .languageSwitch,.topActions .primaryAction{flex:1 1;min-width:100px;text-align:center}.grid{grid-template-columns:1fr 1fr;gap:10px}.devGrid{grid-template-columns:1fr;gap:10px}.card{padding:16px;border-radius:18px}.card strong{font-size:26px}.panel{padding:18px;border-radius:18px}.row{grid-template-columns:1fr;gap:8px;padding:12px}.row:hover{transform:none}.languageSwitch{padding:8px 14px;font-size:13px}.primaryAction{padding:12px 18px;border-radius:12px}.formGrid{grid-template-columns:1fr}.kicker{font-size:10px;letter-spacing:2px}}@media (max-width:400px){main{padding:10px}h1{font-size:20px}.grid{grid-template-columns:1fr}.hero{padding:18px 14px}.site-header{padding:8px 12px}.card,.panel{padding:14px}.chip{padding:6px 10px;font-size:12px}.btn{padding:8px 14px;font-size:13px}.input{padding:8px 12px;font-size:14px}}.input{width:100%;padding:10px 14px;border-radius:10px;border:1.5px solid var(--glass-border-dark);background:var(--glass-bg-card);color:var(--navy);font-size:15px;font-weight:700;font-family:Cairo,Inter,Arial,sans-serif;outline:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(14,143,179,.12)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.label{display:block;font-size:13px;font-weight:800;color:var(--text-muted);margin-bottom:4px}.btn,.label{font-family:Cairo,Inter,Arial,sans-serif}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:10px;border:1.5px solid var(--teal);background:var(--teal);color:#fff;font-size:14px;font-weight:900;cursor:pointer;white-space:nowrap;transition:opacity .15s,transform .15s;min-height:40px;touch-action:manipulation}.btn:hover{opacity:.85;transform:translateY(-1px)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btnGhost{background:var(--glass-bg-card);color:var(--navy);border-color:var(--glass-border-dark)}.btnGhost:hover,.chip{background:var(--surface)}.chip{display:inline-flex;align-items:center;gap:4px;padding:7px 14px;border-radius:999px;border:1.5px solid var(--glass-border-dark);color:var(--navy);font-size:13px;font-weight:800;font-family:Cairo,Inter,Arial,sans-serif;cursor:pointer;transition:all .15s;white-space:nowrap;touch-action:manipulation;min-height:36px}.chip:hover{border-color:var(--teal);background:var(--surface-hover)}.chipActive{background:var(--navy);border-color:var(--navy);color:#fff}@media print{body{background:#fff}.hero{background:var(--navy)!important}}