*,:before,:after{box-sizing:border-box}.home-page{background:#f9fafb;min-height:100vh;padding:30px;font-family:system-ui,sans-serif}.page-title{text-align:center;color:#333;margin-bottom:16px;font-size:1.6rem;font-weight:700}.search-box{justify-content:center;margin-bottom:16px;display:flex}.search-box input{border:1px solid #d1d5db;border-radius:6px;width:300px;padding:8px 10px;font-size:.9rem}.search-box input:focus{border-color:#2563eb;outline:none}.card-list{flex-direction:column;gap:16px;max-width:900px;margin:0 auto;display:flex}.card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px;transition:box-shadow .2s;box-shadow:0 3px 8px #0000000d}.card:hover{box-shadow:0 6px 14px #0000001a}.card-header{align-items:flex-start;gap:20px;margin-bottom:15px;display:flex}.card-header h3{color:#111;margin-bottom:4px;font-size:1.2rem}.badge-box{gap:8px;display:flex}.status-badge,.domain-badge{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:20px;padding:4px 10px;font-size:.85rem;font-weight:600;display:inline-block}.status-badge.done{color:#065f46;background:#d1fae5}.status-badge.ing{color:#92400e;background:#fef3c7}.domain-badge.done{color:#fff;background:#2b2ff0}.domain-badge.ing{color:#fff;background:#f40f0f}.id-info{color:#de0d0d;margin-left:auto;font-size:.8rem;font-weight:600}.box-company{color:#374151;font-size:1.2rem;font-weight:600}.pagination{justify-content:center;gap:4px;margin-top:24px;display:flex}.pagination button{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:4px 10px}.pagination button.active{color:#fff;background:#3b82f6}.pagination button:disabled{color:#d1d5db;cursor:default}.info-grid{grid-template-columns:repeat(3,1fr);gap:10px 14px;margin-top:14px;margin-bottom:10px;display:grid}.info{flex-direction:column;display:flex}.info label{color:#374151;margin-bottom:2px;font-size:.75rem}.info input{color:#111827;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:6px;padding:6px 8px;font-size:.9rem}.admin-box{border-radius:6px;align-items:center;gap:8px;margin-bottom:12px;font-size:.75rem;display:flex}.admin-box label{color:#111827;margin-right:4px;font-weight:600}.admin-box input{border:1px solid #d1d5db;border-radius:5px;width:200px;padding:6px 8px}.admin-box input:focus{border-color:#2563eb;outline:none}.admin-box button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:5px;padding:3px 10px;font-size:.9rem;transition:all .2s}.admin-box button:hover{background:#1e40af}.admin-box button:disabled{cursor:not-allowed;background:#93c5fd}.logout-bar{justify-content:flex-end;align-items:center;margin-bottom:10px;padding-right:10px;display:flex}.logout-bar button{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:6px;padding:8px 16px;font-size:.9rem;transition:background-color .2s,transform .1s}.logout-bar button:hover{background-color:#dc2626}.logout-bar button:active{transform:scale(.97)}.login-wrapper{background-color:#f9fafb;justify-content:center;align-items:center;min-height:100vh;padding:16px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.login-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:420px;padding:40px 36px;box-shadow:0 6px 20px #00000012}.login-header{text-align:center;margin-bottom:32px}.login-header h1{color:#1f2937;font-size:1.8rem;font-weight:700}.login-header p{color:#6b7280;margin-top:6px;font-size:.9rem}.login-form{flex-direction:column;gap:24px;display:flex}.form-group label{color:#374151;margin-bottom:6px;font-size:.9rem;font-weight:500;display:block}.form-group input{box-sizing:border-box;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;padding:8px;font-size:.9rem;transition:border-color .15s,background-color .15s}.form-group input:focus{background-color:#fff;border-color:#3b82f6}.login-form button{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:6px;width:100%;padding:10px 0;font-size:.9rem;font-weight:600;transition:background-color .15s}.login-form button:hover{background-color:#2563eb}.login-form button:active{background-color:#1d4ed8}.error-msg{text-align:center;color:#ef4444;background-color:#fef2f2;border-radius:6px;padding:8px 0;font-size:.85rem}.login-footer{text-align:center;color:#9ca3af;margin-top:32px;font-size:.75rem}