.cf-container{max-width:500px;margin:2rem auto;padding:1.5rem;background-color:#fff;border-radius:8px;border:1px solid #ddd;box-shadow:0 2px 8px #0000000d;box-sizing:border-box}.cf-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.cf-info{margin-bottom:1rem;line-height:1.5;font-size:.95rem}.cf-checkedin{color:#4b5563;font-size:.9rem;margin-top:.25rem}.cf-input{width:100%;padding:.5rem .75rem;border:1px solid #ccc;border-radius:6px;margin-bottom:1rem;font-size:.95rem;box-sizing:border-box}.cf-btn{flex:1;padding:.5rem 1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:transform .1s,background-color .2s}.cf-btn:hover{transform:scale(1.03)}.cf-btn:disabled{opacity:.6;cursor:not-allowed}.cf-btn-checkin{background-color:#2563eb;color:#fff}.cf-btn-cancel{background-color:#ef4444;color:#fff;margin-left:.5rem}.cf-btn-home{background-color:#ff6b6b;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-weight:500;width:100%;margin-top:1rem}.cf-btn-home:hover{background-color:#ff4c4c}.cf-message{background-color:#fef3c7;color:#92400e;padding:.5rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.cf-form-group{display:flex;flex-direction:column;margin-bottom:1rem}.cf-form-label{font-weight:500;margin-bottom:.25rem;font-size:.95rem}.cf-grid-col{display:flex;flex-direction:column;gap:.75rem}.cf-grid{display:flex;justify-content:space-between;gap:.5rem}.cf-btn-row{display:flex;gap:.5rem;margin-top:.75rem}.cf-btn-row .cf-btn{flex:1}.cf-btn-group-existing{display:flex;flex-direction:column;gap:.5rem;margin-top:10px}.cf-list{list-style:none;padding-left:0;margin-top:1rem}.cf-list-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border:1px solid #ddd;border-radius:6px;margin-bottom:.5rem;background-color:#f9f9f9}.cf-list-item button{flex-shrink:0;margin-left:.5rem;padding:.25rem .5rem;font-size:.85rem}@media (max-width: 480px){.cf-container{margin:1rem;padding:1rem}.cf-title{font-size:1.1rem}.cf-input{font-size:.9rem;padding:.45rem .65rem}.cf-btn{font-size:.9rem;padding:.45rem .75rem}.cf-btn-row{flex-direction:column}.cf-btn-home{margin-top:.75rem}.cf-list-item{flex-direction:column;align-items:flex-start;font-size:.9rem}.cf-list-item button{margin-top:.5rem;margin-left:0}}.layout-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background-color:#f7f7f7;box-shadow:0 2px 5px #0000001a}.logo-group{display:flex;align-items:center;justify-content:space-between;flex:1;gap:10px}.logo{height:60px;width:auto;object-fit:contain;flex:1}.home-btn{padding:8px 16px;background-color:#ff6b6b;color:#fff;border:none;border-radius:5px;cursor:pointer}.home-btn:hover{background-color:#ff4c4c}.staff-container{max-width:1200px;margin:0 auto;padding:1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333}.staff-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.staff-header h1{font-size:1.5rem;margin:.5rem 0}.message{background-color:#e6f7ff;border:1px solid #91d5ff;padding:.5rem 1rem;border-radius:6px;margin-bottom:1rem;color:#0050b3}.filter-box{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.filter-box input{flex:1;min-width:120px;padding:.5rem;border:1px solid #ccc;border-radius:6px}.customers-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.customers-grid{grid-template-columns:1fr}}.staff-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:.75rem 1rem;margin-bottom:.75rem;box-shadow:0 2px 5px #0000000d}.staff-card .name{font-weight:700;margin-bottom:.25rem}.staff-card .info{font-size:.9rem;margin-bottom:.5rem;line-height:1.3}.empty{color:#888;font-style:italic}.button{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:600;transition:all .2s ease-in-out;margin-top:.25rem;display:inline-block;text-align:center}.button-blue{background-color:#1890ff;color:#fff}.button-blue:hover{background-color:#40a9ff}.button-red{background-color:#ff4d4f;color:#fff}.button-red:hover{background-color:#ff7875}.button-green{background-color:#52c41a;color:#fff}.button-green:hover{background-color:#73d13d}.button-gray{background-color:#d9d9d9;color:#333}.button-gray:hover{background-color:#bfbfbf}.staff-action{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.staff-action input{flex:1;min-width:100px;padding:.4rem .5rem;border:1px solid #ccc;border-radius:6px}@media (max-width: 480px){.staff-card{padding:.5rem .75rem}.staff-action{flex-direction:column}.staff-action input,.staff-action .button{width:100%}.staff-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.mobile-toggle{display:none;margin-top:10px;gap:5px}@media screen and (max-width: 768px){.mobile-toggle{display:flex}}