:root { --apple-blue: #0071e3; --apple-bg: #f5f5f7; --apple-red: #ff3b30; }
body { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif; background: var(--apple-bg); color: #1d1d1f; margin: 0; }
.glass-card { background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(20px); border-radius: 20px; border: 1px solid rgba(255,255,255,0.3); padding: 25px; transition: 0.3s; }
.btn-apple { background: var(--apple-blue); color: white; border: none; padding: 10px 25px; border-radius: 20px; font-weight: 600; cursor: pointer; }
.input-apple { border: 1px solid #d2d2d7; border-radius: 12px; padding: 12px; margin-bottom: 10px; width: 100%; box-sizing: border-box; outline: none; background: white; }
.modal-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.3); backdrop-filter: blur(10px); z-index: 1000; align-items: center; justify-content: center; }
.modal-content { background: #f5f5f7; width: 95%; max-width: 700px; max-height: 90vh; border-radius: 30px; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 30px 60px rgba(0,0,0,0.2); }
.modal-header { padding: 25px 30px; background: white; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e5e5ea; }
.modal-body { padding: 20px; overflow-y: auto; }
.order-item { background: white; border-radius: 18px; padding: 15px; margin-bottom: 12px; border: 1px solid #e5e5ea; position: relative; }
.action-btn { width: 32px; height: 32px; border-radius: 10px; display: flex; align-items: center; justify-content: center; cursor: pointer; border: none; }
.btn-edit { background: #e5e5ea; }
.btn-del { background: #ffebeb; color: var(--apple-red); }
.grid-managers { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; }
.filter-chip { padding: 8px 18px; border-radius: 15px; background: white; border: 1px solid #d2d2d7; cursor: pointer; font-size: 13px; }
.filter-chip.active { background: #1d1d1f; color: white; }