*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app,#sm-app{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;color:#111827;background:#f7f8fa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--blue: #1a73e8;--blue-dark: #1557b0;--blue-light: #e8f0fe;--green: #10b981;--red: #ef4444;--amber: #f59e0b;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-400: #9ca3af;--gray-600: #4b5563;--gray-800: #1f2937;--white: #ffffff;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow: 0 2px 8px rgba(0,0,0,.1);--shadow-lg: 0 8px 24px rgba(0,0,0,.14)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s;line-height:1}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-full{width:100%}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover:not(:disabled){background:var(--blue-dark)}.btn-danger{background:var(--red);color:#fff}.btn-outline{background:var(--white);color:var(--gray-600);border:1.5px solid var(--gray-200)}.btn-outline:hover:not(:disabled){border-color:#bbb}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.badge-pending{background:#fef3c7;color:#92400e}.badge-confirmed{background:#d1fae5;color:#065f46}.badge-completed{background:#ede9fe;color:#5b21b6}.badge-cancelled{background:#fee2e2;color:#991b1b}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:12px;font-weight:700;color:var(--gray-600);margin-bottom:5px;text-transform:uppercase;letter-spacing:.4px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);font-size:15px;outline:none;background:var(--white);transition:border-color .15s;color:var(--gray-800)}.form-group input:focus,.form-group select:focus{border-color:var(--blue)}.app-header{position:sticky;top:0;z-index:100;background:var(--white);border-bottom:1px solid var(--gray-200);padding:14px 20px;display:flex;align-items:center;justify-content:space-between}.app-header h1{font-size:17px;font-weight:700}.app-content{padding:16px;max-width:720px;margin:0 auto}.spinner{width:28px;height:28px;border:3px solid var(--gray-200);border-top-color:var(--blue);border-radius:50%;animation:spin .6s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}.error-msg{color:var(--red);font-size:13px;margin-top:6px}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,16px)}