*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#f4f4f2;color:#111}.sl-top{background:#111;color:#fff;padding:28px 22px 48px}.sl-topbar{max-width:720px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.sl-logo{font-size:20px;font-weight:800;letter-spacing:-.4px}.sl-logo span{font-weight:400}.lang-switch{display:flex;align-items:center;gap:6px}.lang-switch a{color:#aaa;text-decoration:none;font-size:12px;font-weight:700;border:1px solid #444;padding:6px 8px}.lang-switch a.active{background:#fff;color:#111;border-color:#fff}.sl-hero{max-width:500px;margin:0 auto}.sl-wrap{width:100%;max-width:540px;margin:-20px auto 0;padding:0 18px 50px}.sl-card{background:#fff;border:1px solid #ddd;padding:26px}.sl-title{font-size:34px;line-height:1.05;letter-spacing:-1px;margin:36px 0 8px}.sl-subtitle{color:#cfcfcf;line-height:1.5;margin:0}.form-group{margin-bottom:17px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}input,select{width:100%;border:1px solid #ccc;background:#fff;height:48px;padding:0 13px;font-size:16px;outline:none;border-radius:0}input:focus,select:focus{border-color:#111}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:52px;border:0;background:#111;color:#fff;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer;padding:12px 16px;border-radius:0}.btn-secondary{background:#fff;color:#111;border:1px solid #111}.btn-small{width:auto;min-height:42px;font-size:13px;padding:9px 14px}.btn:disabled{background:#888;cursor:wait}.alert{display:none;margin-bottom:18px;padding:12px 14px;font-size:14px;line-height:1.4}.alert-error{background:#fff1f1;border:1px solid #e3b5b5;color:#8c1c1c}.alert-success{background:#effaf1;border:1px solid #abd9b3;color:#176126}.alert-info{background:#f4f7ff;border:1px solid #c9d3ef;color:#263a68}.muted{color:#777;font-size:13px}.center{text-align:center}.link{color:#111;font-weight:600}.terms{display:flex;align-items:flex-start;gap:10px;margin:5px 0 22px}.terms input{width:18px;height:18px;margin:1px 0 0;flex:0 0 auto}.terms label{font-weight:400;color:#555;line-height:1.45}.dashboard{max-width:720px;margin:0 auto;padding:28px 18px 50px}.dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.dashboard-card{background:#fff;border:1px solid #ddd;padding:22px;margin-bottom:14px}.member-code{font-size:26px;font-weight:800;letter-spacing:1px}.small-label{font-size:11px;text-transform:uppercase;color:#888;letter-spacing:.5px;margin-bottom:6px}.package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.package-card{background:#fff;border:1px solid #ddd;padding:22px;display:flex;flex-direction:column;min-height:270px}.package-name{font-size:21px;font-weight:800;margin:0 0 8px}.package-description{color:#666;font-size:14px;line-height:1.5;margin-bottom:18px}.package-price{font-size:28px;font-weight:800;margin:auto 0 14px}.package-meta{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px}.badge{border:1px solid #ddd;background:#f6f6f6;padding:6px 8px;font-size:11px;font-weight:700}.badge-pending{background:#fff6dc;border-color:#ead39a;color:#745600}.badge-active{background:#ecf8ee;border-color:#add5b5;color:#176126}.status-box{background:#fff;border:2px solid #111;padding:24px;margin-bottom:20px}.status-box h2{margin:0 0 8px}.status-row{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #eee;padding:12px 0}.status-row:first-of-type{margin-top:18px}.staff-list{display:flex;flex-direction:column;gap:12px}.staff-order{background:#fff;border:1px solid #ddd;padding:18px}.staff-order-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.staff-order h3{margin:0 0 5px;font-size:17px}.staff-order-meta{color:#666;font-size:13px;line-height:1.6}.staff-order-actions{min-width:220px}.nav-links{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.nav-links a{font-size:13px;color:#111;text-decoration:none;font-weight:600}.hr{height:1px;background:#e6e6e6;margin:20px 0}@media(max-width:620px){.sl-card{padding:22px 18px}.form-row,.package-grid{grid-template-columns:1fr}.sl-title{font-size:30px}.staff-order-top{flex-direction:column}.staff-order-actions{width:100%;min-width:0}.dashboard-head{flex-direction:column}.sl-topbar{align-items:flex-start}}