.ph-admin{max-width:1200px}.ph-head{display:flex;align-items:center;gap:18px;margin:20px 0}.ph-head img{width:190px;max-height:70px;object-fit:contain}.ph-head h1{margin:0}.ph-head span{color:#667085}.ph-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.ph-cards>div,.ph-box{background:#fff;border:1px solid #dbe5ee;border-radius:10px;padding:20px;margin:18px 0}.ph-cards b{display:block;font-size:30px;color:#0878bf}.ph-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:end}.ph-grid label,.ph-filters label{font-weight:600}.ph-grid input,.ph-filters input,.ph-filters select{width:100%;box-sizing:border-box;margin-top:6px}.ph-filters{display:flex;gap:12px;align-items:end}.ph-app{max-width:500px;margin:30px auto;padding:22px;background:#f7fbff;border:1px solid #dbeaf5;border-radius:18px;font-family:Arial;color:#17324d}.ph-logo{display:flex;align-items:center;gap:12px;margin-bottom:25px}.ph-logo img{width:155px;max-height:60px;object-fit:contain}.ph-logo b,.ph-logo small{display:block}.ph-logo small{color:#667085}.ph-welcome{display:flex;justify-content:space-between;font-size:18px;margin-bottom:18px}.ph-time{text-align:center;font-size:25px;font-weight:bold;margin:20px}.ph-btn{width:100%;border:0;border-radius:12px;padding:18px;color:#fff;font-size:18px;font-weight:bold;cursor:pointer}.ph-btn.in{background:#139447}.ph-btn.out{background:#d93434}.ph-open,.ph-login{background:#fff;padding:18px;border-radius:12px}.ph-login input{width:100%;box-sizing:border-box;padding:12px;margin:7px 0 14px}.ph-login .button{width:100%}#ph_msg{text-align:center;font-weight:bold;margin:14px}.ph-history{margin-top:20px}@media(max-width:700px){.ph-cards{grid-template-columns:1fr}.ph-grid{grid-template-columns:1fr}.ph-filters{display:block}.ph-filters label{display:block;margin-bottom:10px}}