*{box-sizing:border-box;margin:0;padding:0;font-family:Comic Neue,Comic Sans MS,Comic Sans,sans-serif!important}body{background-color:#ff6b00;font-family:Comic Neue,Comic Sans MS,Comic Sans,sans-serif!important;color:#fff;min-height:100vh}.app-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-family:Comic Sans MS,Comic Sans,cursive;font-size:24px;color:#fff;background:#ff6b00}.auth-page{min-height:100vh;background:#ff6b00;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.auth-logo{font-size:42px;font-weight:700;color:#fff;text-align:center;margin-bottom:8px;white-space:nowrap}.auth-tagline{font-size:18px;color:#fff;text-align:center;margin-bottom:36px;opacity:.9}.auth-card{background:#0003;border:3px solid white;border-radius:12px;padding:40px;width:100%;max-width:460px}.auth-card h2{font-size:28px;color:#fff;text-align:center;margin-bottom:28px}.login-form-open{width:100%;max-width:460px}.login-form-open .form-group input{background:#fff;color:#333;border:3px solid white}.login-form-open .form-group input::placeholder{color:#999}.login-form-open .form-group input:focus{background:#fff;outline:3px solid rgba(0,0,0,.2)}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:16px;color:#fff;margin-bottom:6px;font-weight:700}.form-group input,.form-group select{width:100%;padding:12px 16px;font-family:Comic Sans MS,Comic Sans,cursive;font-size:16px;background:#ffffff26;border:2px solid white;border-radius:6px;color:#fff;outline:none}.form-group input::placeholder{color:#fff9}.form-group input:focus,.form-group select:focus{background:#ffffff40;border-color:#fff}.form-group select option{background:#c50;color:#fff}.btn{display:inline-block;padding:14px 28px;font-family:Comic Sans MS,Comic Sans,cursive;font-size:18px;font-weight:700;color:#fff;background:#c50;border:2px solid white;border-radius:6px;cursor:pointer;text-align:center;transition:background .15s}.btn:hover{background:#a40}.btn:active{background:#830}.btn-full{width:100%}.btn-sm{padding:8px 18px;font-size:15px}.btn-danger{background:#8b0000}.btn-danger:hover{background:#6b0000}.btn-success{background:#2d6a1e}.btn-success:hover{background:#1e4a14}.btn-ghost{background:transparent;border:2px solid white}.btn-ghost:hover{background:#ffffff1a}.auth-switch{text-align:center;margin-top:20px;font-size:15px;color:#fff}.auth-switch button{background:none;border:none;color:#fff;text-decoration:underline;cursor:pointer;font-family:Comic Sans MS,Comic Sans,cursive;font-size:15px}.error-msg{background:#8b000099;border:2px solid white;border-radius:6px;padding:10px 14px;color:#fff;font-size:15px;margin-bottom:16px}.main-layout{min-height:100vh;background:#ff6b00}.topbar{background:#00000040;border-bottom:3px solid white;padding:16px 32px;display:flex;align-items:center;justify-content:space-between}.topbar-title{font-size:30px;font-weight:700;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.3)}.topbar-user{display:flex;align-items:center;gap:16px;font-size:16px;color:#fff}.main-content{padding:32px;max-width:1100px;margin:0 auto}.section-title{font-size:26px;color:#fff;margin-bottom:20px;border-bottom:2px solid rgba(255,255,255,.4);padding-bottom:8px}.ro-search-bar{display:flex;gap:12px;margin-bottom:32px;align-items:flex-end}.ro-search-bar input{flex:1;padding:14px 18px;font-family:Comic Sans MS,Comic Sans,cursive;font-size:20px;background:#0003;border:3px solid white;border-radius:8px;color:#fff;outline:none}.ro-search-bar input::placeholder{color:#ffffff80}.ro-search-bar input:focus{background:#0000004d}.create-ro-panel{background:#0003;border:3px solid white;border-radius:10px;padding:28px;margin-bottom:36px}.create-ro-panel h3{font-size:22px;color:#fff;margin-bottom:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.form-grid .form-group{margin-bottom:0}.form-grid .form-group.full{grid-column:1 / -1}.ro-list{display:flex;flex-direction:column;gap:16px}.ro-card{background:#0003;border:3px solid white;border-radius:10px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.ro-card.arrived{border-color:gold;animation:flash-border 1s ease-in-out infinite alternate}@keyframes flash-border{0%{border-color:gold;box-shadow:0 0 8px gold}to{border-color:#fff;box-shadow:0 0 0 transparent}}.ro-info{flex:1;min-width:200px}.ro-number{font-size:24px;font-weight:700;color:#fff;margin-bottom:4px}.ro-details{font-size:15px;color:#ffffffd9;line-height:1.6}.status-badge{display:inline-block;padding:4px 14px;border-radius:999px;font-size:14px;font-weight:700;border:2px solid white;color:#fff}.status-Ordered{background:#c50}.status-Arrived{background:#2d8a1e;animation:pulse-green 1s ease-in-out infinite alternate}@keyframes pulse-green{0%{background:#2d8a1e}to{background:#1e5e14}}.status-Closed{background:#555;opacity:.7}.ro-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.alert-banner{background:gold;color:#333;border:3px solid white;border-radius:8px;padding:16px 24px;font-size:20px;font-weight:700;text-align:center;margin-bottom:24px;animation:flash-banner .7s ease-in-out infinite alternate}@keyframes flash-banner{0%{opacity:1}to{opacity:.4}}.empty-state{text-align:center;padding:48px;font-size:20px;color:#ffffffb3}.ro-card.arrived .ro-number{color:gold}.arrived-alert{font-size:18px;color:gold;font-weight:700;margin-top:4px;animation:flash-banner .7s ease-in-out infinite alternate}