.bayi360-app{font-family:Arial,Helvetica,sans-serif;background:#f3f6fa;min-height:80vh;color:#172033;padding:12px;box-sizing:border-box}.bayi360-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#0b2d5c,#123f80);color:#fff;padding:18px;border-radius:22px;margin:8px 0 14px;box-shadow:0 12px 30px rgba(11,45,92,.22)}.bayi360-hero h2{margin:0;font-size:25px}.bayi360-hero p{margin:4px 0 0;opacity:.88}.b360-refresh{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.14);color:#fff;padding:10px 14px;border-radius:14px;font-weight:700;cursor:pointer}.bayi360-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px}.bayi360-tabs button{border:0;background:#fff;color:#0b2d5c;font-weight:700;padding:12px 16px;border-radius:999px;box-shadow:0 6px 16px rgba(0,0,0,.06);white-space:nowrap;cursor:pointer}.mobile-card{background:#fff;border-radius:20px;padding:18px;margin:12px 0;box-shadow:0 8px 24px rgba(0,0,0,.08);border:1px solid rgba(12,45,92,.06)}.mobile-card h3{margin:0 0 14px;font-size:20px;color:#0b2d5c}.b360-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat span{display:block;color:#5b6475;font-size:13px}.stat strong{display:block;font-size:24px;margin-top:8px;color:#0b2d5c}.b360-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.b360-form input,.b360-form select,.b360-form textarea{width:100%;box-sizing:border-box;border:1px solid #d8e0ec;border-radius:14px;padding:14px;background:#f9fbfe;color:#172033;font-size:15px}.b360-form textarea{grid-column:1/-1;min-height:90px}.b360-form label{grid-column:1/-1}.primary-big-button{grid-column:1/-1;width:100%;min-height:58px;border:none;border-radius:16px;background:#0b2d5c;color:white;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px rgba(11,45,92,.22)}.primary-big-button.success{background:#16a34a}.primary-big-button.warning{background:#f59e0b}.primary-big-button.danger{background:#dc2626}.b360-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #edf1f7;padding:12px 0}.b360-row:last-child{border-bottom:0}.b360-row strong{display:block;color:#172033}.b360-row small{display:block;color:#667085;margin-top:4px}.b360-row b{color:#0b2d5c;white-space:nowrap}.bayi360-login-warning{padding:18px;border-radius:18px;background:#fff3cd;color:#7a5200;border:1px solid #ffe08a}.checkin-message{font-weight:700;color:#0b2d5c}@media(max-width:800px){.bayi360-app{padding:8px}.b360-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.b360-form{grid-template-columns:1fr}.bayi360-hero{align-items:flex-start;flex-direction:column}.mobile-card{padding:15px}.stat strong{font-size:20px}}@media(prefers-color-scheme:dark){.bayi360-app{background:#0f172a;color:#e5e7eb}.mobile-card,.bayi360-tabs button{background:#111827;color:#e5e7eb;border-color:#263244}.mobile-card h3,.b360-row b{color:#93c5fd}.b360-form input,.b360-form select,.b360-form textarea{background:#0b1220;color:#e5e7eb;border-color:#243044}.b360-row{border-bottom-color:#263244}.b360-row strong{color:#fff}.b360-row small,.stat span{color:#9ca3af}}